@import url("glyphs/glyphs.css");
@import url("fonts/source-sans-pro/source-sans-pro.css");
@import url("fonts/unifraktur-maguntia/unifraktur-maguntia.css");
@import url("fonts/chomsky/chomsky.css");
@import url("fonts/bellefair/bellefair.css");
@import url("fonts/noto-sans-arabic/noto-sans-arabic.css");
@import url("fonts/noto-naskh-arabic/noto-naskh-arabic.css");
@import url("automations/apps.css");
:root {
  --break-small: 768px;
  --break-large: 1280px;
  --colour-well-background: rgba(255, 255, 255, 0.5);
  --pat-tail-white: 15px;
  --default-animation-duration: 0.3s;
  --base-animation-duration: var(--default-animation-duration);
  --pat-rich-header-level-1-font-size: 2.7rem;
  --pat-rich-header-level-1-font-weight: bold;
  --pat-throbber-size: 50px;
  --pat-well-padding: 30px;
  --pat-well-padding-left: var(--pat-well-padding);
  --pat-well-padding-right: var(--pat-well-padding);
  --pat-well-padding-top: var(--pat-well-padding);
  --pat-well-padding-bottom: var(--pat-well-padding);
  --pat-well-padding-small: var(--default-screen-padding-small);
  --pat-well-padding-tight: 20px;
  --pat-well-well-header-font-size: 28px;
  --pat-well-header-line-height: 1.2;
  --pat-well-separation-header-font-size: 1.3rem;
  --pat-well-well-header-font-weight: normal;
  --pat-well-background-colour: rgba(255, 255, 255, 0.5);
  --pat-well-box-shadow: var(--default-box-shadow);
  --pat-well-form-field-background-colour: white;
  --pat-well-header-element-gap: 10px;
  --pat-well-header-text-colour: var(--body-font-colour);
  --pat-link-list-title-line-height: 1.15;
  --pat-link-list-title-font-size: 18px;
  --pat-menu-list-top-bottom-padding: 2px;
  --pat-menu-list-item-padding-left-right: 4px;
  --pat-menu-list-item-padding-top-bottom: 4px;
  --body-font-family: 'Source Sans Pro', 'Noto Sans Arabic', sans-serif;
  --font-weight-normal: normal;
  --font-weight-bold: bold;
  --border-radii: 10px;
  --body-font-size: 18px;
  --kik-embed-selected-outline: 3px solid var(--colour-accent);
  --pat-button-bar-margin-top-bottom: 15px;
  --back-button-border-radius: var(--border-radii);
  --back-button-border-radius-left: 8px;
  --back-button-background-colour: var(--button-background-colour);
  --back-button-background-colour-hover: var(--button-background-colour-hover);
  --back-button-text-colour: var(--button-text-colour);
  --back-button-text-colour-hover: var(--button-text-colour-hover);
  --back-button-height: var(--button-height);
  --back-button-line-height: var(--button-line-height);
  --back-button-font-size: 18px;
  --back-button-background-colour-dp: rgba(255, 255, 255, 0.5);
  --back-button-text-colour-dp: rgba(255, 255, 255, 0.9);
  --back-button-text-colour-dp-hover: white;
  --back-button-font-weight: bold;
  --button-border: none;
  --button-border-radius: var(--border-radii);
  --button-background-image: none;
  --button-font-weight: bold;
  --button-text-colour: var(--colour-link);
  --button-text-colour-hover: color-mix(in srgb, var(--colour-link) 90%, black);
  --button-background-colour: #d1d1d1;
  --button-background-colour-hover: color-mix(in srgb, var(--button-background-colour) 95%, black);
  --button-shadow: none;
  --button-text-colour-subdued: rgba(0, 0, 0, 0.6);
  --button-text-colour-subdued-hover: rgba(0, 0, 0, 1);
  --button-background-colour-subdued: rgba(0, 0, 0, 0.1);
  --button-background-colour-subdued-hover: rgba(0, 0, 0, 0.15);
  --button-background-colour-default: var(--colour-accent);
  --button-background-colour-default-hover: color-mix(in srgb, var(--button-background-colour-default) 95%, black);
  --button-text-colour-default: rgba(255, 255, 255, 0.9);
  --button-text-colour-default-hover: rgba(255, 255, 255, 1);
  --button-shadow-default: none;
  --button-text-colour-disabled: rgba(0, 0, 0, 0.3);
  --button-text-colour-disabled-hover: rgba(0, 0, 0, 0.3);
  --button-background-colour-disabled: var(--button-background-colour);
  --button-background-colour-disabled-hover: var(--button-background-colour);
  --button-height: 35px;
  --button-line-height: 35px;
  --button-font-size: var(--body-font-size);
  --button-paddings: 0 var(--button-paddings);
  --button-small-height: 20px;
  --button-small-line-height: 20px;
  --button-small-font-size: 0.8rem;
  --button-small-paddings: 0 0.8rem;
  --button-small-shadow: none;
  --pat-toolbar-grid-template-areas: "first middle last";
  --pat-toolbar-button-height: var(--button-height);
  --pat-toolbar-button-line-height: var(--button-line-height);
  --colour-toolbar-button: transparent;
  --pat-toolbar-element-separation: 10px;
  --pat-tail-white: 15px;
  --pat-toolbar-font-size: 18px;
  --pat-toolbar-bump-distance: 100px;
  --pat-toolbar-bump-distance-scroll-down: 100px;
  --pat-toolbar-top-distance: 20px;
  --pat-toolbar-top-distance-small: var(--small-screen-padding);
  --pat-toolbar-hiding-speed: 0.3s;
  --pat-toolbar-box-shadow: 0 0 3px rgba(0, 0, 0, 0);
  --pat-button-cluster-toggle-margin: 3px;
  --pat-button-cluster-box-shadow: inset 0 1px 6px rgba(0,0,0,0.12);
  --pat-button-cluster-background: rgba(0, 0, 0, 0.05);
  --pat-button-cluster-item-background-colour-active: var(--colour-accent-auto-contrast);
  --button-height: var(--button-height);
  --pat-toolbar-z-index: 2;
  --pat-toolbar-search-field-width-open: 350px;
  --pat-toolbar-padding: 10px;
  --pat-toolbar-margin-bottom: 40px;
  --pat-toolbar-search-field-input-field-box-shadow-focus: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  --pat-toolbar-button-text-colour: var(--pat-button-text-colour);
  --pat-toolbar-button-text-colour-hover: var(--pat-button-text-colour-hover);
  --pat-toolbar-button-background-colour: var(--pat-button-background-colour);
  --pat-toolbar-button-background-colour-hover: var(--pat-button-background-colour-hover);
  --pat-toolbar-icon-background-colour: var(--pat-toolbar-button-background-colour);
  --pat-toolbar-icon-background-colour-hover: var(--pat-toolbar-button-background-colour-hover);
  --pat-toolbar-icon-text-colour: var(--pat-toolbar-button-text-colour);
  --pat-toolbar-icon-text-colour-hover: var(--pat-toolbar-button-text-colour-hover);
  --pat-toolbar-button-box-shadow: var(--pat-button-box-shadow);
  --pat-toolbar-button-backdrop-filter: blur(5px) saturate(1.5) brightness(4);
  --grid-gutter: var(--body-font-size);
  --grid-gutter-small: var(--small-screen-padding);
  --default-screen-padding: 40px;
  --default-screen-padding-small: 15px;
  --default-tail-white: 25px;
  --tooltip-border-radii: var(--border-radii);
  --pat-tooltip-padding: 18px;
  --pat-tooltip-border: var(--default-border);
  --default-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  --default-box-shadow-hover: 0 0 15px rgba(0, 0, 0, 0.2);
  --default-box-shadow-active: inset 0 0 10px rgba(0, 0, 0, 0.4);
  --default-focus-marking: 0 0 2px rgba(0, 0, 0, 0.5);
  --default-border-colour: rgba(0, 0, 0, 0.15);
  --default-border: 1px solid var(--default-border-colour);
  --pat-toggle-height: 26px;
  --pat-toggle-switch-border-radius: 14px;
  --pat-toggle-background-colour-off: silver;
  --pat-toggle-background-colour-on: var(--colour-success);
  --pat-toggle-toggle-distance: 2px;
  --pat-toggle-toggle-border-radius: 50%;
  --pat-toggle-toggle-background-colour: white;
  --pat-toggle-toggle-background-colour-on: white;
  --pat-toggle-text-colour: white;
  --pat-toggle-padding-start-end: 10px;
  --pat-toggle-box-shadow: none;
  --pat-toggle-box-shadow-on: none;
  --pat-toggle-text-colour: white;
  --pat-toggle-text-shadow-on: none;
  --pat-auto-suggest-cancel-button-edge-distance: 12px;
  --carousel-button-distance: 10px;
  --carousel-button-width: 40px;
  --carousel-button-height: 40px;
  --carousel-default-height-large: 500px;
  --carousel-default-height-small: 200px;
  --carousel-default-dot-colour: #f73558;
  --pat-container-width: 1280px;
  --pat-container-width-medium: 800px;
  --pat-container-padding: var(--default-screen-padding);
  --pat-container-padding-small: var(--default-screen-padding-small);
  --pat-portlet-background-colour: rgba(255, 255, 255, 0.5);
  --pat-form-horizontal-label-width: 27%;
  --pat-form-horizontal-extra-width: 26px;
  --pat-form-horizontal-column-gap: 25px;
  --pat-form-proportion-gutter: 15px;
  --pat-form-input-field-line-height: 28px;
  --pat-form-input-field-padding-top-bottom-disabled: 0;
  --pat-form-input-field-padding-left-right-disabled: 0;
  --pat-form-input-field-font-size: var(--body-font-size);
  --pat-form-input-field-font-weight: normal;
  --pat-form-input-field-tail-white: 1.2rem;
  --pat-form-input-field-background-colour: var(--colour-form-fields-background);
  --pat-form-input-field-background-colour-disabled: transparent;
  --pat-form-input-field-text-colour: black;
  --pat-form-fields-border-radius: var(--border-radii);
  --pat-form-placeholder-colour: rgba(0, 0, 0, 0.35);
  --pat-form-input-field-text: inherit;
  --pat-form-input-field-text-disabled: rgba(0, 0, 0, 0.5);
  --pat-form-input-field-text-colour-disabled: var(--pat-form-input-field-text-disabled);
  --pat-form-panel-background-colour: var(--colour-well-background);
  --pat-form-panel-collapsible-button-height: var(--collapsible-button-height);
  --pat-form-input-field-outline: none;
  --pat-form-input-field-outline-offset: 2px;
  --pat-form-input-field-outline-focus: dodgerblue 2px solid;
  --pat-form-input-field-border: none;
  --pat-form-input-field-border-focus: none;
  --pat-form-input-field-box-shadow: none;
  --pat-form-input-field-box-shadow-disabled: none;
  --pat-form-input-field-box-shadow-focus: none;
  --pat-form-help-button-height: 37px;
  --pat-form-help-button-width: 26px;
  --pat-form-help-button-icon-height: 37px;
  --pat-form-help-button-icon-glyph: var(--glyph-help);
  --pat-form-help-button-icon-border-radius: var(--border-radii);
  --pat-form-panel-box-shadow-hover: 0 0 1px 1px rgba(0, 0, 0, 0.5);
  --pat-form-panel-padding: 40px;
  --pat-form-panel-padding-large: 40px;
  --pat-form-panel-padding-medium: 30px;
  --pat-form-panel-padding-small: 20px;
  --pat-form-input-field-padding-top-bottom: 4px;
  --pat-form-input-field-padding-start-end: 10px;
  --pat-form-input-field-border: none;
  --pat-form-input-field-border-radius: var(--border-radii);
  --pat-form-proportion-ceiling: 260%;
  --pat-form-proportion-name: 30%;
  --pat-form-proportion-value: 80%;
  --pat-form-proportion-value-small: 100%;
  --pat-form-input-field-tail-white: 26px;
  --form-fields-border-radius: var(--border-radii);
  --form-input-field-line-height: inherit;
  --collapsible-button-height: 31px;
  --pat-select-box-arrow-width: 35px;
  --pat-select-box-arrow-size: 13px;
  --pat-select-arrow-space: 29px;
  --pat-select-box-padding-top-bottom: var(--pat-form-input-field-padding-top-bottom);
  --pat-select-box-padding-start: var(--pat-form-input-field-padding-start-end);
  --pat-select-box-box-shadow: var(--pat-form-input-field-box-shadow);
  --pat-select-box-arrow-background-colour: rgba(0, 0, 0, 0.1);
  --pat-select-box-font-size: var(--pat-form-input-field-font-size);
  --pat-select-arrow-edge-distance: 12px;
  --pat-select-box-height: var(--pat-form-input-field-line-height);
  --pat-select-box-padding-right-left: var(--pat-form-input-field-padding-start-end);
  --pat-select-box-background-colour: var(--pat-button-background-colour);
  --pat-select-box-background-colour-hover: var(--pat-button-background-colour-hover);
  --pat-select-box-arrow-text-colour: var(--pat-button-text-colour);
  --pat-select-box-arrow-text-colour-hover: var(--pat-button-text-colour-hover);
  --checklist-label-line-height: 24px;
  --pat-checklist-item-separation: 0.2em;
  --pat-checklist-padding-start: 1.5em;
  --pat-checklist-padding-end: 0;
  --pat-checklist-label-padding-start: var(--pat-checklist-padding-start);
  --pat-checklist-label-padding-end: var(--pat-checklist-padding-end);
  --pat-checklist-checkbox-size: 18px;
  --pat-checklist-checkbox-background-colour: white;
  --pat-checklist-checkbox-box-shadow: inset 0 0 0 2px black;
  --pat-checklist-checkbox-box-shadow-checked: none;
  --pat-checklist-checkbox-box-shadow-radio-checked: inset 0 0 0 2px var(--colour-accent), inset 0 0 0 5px white;
  --pat-checklist-checkbox-background-colour-checked: var(--colour-accent);
  --pat-checklist-checkbox-border-radius: calc(0.25 * var(--pat-checklist-checkbox-size));
  --pat-checklist-line-height: var(--checklist-label-line-height);
  --pat-checklist-checkbox-vertical-position: 12px;
  --pat-checklist-margin-bottom: 1rem;
  --pat-checklist-font-size: inherit;
  --pat-menu-list-item-padding-start: 34px;
  --pat-menu-list-item-line-height: 24px;
  --pat-sortable-blocks-padding-start: 44px;
  --pat-sortable-blocks-button-width: 36px;
  --pat-sortable-blocks-gap: 6px;
  --pat-sortable-blocks-item-info-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
  --pat-sortable-blocks-handle-colour: var(--colour-accent);
  --pat-sortable-blocks-remove-button-width: 20px;
  --pat-sortable-blocks-remove-button-height: 34px;
  --pat-sortable-blocks-remove-button-icon-height: 20px;
  --pat-sortable-blocks-remove-button-icon-border-radius: 50%;
  --pat-sortable-blocks-item-info-box-shadow: var(--default-box-shadow);
  --pat-context-menu-panel-distance: 12px;
  --pat-context-menu-panel-width: 250px;
  --context-menu-text-colour: rgba(0, 0, 0, 0.6);
  --context-menu-text-colour-hover: black;
  --context-menu-max-height: calc(100vh - 170px);
  --pat-message-padding: 1.3rem;
  --pat-message-margin-bottom: var(--grid-gutter);
  --pat-message-box-shadow-colour: rgba(0, 0, 0, 0.25);
  --pat-notifications-top-distance: 0;
  --pat-notification-font-size: 18px;
  --pat-notification-line-height: 30px;
  --pat-notification-padding: 15px;
  --pat-notification-border-radius: var(--border-radii);
  --pat-notification-background-colour: rgba(255, 255, 255, 0.5);
  --pat-notification-backdrop-filter: blur(3px) saturate(0.5);
  --pat-notification-box-shadow: var(--default-box-shadow);
  --pat-avatar-background-colour: var(--colour-accent);
  --close-button-height: var(--button-height);
  --modal-panel-width-small: 640px;
  --modal-panel-width-medium: 840px;
  --modal-panel-width-large: 1100px;
  --modal-panel-body-bottom-padding: 30px;
  --modal-panel-body-top-padding: 8px;
  --modal-panel-body-left-right-padding: 30px;
  --pat-modal-panel-panel-box-shadow: 0 0 70px rgba(0, 0, 0, 0.5);
  --pat-modal-panel-footer-border-colour: var(--default-border-colour);
  --pat-modal-panel-space-background-colour: rgba(0, 0, 0, 0.15);
  --pat-modal-panel-space-backdrop-filter: blur(3px) saturate(0.5);
  --gallery-button-width: 40px;
  --gallery-button-height: 40px;
  --tooltip-background-colour: white;
  --pat-x-list-gutter: 10px;
  --pat-x-list-padding-top: calc(1.3 * var(--pat-x-list-gutter));
  --pat-x-list-padding-right: calc(1.3 * var(--pat-x-list-gutter));
  --pat-x-list-padding-bottom: calc(1.3 * var(--pat-x-list-gutter));
  --pat-x-list-padding-left: calc(1.3 * var(--pat-x-list-gutter));
  --pat-x-list-padding: var(--pat-x-list-padding-top) var(--pat-x-list-padding-right) var(--pat-x-list-padding-bottom) var(--pat-x-list-padding-left);
  --pat-x-list-border-radius: var(--border-radii);
  --pat-x-list-box-shadow: var(--default-box-shadow);
  --pat-x-list-box-shadow-hover: var(--default-box-shadow-hover, var(--default-box-shadow));
  --pat-x-list-box-shadow-current: var(--default-box-shadow);
  --pat-x-list-border: var(--default-border, var(--default-border));
  --pat-x-list-border-hover: var(--pat-x-list-border, var(--default-border));
  --pat-x-list-border-current: var(--default-border);
  --pat-x-list-background-colour: transparent;
  --pat-x-list-background-colour-hover: rgba(0, 0, 0, 0.08);
  --pat-x-list-background-colour-current: rgba(0, 0, 0, 0.08);
  --pat-x-list-text-colour: var(--body-font-colour);
  --pat-x-list-text-colour-hover: var(--body-font-colour);
  --pat-x-list-text-colour-current: var(--body-font-colour);
  --pat-x-list-icon-tile-width: 45px;
  --browser-window-border-radii: 8px;
  --pat-table-cell-padding-top: 10px;
  --pat-table-cell-padding-right: 15px;
  --pat-table-cell-padding-bottom: 10px;
  --pat-table-cell-padding-left: 15px;
  --pat-table-cell-padding-hd-top: 8px;
  --pat-table-cell-padding-hd-right: 8px;
  --pat-table-cell-padding-hd-bottom: 8px;
  --pat-table-cell-padding-hd-left: 8px;
  --pat-table-thead-cell-padding-top: 0;
  --pat-table-thead-cell-padding-bottom: 0;
  --pat-table-line-height: 1.4;
  --pat-table-padding: 5px 10px 5px 10px;
  --pat-table-padding-hd: 5px 10px 5px 10px;
  --pat-table-checkbox-vertical-position: 20px;
  --pat-table-row-outline: none;
  --pat-table-thead-row-outline: none;
  --pat-table-border-bottom: none;
  --pat-table-border-spacing-vertical: 0;
  --pat-table-border-spacing-horizontal: 0;
  --pat-table-border-spacing: var(--pat-table-border-spacing-horizontal) var(--pat-table-border-spacing-vertical);
  --pat-table-cell-border-top: none;
  --pat-table-background-colour: transparent;
  --pat-table-cell-border-bottom: none;
  --pat-table-cell-background-colour: white;
  --pat-table-thead-cell-background-colour: transparent;
  --pat-table-cell-icons: rgba(0, 0, 0, 0.6);
  --pat-table-cell-icons-hover: black;
  --pat-table-icon-colour: gray;
  --pat-table-icon-background-colour: rgba(0, 0, 0, 0);
  --pat-table-icon-background-colour-hover: rgba(0, 0, 0, 0.1);
  --pat-table-icon-background-colour-active: var(--colour-accent);
  --pat-table-icon-text-colour-active: var(--colour-accent-text);
  --pat-button-paddings: var(--button-paddings);
  --pat-button-font-size: var(--body-font-size);
  --pat-button-text-colour: var(--button-text-colour);
  --pat-button-background-colour: var(--button-background-colour);
  --pat-button-text-colour-hover: var(--button-text-colour-hover);
  --pat-button-background-colour-hover: var(--button-background-colour-hover);
  --pat-button-height: var(--button-height);
  --pat-button-line-height: var(--button-line-height);
  --pat-button-paddings: var(--button-paddings);
  --pat-button-font-weight: var(--button-font-weight);
  --pat-button-border: var(--button-border);
  --pat-button-border-radius: var(--button-border-radius);
  --pat-button-background-image: var(--button-background-image);
  --pat-button-shadow: none;
  --pat-button-small-height: var(--button-small-height);
  --pat-button-small-line-height: var(--button-small-line-height);
  --pat-button-small-font-size: var(--button-small-font-size);
  --pat-button-small-paddings: var(--button-small-paddings);
  --pat-button-small-shadow: var(--button-small-shadow);
  --pat-button-box-shadow: none;
  --pat-button-box-shadow-default: var(--pat-button-box-shadow);
  --pat-button-box-shadow-hover: var(--pat-button-box-shadow);
  --pat-button-box-shadow-active: var(--pat-button-box-shadow-hover);
  --pat-button-box-shadow-focus: var(--pat-button-box-shadow-hover);
}
@media (prefers-reduced-motion: reduce) {
:root {
  --base-animation-duration: 0s;
}
}
@container (min-width: var(--break-small)) {
:root {
  --grid-gutter: var(--grid-gutter-small);
}
}
:root {
  --max-body-text-height: 150px;
  --sidebar-extras-gap: 1em;
  --tool-icon-border-radius: 12%;
  --tool-tile-background-inset: 0;
  --tool-tile-padding: 30px;
  --tool-tile-spacing: 20px;
}
@keyframes bounceInCentred {

  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale3d(.3, .3, .3);
  }

  20% {
    transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: translate(-50%, -50%) scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: translate(-50%, -50%) scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: translate(-50%, -50%) scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
  }
}
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {

  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {

  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {

  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {

  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {

  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
:root {
  --glyph-heart-empty: '\e800';
  --glyph-heart: '\e801';
  --glyph-plus-circle: '\e802';
  --glyph-cancel-circle: '\e803';
  --glyph-cog: '\e804';
  --glyph-chat: '\e805';
  --glyph-comment: '\e806';
  --glyph-list-large: '\e807';
  --glyph-upload: '\e808';
  --glyph-download: '\e809';
  --glyph-export: '\e80a';
  --glyph-grid-large: '\e80b';
  --glyph-attention: '\e80c';
  --glyph-up-circle: '\e80d';
  --glyph-down-circle: '\e80e';
  --glyph-archive: '\e80f';
  --glyph-calendar: '\e810';
  --glyph-document: '\e811';
  --glyph-brush: '\e812';
  --glyph-cancel-circle-open-light: '\e813';
  --glyph-bell: '\e814';
  --glyph-spin: '\e815';
  --glyph-contacts: '\e816';
  --glyph-calendar-empty: '\e817';
  --glyph-crown: '\e818';
  --glyph-info-circle: '\e819';
  --glyph-file-pdf: '\e81a';
  --glyph-file-word: '\e81b';
  --glyph-file-excel: '\e81c';
  --glyph-file-powerpoint: '\e81d';
  --glyph-file-video: '\e81e';
  --glyph-file-code: '\e81f';
  --glyph-file-audio: '\e820';
  --glyph-file-archive: '\e821';
  --glyph-file-image: '\e822';
  --glyph-doc-text: '\e823';
  --glyph-crown-plus: '\e824';
  --glyph-plus: '\e825';
  --glyph-crown-minus: '\e826';
  --glyph-move: '\e827';
  --glyph-share: '\e828';
  --glyph-ok: '\e829';
  --glyph-add-column-left: '\e82a';
  --glyph-floppy: '\e82b';
  --glyph-star: '\e82c';
  --glyph-location: '\e82d';
  --glyph-back-in-time: '\e82e';
  --glyph-clock: '\e82f';
  --glyph-external: '\e830';
  --glyph-plus-1: '\e831';
  --glyph-right-hand: '\e832';
  --glyph-religious-jewish: '\e833';
  --glyph-religious-islam: '\e834';
  --glyph-religious-christian: '\e835';
  --glyph-phone-1: '\e836';
  --glyph-box: '\e837';
  --glyph-minus: '\e838';
  --glyph-bell-alt: '\e839';
  --glyph-thumbs-up-alt: '\e83a';
  --glyph-link: '\e83b';
  --glyph-home-1: '\e83c';
  --glyph-search-1: '\e83d';
  --glyph-glass: '\e83e';
  --glyph-music: '\e83f';
  --glyph-newspaper: '\e840';
  --glyph-video: '\e841';
  --glyph-child: '\e842';
  --glyph-sun: '\e843';
  --glyph-globe: '\e844';
  --glyph-inbox: '\e845';
  --glyph-award: '\e846';
  --glyph-signal: '\e847';
  --glyph-briefcase: '\e848';
  --glyph-suitcase: '\e849';
  --glyph-toggle-on: '\e84a';
  --glyph-toggle-off: '\e84b';
  --glyph-bank: '\e84c';
  --glyph-gwallet: '\e84d';
  --glyph-fork: '\e84e';
  --glyph-magic: '\e84f';
  --glyph-book-1: '\e850';
  --glyph-bookmark: '\e851';
  --glyph-star-empty: '\e852';
  --glyph-money: '\e853';
  --glyph-hammer: '\e854';
  --glyph-up-open: '\e855';
  --glyph-down-open: '\e856';
  --glyph-align-left: '\e857';
  --glyph-align-center: '\e858';
  --glyph-align-right: '\e859';
  --glyph-align-justify: '\e85a';
  --glyph-list-bullet: '\e85b';
  --glyph-list-numbered: '\e85c';
  --glyph-strike: '\e85d';
  --glyph-underline: '\e85e';
  --glyph-superscript: '\e85f';
  --glyph-subscript: '\e860';
  --glyph-paragraph: '\e861';
  --glyph-bold: '\e862';
  --glyph-italic: '\e863';
  --glyph-table: '\e864';
  --glyph-ellipsis: '\e865';
  --glyph-cw: '\e866';
  --glyph-ccw: '\e867';
  --glyph-unlink: '\e868';
  --glyph-quote-left: '\e869';
  --glyph-ok-circle: '\e86a';
  --glyph-radio-on: '\e86b';
  --glyph-minus-circle: '\e86c';
  --glyph-help-circle: '\e86d';
  --glyph-building: '\e86e';
  --glyph-squares: '\e86f';
  --glyph-newspaper-1: '\e870';
  --glyph-down-bold: '\e871';
  --glyph-left-bold: '\e872';
  --glyph-right-bold: '\e873';
  --glyph-up-bold: '\e874';
  --glyph-resize-vertical: '\e875';
  --glyph-updown-circle: '\e876';
  --glyph-menu-outline: '\e877';
  --glyph-menu: '\e878';
  --glyph-pin: '\e879';
  --glyph-docs: '\e87a';
  --glyph-angle-double-right: '\e87b';
  --glyph-tag: '\e87c';
  --glyph-bookmark-empty: '\e87d';
  --glyph-mobile: '\e87e';
  --glyph-tags: '\e87f';
  --glyph-star-circled: '\e880';
  --glyph-flag: '\e881';
  --glyph-megaphone: '\e882';
  --glyph-lightbulb: '\e883';
  --glyph-edit: '\e884';
  --glyph-history: '\e885';
  --glyph-marquee: '\e886';
  --glyph-trash-empty: '\e887';
  --glyph-right-big: '\e888';
  --glyph-arrows-cw: '\e889';
  --glyph-up-big: '\e88a';
  --glyph-feather: '\e88b';
  --glyph-cog-many: '\e88c';
  --glyph-subscribed: '\e88d';
  --glyph-subscribe: '\e88e';
  --glyph-wrench: '\e88f';
  --glyph-exit: '\e890';
  --glyph-folder-add: '\e891';
  --glyph-trolley: '\e892';
  --glyph-grid: '\e893';
  --glyph-mail-1: '\e894';
  --glyph-palette: '\e895';
  --glyph-star-half: '\e896';
  --glyph-users-1: '\e897';
  --glyph-arrow-combo: '\e898';
  --glyph-cancel: '\e899';
  --glyph-th-list: '\e89a';
  --glyph-th: '\e89b';
  --glyph-th-large: '\e89c';
  --glyph-camera-alt: '\e89d';
  --glyph-camera: '\e89e';
  --glyph-picture-1: '\e89f';
  --glyph-videocam: '\e8a0';
  --glyph-info-circled: '\e8a1';
  --glyph-attach-1: '\e8a2';
  --glyph-lock: '\e8a3';
  --glyph-lock-open: '\e8a4';
  --glyph-eye-1: '\e8a5';
  --glyph-eye-off-1: '\e8a6';
  --glyph-forward: '\e8a7';
  --glyph-thumbs-down: '\e8a8';
  --glyph-thumbs-up-1: '\e8a9';
  --glyph-pencil-1: '\e8aa';
  --glyph-print-1: '\e8ab';
  --glyph-retweet: '\e8ac';
  --glyph-bell-1: '\e8ad';
  --glyph-attention-circled: '\e8ae';
  --glyph-calendar-1: '\e8af';
  --glyph-folder-open: '\e8b0';
  --glyph-folder-1: '\e8b1';
  --glyph-login: '\e8b2';
  --glyph-volume-off: '\e8b3';
  --glyph-volume-down: '\e8b4';
  --glyph-volume-up: '\e8b5';
  --glyph-headphones: '\e8b6';
  --glyph-block: '\e8b7';
  --glyph-resize-horizontal: '\e8b8';
  --glyph-resize-vertical-1: '\e8b9';
  --glyph-zoom-in: '\e8ba';
  --glyph-zoom-out: '\e8bb';
  --glyph-down-circled2: '\e8bc';
  --glyph-up-circled2: '\e8bd';
  --glyph-down-dir-1: '\e8be';
  --glyph-up-dir: '\e8bf';
  --glyph-left-dir: '\e8c0';
  --glyph-eye-off: '\e8c1';
  --glyph-right-dir-1: '\e8c2';
  --glyph-left-open-1: '\e8c3';
  --glyph-right-open-2: '\e8c4';
  --glyph-down-big: '\e8c5';
  --glyph-left-big: '\e8c6';
  --glyph-left-hand: '\e8c7';
  --glyph-up-hand: '\e8c8';
  --glyph-down-hand: '\e8c9';
  --glyph-to-start: '\e8ca';
  --glyph-to-end-alt: '\e8cb';
  --glyph-to-end: '\e8cc';
  --glyph-pause: '\e8cd';
  --glyph-stop: '\e8ce';
  --glyph-play-circled2: '\e8cf';
  --glyph-play: '\e8d0';
  --glyph-shuffle: '\e8d1';
  --glyph-font: '\e8d2';
  --glyph-leaf: '\e8d3';
  --glyph-to-start-alt: '\e8d4';
  --glyph-fast-fw: '\e8d5';
  --glyph-fast-bw: '\e8d6';
  --glyph-eject: '\e8d7';
  --glyph-target: '\e8d8';
  --glyph-text-height: '\e8d9';
  --glyph-text-width: '\e8da';
  --glyph-cloud: '\e8db';
  --glyph-flash: '\e8dc';
  --glyph-umbrella: '\e8dd';
  --glyph-flight: '\e8de';
  --glyph-indent-right: '\e8df';
  --glyph-indent-left: '\e8e0';
  --glyph-list-1: '\e8e1';
  --glyph-barcode: '\e8e2';
  --glyph-qrcode: '\e8e3';
  --glyph-list-alt: '\e8e4';
  --glyph-road: '\e8e5';
  --glyph-off: '\e8e6';
  --glyph-adjust: '\e8e7';
  --glyph-tint: '\e8e8';
  --glyph-asterisk: '\e8e9';
  --glyph-fire: '\e8ea';
  --glyph-gift: '\e8eb';
  --glyph-magnet: '\e8ec';
  --glyph-chart-bar: '\e8ed';
  --glyph-credit-card: '\e8ee';
  --glyph-floppy-1: '\e8ef';
  --glyph-megaphone-1: '\e8f0';
  --glyph-key: '\e8f1';
  --glyph-truck: '\e8f2';
  --glyph-lemon: '\e8f3';
  --glyph-resize-full: '\e8f4';
  --glyph-resize-small: '\e8f5';
  --glyph-cut: '\e8f6';
  --glyph-check-on: '\e8f7';
  --glyph-search: '\e8f8';
  --glyph-mail: '\e8f9';
  --glyph-user: '\e8fa';
  --glyph-users: '\e8fb';
  --glyph-user-add: '\e8fc';
  --glyph-tiles: '\e8fd';
  --glyph-list: '\e8fe';
  --glyph-home: '\e8ff';
  --glyph-link-alternative: '\e900';
  --glyph-attach: '\e901';
  --glyph-lock-compact: '\e902';
  --glyph-lock-compact-open: '\e903';
  --glyph-police: '\e904';
  --glyph-eye: '\e905';
  --glyph-thumbs-up: '\e906';
  --glyph-group: '\e907';
  --glyph-clock-1: '\e908';
  --glyph-clock-2: '\e909';
  --glyph-upload-cloud: '\e90a';
  --glyph-pencil: '\e90b';
  --glyph-link-internal: '\e90c';
  --glyph-print: '\e90d';
  --glyph-vcard: '\e90e';
  --glyph-rss: '\e90f';
  --glyph-phone: '\e910';
  --glyph-down-dir: '\e911';
  --glyph-right-dir: '\e912';
  --glyph-network: '\e913';
  --glyph-picture: '\e914';
  --glyph-cancel-circle-open: '\e915';
  --glyph-left-open: '\e916';
  --glyph-right-open-1: '\e917';
  --glyph-left-circle: '\e918';
  --glyph-right-circle: '\e919';
  --glyph-layers: '\e91a';
  --glyph-add-row-above: '\e91b';
  --glyph-day-view: '\e91c';
  --glyph-month-view: '\e91d';
  --glyph-week-view: '\e91e';
  --glyph-year-view: '\e91f';
  --glyph-polls: '\e920';
  --glyph-feedback: '\e921';
  --glyph-library: '\e922';
  --glyph-division: '\e923';
  --glyph-follow: '\e924';
  --glyph-follow-empty: '\e925';
  --glyph-app: '\e926';
  --glyph-checklist: '\e927';
  --glyph-icon-close-thin: '\e928';
  --glyph-icon-down-thin: '\e929';
  --glyph-annotation: '\e92a';
  --glyph-chart-line-1: '\e92b';
  --glyph-golf-ball: '\e92c';
  --glyph-golf-hole: '\e92d';
  --glyph-title: '\e92e';
  --glyph-apple-share: '\e92f';
  --glyph-brain: '\e930';
  --glyph-door-open: '\e931';
  --glyph-arrow-curved-up: '\e932';
  --glyph-restore: '\e933';
  --glyph-arrows: '\e934';
  --glyph-arrows-apart: '\e935';
  --glyph-alarm: '\e936';
  --glyph-psychology: '\e937';
  --glyph-police-hat: '\e938';
  --glyph-brandmark: '\e939';
  --glyph-signature: '\e93a';
  --glyph-checkbox-solid-unchecked: '\e93b';
  --glyph-checkbox-solid-checked: '\e93c';
  --glyph-checkbox-solid-unchecked-1: '\e93d';
  --glyph-news: '\e93e';
  --glyph-doc: '\e93f';
  --glyph-slides: '\e940';
  --glyph-ellipsis-open: '\e941';
  --glyph-copy: '\e942';
  --glyph-speedometer: '\e943';
  --glyph-stage: '\e944';
  --glyph-add-column: '\e945';
  --glyph-add-row: '\e946';
  --glyph-remove-column: '\e947';
  --glyph-remove-row: '\e948';
  --glyph-manager: '\e949';
  --glyph-workspace: '\e94a';
  --glyph-circles: '\e94b';
  --glyph-newspaper-angle: '\e94c';
  --glyph-boilerplate: '\e94d';
  --glyph-doc-text-inv-1: '\e94e';
  --glyph-doc-text-1: '\e94f';
  --glyph-classifieds: '\e950';
  --glyph-bookmarks: '\e951';
  --glyph-todo: '\e952';
  --glyph-picture-2: '\e953';
  --glyph-portlets: '\e954';
  --glyph-checkboxes-double-unchecked: '\e955';
  --glyph-checkboxes-double-checked: '\e956';
  --glyph-checkboxes-triple-checked: '\e957';
  --glyph-checkboxes-triple-unchecked-svg: '\e958';
  --glyph-image-gallery: '\e959';
  --glyph-image-rounded: '\e95a';
  --glyph-image-collection: '\e95b';
  --glyph-mission: '\e95c';
  --glyph-compensation: '\e95d';
  --glyph-short-leave: '\e95e';
  --glyph-sick: '\e95f';
  --glyph-sick-care: '\e960';
  --glyph-rename: '\e961';
  --glyph-import: '\e962';
  --glyph-feeding-bottle: '\e963';
  --glyph-duplicate: '\e964';
  --glyph-010-tomb: '\e965';
  --glyph-sidebar-left: '\e966';
  --glyph-sidebar-2: '\e967';
  --glyph-sidebar: '\e968';
  --glyph-sidebar-left-open: '\e969';
  --glyph-shovel: '\e96a';
  --glyph-alexander: '\e96b';
  --glyph-markdown: '\e96c';
  --glyph-oira-assessment: '\e977';
  --glyph-online-booking: '\e995';
  --glyph-oira-tool: '\e996';
  --glyph-needle: '\e998';
  --glyph-link-ext: '\f08e';
  --glyph-check-off: '\f096';
  --glyph-phone-squared: '\f098';
  --glyph-twitter: '\f099';
  --glyph-facebook: '\f09a';
  --glyph-github-circled: '\f09b';
  --glyph-rss-1: '\f09e';
  --glyph-hdd: '\f0a0';
  --glyph-certificate: '\f0a3';
  --glyph-left-circled: '\f0a8';
  --glyph-right-circled: '\f0a9';
  --glyph-up-circled: '\f0aa';
  --glyph-down-circled: '\f0ab';
  --glyph-tasks: '\f0ae';
  --glyph-filter: '\f0b0';
  --glyph-resize-full-alt: '\f0b2';
  --glyph-beaker: '\f0c3';
  --glyph-blank: '\f0c8';
  --glyph-menu-1: '\f0c9';
  --glyph-pinterest-circled: '\f0d2';
  --glyph-pinterest-squared: '\f0d3';
  --glyph-gplus-squared: '\f0d4';
  --glyph-gplus: '\f0d5';
  --glyph-money-1: '\f0d6';
  --glyph-columns: '\f0db';
  --glyph-sort: '\f0dc';
  --glyph-sort-down: '\f0dd';
  --glyph-sort-up: '\f0de';
  --glyph-mail-alt: '\f0e0';
  --glyph-linkedin: '\f0e1';
  --glyph-gauge: '\f0e4';
  --glyph-comment-empty: '\f0e5';
  --glyph-chat-empty: '\f0e6';
  --glyph-sitemap: '\f0e8';
  --glyph-paste: '\f0ea';
  --glyph-exchange: '\f0ec';
  --glyph-download-cloud: '\f0ed';
  --glyph-upload-cloud-1: '\f0ee';
  --glyph-user-md: '\f0f0';
  --glyph-stethoscope: '\f0f1';
  --glyph-coffee: '\f0f4';
  --glyph-food: '\f0f5';
  --glyph-hospital: '\f0f8';
  --glyph-ambulance: '\f0f9';
  --glyph-medkit: '\f0fa';
  --glyph-fighter-jet: '\f0fb';
  --glyph-beer: '\f0fc';
  --glyph-h-sigh: '\f0fd';
  --glyph-plus-squared: '\f0fe';
  --glyph-angle-double-left: '\f100';
  --glyph-angle-double-up: '\f102';
  --glyph-angle-double-down: '\f103';
  --glyph-angle-left: '\f104';
  --glyph-angle-right: '\f105';
  --glyph-angle-up: '\f106';
  --glyph-angle-down: '\f107';
  --glyph-desktop: '\f108';
  --glyph-laptop: '\f109';
  --glyph-tablet: '\f10a';
  --glyph-radio-off: '\f10c';
  --glyph-quote-right: '\f10e';
  --glyph-spinner: '\f110';
  --glyph-circle: '\f111';
  --glyph-reply: '\f112';
  --glyph-github: '\f113';
  --glyph-folder-open-empty: '\f115';
  --glyph-smile: '\f118';
  --glyph-frown: '\f119';
  --glyph-meh: '\f11a';
  --glyph-gamepad: '\f11b';
  --glyph-keyboard: '\f11c';
  --glyph-flag-empty: '\f11d';
  --glyph-flag-checkered: '\f11e';
  --glyph-terminal: '\f120';
  --glyph-code: '\f121';
  --glyph-reply-all: '\f122';
  --glyph-star-half-alt: '\f123';
  --glyph-direction: '\f124';
  --glyph-crop: '\f125';
  --glyph-help: '\f128';
  --glyph-info: '\f129';
  --glyph-attention-alt: '\f12a';
  --glyph-eraser: '\f12d';
  --glyph-puzzle: '\f12e';
  --glyph-mic: '\f130';
  --glyph-mute: '\f131';
  --glyph-shield: '\f132';
  --glyph-extinguisher: '\f134';
  --glyph-rocket: '\f135';
  --glyph-maxcdn: '\f136';
  --glyph-angle-circled-left: '\f137';
  --glyph-angle-circled-right: '\f138';
  --glyph-html5: '\f13b';
  --glyph-css3: '\f13c';
  --glyph-anchor: '\f13d';
  --glyph-lock-open-alt: '\f13e';
  --glyph-bullseye: '\f140';
  --glyph-ellipsis-vert: '\f142';
  --glyph-rss-squared: '\f143';
  --glyph-play-circled: '\f144';
  --glyph-ticket: '\f145';
  --glyph-minus-squared: '\f146';
  --glyph-minus-squared-alt: '\f147';
  --glyph-level-up: '\f148';
  --glyph-level-down: '\f149';
  --glyph-ok-squared: '\f14a';
  --glyph-pencil-squared: '\f14b';
  --glyph-export-alt: '\f14d';
  --glyph-compass: '\f14e';
  --glyph-expand: '\f150';
  --glyph-collapse: '\f151';
  --glyph-expand-right: '\f152';
  --glyph-euro: '\f153';
  --glyph-pound: '\f154';
  --glyph-dollar: '\f155';
  --glyph-rupee: '\f156';
  --glyph-yen: '\f157';
  --glyph-rouble: '\f158';
  --glyph-won: '\f159';
  --glyph-bitcoin: '\f15a';
  --glyph-doc-inv: '\f15b';
  --glyph-doc-text-inv: '\f15c';
  --glyph-sort-name-up: '\f15d';
  --glyph-sort-name-down: '\f15e';
  --glyph-sort-alt-up: '\f160';
  --glyph-sort-alt-down: '\f161';
  --glyph-sort-number-up: '\f162';
  --glyph-sort-number-down: '\f163';
  --glyph-thumbs-down-alt: '\f165';
  --glyph-youtube-squared: '\f166';
  --glyph-youtube: '\f167';
  --glyph-xing: '\f168';
  --glyph-xing-squared: '\f169';
  --glyph-youtube-play: '\f16a';
  --glyph-dropbox: '\f16b';
  --glyph-stackoverflow: '\f16c';
  --glyph-instagram: '\f16d';
  --glyph-flickr: '\f16e';
  --glyph-adn: '\f170';
  --glyph-bitbucket: '\f171';
  --glyph-bitbucket-squared: '\f172';
  --glyph-tumblr: '\f173';
  --glyph-tumblr-squared: '\f174';
  --glyph-down: '\f175';
  --glyph-up: '\f176';
  --glyph-left: '\f177';
  --glyph-right: '\f178';
  --glyph-apple: '\f179';
  --glyph-windows: '\f17a';
  --glyph-android: '\f17b';
  --glyph-linux: '\f17c';
  --glyph-dribbble: '\f17d';
  --glyph-skype: '\f17e';
  --glyph-foursquare: '\f180';
  --glyph-trello: '\f181';
  --glyph-female: '\f182';
  --glyph-male: '\f183';
  --glyph-gittip: '\f184';
  --glyph-moon: '\f186';
  --glyph-bug: '\f188';
  --glyph-vkontakte: '\f189';
  --glyph-weibo: '\f18a';
  --glyph-renren: '\f18b';
  --glyph-pagelines: '\f18c';
  --glyph-stackexchange: '\f18d';
  --glyph-right-circled2: '\f18e';
  --glyph-left-circled2: '\f190';
  --glyph-collapse-left: '\f191';
  --glyph-dot-circled: '\f192';
  --glyph-wheelchair: '\f193';
  --glyph-vimeo-squared: '\f194';
  --glyph-try: '\f195';
  --glyph-plus-squared-alt: '\f196';
  --glyph-space-shuttle: '\f197';
  --glyph-slack: '\f198';
  --glyph-mail-squared: '\f199';
  --glyph-wordpress: '\f19a';
  --glyph-openid: '\f19b';
  --glyph-graduation-cap: '\f19d';
  --glyph-yahoo: '\f19e';
  --glyph-google: '\f1a0';
  --glyph-reddit: '\f1a1';
  --glyph-reddit-squared: '\f1a2';
  --glyph-stumbleupon-circled: '\f1a3';
  --glyph-stumbleupon: '\f1a4';
  --glyph-delicious: '\f1a5';
  --glyph-digg: '\f1a6';
  --glyph-pied-piper-squared: '\f1a7';
  --glyph-pied-piper-alt: '\f1a8';
  --glyph-drupal: '\f1a9';
  --glyph-joomla: '\f1aa';
  --glyph-language: '\f1ab';
  --glyph-fax: '\f1ac';
  --glyph-building-filled: '\f1ad';
  --glyph-paw: '\f1b0';
  --glyph-spoon: '\f1b1';
  --glyph-cube: '\f1b2';
  --glyph-cubes: '\f1b3';
  --glyph-behance: '\f1b4';
  --glyph-behance-squared: '\f1b5';
  --glyph-steam: '\f1b6';
  --glyph-steam-squared: '\f1b7';
  --glyph-recycle: '\f1b8';
  --glyph-cab: '\f1b9';
  --glyph-taxi: '\f1ba';
  --glyph-tree: '\f1bb';
  --glyph-spotify: '\f1bc';
  --glyph-deviantart: '\f1bd';
  --glyph-soundcloud: '\f1be';
  --glyph-database: '\f1c0';
  --glyph-vine: '\f1ca';
  --glyph-codeopen: '\f1cb';
  --glyph-jsfiddle: '\f1cc';
  --glyph-lifebuoy: '\f1cd';
  --glyph-circle-notch: '\f1ce';
  --glyph-rebel: '\f1d0';
  --glyph-empire: '\f1d1';
  --glyph-git-squared: '\f1d2';
  --glyph-git: '\f1d3';
  --glyph-hacker-news: '\f1d4';
  --glyph-tencent-weibo: '\f1d5';
  --glyph-qq: '\f1d6';
  --glyph-wechat: '\f1d7';
  --glyph-paper-plane: '\f1d8';
  --glyph-paper-plane-empty: '\f1d9';
  --glyph-circle-thin: '\f1db';
  --glyph-header: '\f1dc';
  --glyph-sliders: '\f1de';
  --glyph-share-squared: '\f1e1';
  --glyph-bomb: '\f1e2';
  --glyph-soccer-ball: '\f1e3';
  --glyph-tty: '\f1e4';
  --glyph-binoculars: '\f1e5';
  --glyph-plug: '\f1e6';
  --glyph-slideshare: '\f1e7';
  --glyph-twitch: '\f1e8';
  --glyph-yelp: '\f1e9';
  --glyph-wifi: '\f1eb';
  --glyph-calc: '\f1ec';
  --glyph-paypal: '\f1ed';
  --glyph-cc-visa: '\f1f0';
  --glyph-cc-mastercard: '\f1f1';
  --glyph-cc-discover: '\f1f2';
  --glyph-cc-amex: '\f1f3';
  --glyph-cc-paypal: '\f1f4';
  --glyph-cc-stripe: '\f1f5';
  --glyph-bell-off: '\f1f6';
  --glyph-bell-off-empty: '\f1f7';
  --glyph-trash: '\f1f8';
  --glyph-copyright: '\f1f9';
  --glyph-at: '\f1fa';
  --glyph-eyedropper: '\f1fb';
  --glyph-brush-1: '\f1fc';
  --glyph-birthday: '\f1fd';
  --glyph-chart-area: '\f1fe';
  --glyph-chart-pie: '\f200';
  --glyph-chart-line: '\f201';
  --glyph-lastfm: '\f202';
  --glyph-lastfm-squared: '\f203';
  --glyph-bicycle: '\f206';
  --glyph-bus: '\f207';
  --glyph-ioxhost: '\f208';
  --glyph-angellist: '\f209';
  --glyph-cc: '\f20a';
  --glyph-shekel: '\f20b';
  --glyph-meanpath: '\f20c';
  --glyph-buysellads: '\f20d';
  --glyph-connectdevelop: '\f20e';
  --glyph-dashcube: '\f210';
  --glyph-forumbee: '\f211';
  --glyph-leanpub: '\f212';
  --glyph-sellsy: '\f213';
  --glyph-shirtsinbulk: '\f214';
  --glyph-simplybuilt: '\f215';
  --glyph-skyatlas: '\f216';
  --glyph-trolley-plus: '\f217';
  --glyph-cart-arrow-down: '\f218';
  --glyph-diamond: '\f219';
  --glyph-ship: '\f21a';
  --glyph-user-secret: '\f21b';
  --glyph-motorcycle: '\f21c';
  --glyph-street-view: '\f21d';
  --glyph-heartbeat: '\f21e';
  --glyph-venus: '\f221';
  --glyph-mars: '\f222';
  --glyph-mercury: '\f223';
  --glyph-transgender: '\f224';
  --glyph-transgender-alt: '\f225';
  --glyph-venus-double: '\f226';
  --glyph-mars-double: '\f227';
  --glyph-venus-mars: '\f228';
  --glyph-mars-stroke: '\f229';
  --glyph-mars-stroke-v: '\f22a';
  --glyph-mars-stroke-h: '\f22b';
  --glyph-neuter: '\f22c';
  --glyph-genderless: '\f22d';
  --glyph-facebook-official: '\f230';
  --glyph-pinterest: '\f231';
  --glyph-whatsapp: '\f232';
  --glyph-server: '\f233';
  --glyph-user-plus: '\f234';
  --glyph-user-times: '\f235';
  --glyph-bed: '\f236';
  --glyph-viacoin: '\f237';
  --glyph-train: '\f238';
  --glyph-subway: '\f239';
  --glyph-medium: '\f23a';
  --glyph-y-combinator: '\f23b';
  --glyph-optin-monster: '\f23c';
  --glyph-opencart: '\f23d';
  --glyph-expeditedssl: '\f23e';
  --glyph-battery-4: '\f240';
  --glyph-battery-3: '\f241';
  --glyph-battery-2: '\f242';
  --glyph-battery-1: '\f243';
  --glyph-battery-0: '\f244';
  --glyph-mouse-pointer: '\f245';
  --glyph-i-cursor: '\f246';
  --glyph-object-group: '\f247';
  --glyph-object-ungroup: '\f248';
  --glyph-sticky-note: '\f249';
  --glyph-sticky-note-o: '\f24a';
  --glyph-cc-jcb: '\f24b';
  --glyph-cc-diners-club: '\f24c';
  --glyph-clone: '\f24d';
  --glyph-balance-scale: '\f24e';
  --glyph-hourglass-o: '\f250';
  --glyph-hourglass-1: '\f251';
  --glyph-hourglass-2: '\f252';
  --glyph-hourglass-3: '\f253';
  --glyph-hourglass: '\f254';
  --glyph-hand-grab-o: '\f255';
  --glyph-hand-paper-o: '\f256';
  --glyph-hand-scissors-o: '\f257';
  --glyph-hand-lizard-o: '\f258';
  --glyph-hand-spock-o: '\f259';
  --glyph-hand-pointer-o: '\f25a';
  --glyph-hand-peace-o: '\f25b';
  --glyph-trademark: '\f25c';
  --glyph-registered: '\f25d';
  --glyph-creative-commons: '\f25e';
  --glyph-gg: '\f260';
  --glyph-gg-circle: '\f261';
  --glyph-tripadvisor: '\f262';
  --glyph-odnoklassniki: '\f263';
  --glyph-odnoklassniki-square: '\f264';
  --glyph-get-pocket: '\f265';
  --glyph-wikipedia-w: '\f266';
  --glyph-safari: '\f267';
  --glyph-chrome: '\f268';
  --glyph-firefox: '\f269';
  --glyph-opera: '\f26a';
  --glyph-internet-explorer: '\f26b';
  --glyph-television: '\f26c';
  --glyph-contao: '\f26d';
  --glyph-500px: '\f26e';
  --glyph-amazon: '\f270';
  --glyph-calendar-plus-o: '\f271';
  --glyph-calendar-minus-o: '\f272';
  --glyph-calendar-times-o: '\f273';
  --glyph-calendar-check-o: '\f274';
  --glyph-industry: '\f275';
  --glyph-map-pin: '\f276';
  --glyph-map-signs: '\f277';
  --glyph-map-o: '\f278';
  --glyph-map: '\f279';
  --glyph-commenting: '\f27a';
  --glyph-commenting-o: '\f27b';
  --glyph-houzz: '\f27c';
  --glyph-vimeo: '\f27d';
  --glyph-black-tie: '\f27e';
  --glyph-fonticons: '\f280';
  --glyph-reddit-alien: '\f281';
  --glyph-edge: '\f282';
  --glyph-credit-card-alt: '\f283';
  --glyph-codiepie: '\f284';
  --glyph-modx: '\f285';
  --glyph-fort-awesome: '\f286';
  --glyph-usb: '\f287';
  --glyph-product-hunt: '\f288';
  --glyph-mixcloud: '\f289';
  --glyph-scribd: '\f28a';
  --glyph-pause-circle: '\f28b';
  --glyph-pause-circle-o: '\f28c';
  --glyph-stop-circle: '\f28d';
  --glyph-stop-circle-o: '\f28e';
  --glyph-shopping-bag: '\f290';
  --glyph-shopping-basket: '\f291';
  --glyph-hashtag: '\f292';
  --glyph-bluetooth: '\f293';
  --glyph-bluetooth-b: '\f294';
  --glyph-percent: '\f295';
  --glyph-gitlab: '\f296';
  --glyph-wpbeginner: '\f297';
  --glyph-wpforms: '\f298';
  --glyph-envira: '\f299';
  --glyph-universal-access: '\f29a';
  --glyph-wheelchair-alt: '\f29b';
  --glyph-question-circle-o: '\f29c';
  --glyph-blind: '\f29d';
  --glyph-audio-description: '\f29e';
  --glyph-volume-control-phone: '\f2a0';
  --glyph-braille: '\f2a1';
  --glyph-assistive-listening-systems: '\f2a2';
  --glyph-american-sign-language-interpreting: '\f2a3';
  --glyph-asl-interpreting: '\f2a4';
  --glyph-glide: '\f2a5';
  --glyph-glide-g: '\f2a6';
  --glyph-sign-language: '\f2a7';
  --glyph-low-vision: '\f2a8';
  --glyph-viadeo: '\f2a9';
  --glyph-viadeo-square: '\f2aa';
  --glyph-snapchat: '\f2ab';
  --glyph-snapchat-ghost: '\f2ac';
  --glyph-snapchat-square: '\f2ad';
  --glyph-pied-piper: '\f2ae';
  --glyph-first-order: '\f2b0';
  --glyph-yoast: '\f2b1';
  --glyph-themeisle: '\f2b2';
  --glyph-google-plus-circle: '\f2b3';
  --glyph-font-awesome: '\f2b4';
  --glyph-handshake: '\f2b5';
  --glyph-envelope-open: '\f2b6';
  --glyph-envelope-open-o: '\f2b7';
  --glyph-linode: '\f2b8';
  --glyph-address-book: '\f2b9';
  --glyph-address-book-o: '\f2ba';
  --glyph-address-card: '\f2bb';
  --glyph-address-card-o: '\f2bc';
  --glyph-user-circle: '\f2bd';
  --glyph-user-circle-o: '\f2be';
  --glyph-user-o: '\f2c0';
  --glyph-id-badge: '\f2c1';
  --glyph-id-card: '\f2c2';
  --glyph-id-card-o: '\f2c3';
  --glyph-free-code-camp: '\f2c5';
  --glyph-telegram: '\f2c6';
  --glyph-thermometer: '\f2c7';
  --glyph-thermometer-3: '\f2c8';
  --glyph-thermometer-2: '\f2c9';
  --glyph-thermometer-quarter: '\f2ca';
  --glyph-thermometer-0: '\f2cb';
  --glyph-shower: '\f2cc';
  --glyph-bath: '\f2cd';
  --glyph-podcast: '\f2ce';
  --glyph-window-maximize: '\f2d0';
  --glyph-window-minimize: '\f2d1';
  --glyph-window-restore: '\f2d2';
  --glyph-window-close: '\f2d3';
  --glyph-window-close-o: '\f2d4';
  --glyph-bandcamp: '\f2d5';
  --glyph-grav: '\f2d6';
  --glyph-etsy: '\f2d7';
  --glyph-imdb: '\f2d8';
  --glyph-ravelry: '\f2d9';
  --glyph-eercast: '\f2da';
  --glyph-microchip: '\f2db';
  --glyph-snowflake-o: '\f2dc';
  --glyph-superpowers: '\f2dd';
  --glyph-wpexplorer: '\f2de';
  --glyph-meetup: '\f2e0';
  --glyph-github-squared: '\f300';
  --glyph-twitter-squared: '\f304';
  --glyph-facebook-squared: '\f308';
  --glyph-linkedin-squared: '\f30c';
  --glyph-newspaper-2: '\f4f0';
  --glyph-user-1: '\1f3a8';
  --glyph-folder: '\1f4c1';
}
:root {
  --colour-green: #39870c;
  --colour-green-d: #2b6709;
  --colour-green-l: #c4dbb6;
  --colour-green-xl: #e1eddb;
  --colour-orange: #e17000;
  --colour-orange-l: #f6d4b2;
  --colour-orange-xl: #fbead9;
  --colour-orange-d: #c06000;
  --colour-orange-xd: #6f3700;
  --colour-violette: #a90061;
  --colour-violette-l: #e5b3d0;
  --colour-violette-xl: #f2d9e7;
  --colour-purple-l: #c6b8cf;
  --colour-purple-xl: #e3dce7;
  --colour-purple: #42145f;
  --colour-dark-blue: #01689b;
  --colour-dark-blue-d: #01527a;
  --colour-dark-blue-l: #cce0f1;
  --colour-dark-blue-xd: #002c43;
  --colour-dark-blue-xl: #e5f0f9;
  --colour-link: DodgerBlue;
  --colour-link-hover: rgb(24, 119, 215);
  --colour-link-auto-contrast: var(--colour-link);
  --colour-link-auto-contrast-hover: var(--colour-link-hover);
  --colour-base: #efefef;
  --colour-primary: black;
  --colour-header-elements: #666;
  --colour-post: #e4f2f8;
  --colour-alert: red;
  --colour-workspace-default: #869EBF;
  --colour-accent: darkgoldenrod;
  --colour-accent-auto-contrast: var(--colour-accent);
  --colour-success: #4a964a;
  --colour-success-dark: #397339;
  --colour-success-background: #e1eddb;
  --colour-success-background-dark: #cddec4;
  --colour-warning: orange;
  --colour-warning-background: #fbead9;
  --colour-notice: tuscanbrown;
  --colour-notice-background: #fdfdc8;
  --colour-info: #4dc4ff;
  --colour-info-background: #d9edf7;
  --colour-error: red;
  --colour-error-background: #ffe7e7;
  --colour-base-light: #efefef;
  --colour-chooser-default: var(--colour-accent);
  --colour-form-fields-background: rgba(0,0,0,0.1);
  --colour-well-background: rgba(255,255,255,0.5);
  --colour-draft: var(--colour-warning);
  --colour-draft-text: var(--colour-warning-text);
  --colour-draft-background: var(--colour-warning-background);
  --colour-draft-text-hover: var(--colour-warning-text-hover);
  --colour-draft-background-hover: var(--colour-warning-background-hover);
  --colour-for-review: #a90061;
  --colour-for-review-background: #fff2f9;
  --colour-public: teal;
  --colour-published: var(--colour-success);
  --colour-published-background: var(--colour-success-background);
  --colour-published-text: var(--colour-success-text);
  --colour-published-hover: var(--colour-success-hover);
  --colour-published-background-hover: var(--colour-success-background-hover);
  --colour-published-text-hover: var(--colour-success-text-hover);
  --colour-running: #65c981;
  --colour-closed: red;
  --colour-expired: tan;
  --colour-floating-ui-elements-background: rgba(255, 255, 255, 0.8);
  --colour-success-dark: color-mix(in srgb, var(--colour-success) 50%, black);
  --colour-success-text: var(--colour-success-dark);
  --colour-success-hover: color-mix(in srgb, var(--colour-success) 98%, black);
  --colour-success-background-hover: color-mix(in srgb, var(--colour-success-background) 98%, black);
  --colour-success-text-hover: color-mix(in srgb, var(--colour-success-text) 98%, black);
  --colour-warning-text: color-mix(in srgb, var(--colour-warning) 50%, black);
  --colour-warning-hover: color-mix(in srgb, var(--colour-warning) 98%, black);
  --colour-warning-background-hover: color-mix(in srgb, var(--colour-warning-background) 98%, black);
  --colour-warning-text-hover: color-mix(in srgb, var(--colour-warning-text) 98%, black);
  --colour-for-review-text: color-mix(in srgb, var(--colour-for-review) 50%, black);
  --colour-for-review-hover: color-mix(in srgb, var(--colour-for-review) 98%, black);
  --colour-for-review-background-hover: color-mix(in srgb, var(--colour-for-review-background) 98%, black);
  --colour-for-review-text-hover: color-mix(in srgb, var(--colour-for-review-text) 98%, black);
  --colour-in-progress-background: color-mix(in srgb, var(--colour-in-progress) 15%, white);
  --colour-in-progress-text: color-mix(in srgb, var(--colour-in-progress) 50%, black);
  --colour-in-progress-background-hover: color-mix(in srgb, var(--colour-in-progress-background) 98%, black);
  --colour-in-progress-text-hover: color-mix(in srgb, var(--colour-in-progress-text) 98%, black);
  --colour-notice-text: color-mix(in srgb, var(--colour-notice) 50%, black);
  --colour-notice-hover: color-mix(in srgb, var(--colour-notice) 98%, black);
  --colour-notice-background-hover: color-mix(in srgb, var(--colour-notice-background) 98%, black);
  --colour-notice-text-hover: color-mix(in srgb, var(--colour-notice-text) 98%, black);
  --colour-info-text: color-mix(in srgb, var(--colour-info) 20%, black);
  --colour-info-hover: color-mix(in srgb, var(--colour-info) 98%, black);
  --colour-info-background-hover: color-mix(in srgb, var(--colour-info-background) 98%, black);
  --colour-info-text-hover: color-mix(in srgb, var(--colour-info-text) 98%, black);
  --colour-error-text: color-mix(in srgb, var(--colour-error) 20%, black);
  --colour-error-hover: color-mix(in srgb, var(--colour-error) 98%, black);
  --colour-error-background-hover: color-mix(in srgb, var(--colour-error-background) 98%, black);
  --colour-error-text-hover: color-mix(in srgb, var(--colour-error-text) 98%, black);
}
:root {
  --arrow-down-dark-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOC40IDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDguNCA3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MX0KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDAgNC4yLDcgOC40LDAgIi8+Cjwvc3ZnPg==);
}
@container screen style(--screen-small: true) {
body {
  --pat-form-panel-padding: var(--pat-form-panel-padding-small);
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
body {
  --pat-form-panel-padding: var(--pat-form-panel-padding-medium);
}
}
@media only screen and (min-width: 1280px) {
body {
  --pat-form-panel-padding: var(--pat-form-panel-padding-large);
}
}
body *:not(:defined),
body slot {
  display: contents;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ul,
ol,
li,
table,
tr,
th,
td,
form,
fieldset,
legend,
button,
div,
object,
figure,
table,
img,
abbr {
  margin: 0;
  border: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  text-decoration: none;
}
body[dir=rtl] body,
body[dir=rtl] h1,
body[dir=rtl] h2,
body[dir=rtl] h3,
body[dir=rtl] h4,
body[dir=rtl] h5,
body[dir=rtl] h6,
body[dir=rtl] p,
body[dir=rtl] blockquote,
body[dir=rtl] ul,
body[dir=rtl] ol,
body[dir=rtl] li,
body[dir=rtl] table,
body[dir=rtl] tr,
body[dir=rtl] th,
body[dir=rtl] td,
body[dir=rtl] form,
body[dir=rtl] fieldset,
body[dir=rtl] legend,
body[dir=rtl] button,
body[dir=rtl] div,
body[dir=rtl] object,
body[dir=rtl] figure,
body[dir=rtl] table,
body[dir=rtl] img,
body[dir=rtl] abbr {
  text-align: right;
}
input,
select,
textarea,
button {
  padding: 0;
  background-color: #FFF;
  font-size: 1em;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {

  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
@keyframes bounce {

  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {

  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {

  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {

  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {

  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {

  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {

  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {

  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {

  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {

  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {

  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {

  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {

  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {

  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {

  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {

  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {

  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {

  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {

  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {

  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {

  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {

  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {

  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {

  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {

  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {

  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
@keyframes bounceOut {

  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {

  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {

  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {

  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {

  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {

  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {

  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {

  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {

  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {

  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {

  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    -ms-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {

  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {

  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {

  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {

  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {

  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {

  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {

  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {

  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {

  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {

  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {

  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {

  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {

  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {

  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {

  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {

  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {

  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {

  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {

  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {

  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {

  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {

  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {

  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {

  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {

  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {

  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {

  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {

  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {

  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {

  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {

  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {

  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {

  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {

  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInDown {

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInLeft {

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInRight {

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInUp {

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {

  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {

  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {

  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomOutDown {

  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {

  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {

  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {

  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {

  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {

  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomOutUp {

  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
.attachment-list {
  display: grid;
  gap: var(--grid-gutter);
}
.attachment-list .meta {
  top: 0.3em;
}
.attachment-list:before {
  display: none;
}
.attachment-list .attached-file {
  width: 100%;
  margin-bottom: 0;
  position: relative;
  display: grid;
  grid-template-columns: auto 90px;
  grid-template-areas: 
			"title functions"
			"description description";
}
.attachment-list .attached-file .preview-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  display: block;
}
.attachment-list .attached-file.mode-edit .preview-link {
  display: none;
}
.attachment-list .attached-file.mode-edit .icon.icon-rename:before,
.attachment-list .attached-file.mode-edit .icon.icon-rename:hover:before {
  color: var(--colour-accent);
}
.attachment-list .attached-file.mode-edit .flex-field:before {
  color: transparent;
}
.attachment-list .attached-file.mode-view .title-group .name:before {
  color: var(--colour-link);
}
.attachment-list .attached-file.mode-view .title-group:hover .name:before {
  text-decoration: underline;
}
.attachment-list .attached-file.mode-view .flex-field:before,
.attachment-list .attached-file.mode-view .flex-field textarea {
  background-color: transparent;
  padding: 0;
  white-space: normal;
}
.attachment-list .attached-file.mode-view .flex-field textarea {
  display: none;
}
.attachment-list .attached-file.mode-view .flex-field:before {
  color: inherit;
}
.attachment-list .attached-file .title-group {
  color: var(--body-font-colour);
  grid-area: title;
  position: relative;
  margin-bottom: 15px;
}
.attachment-list .attached-file .title-group .title {
  margin: 0;
}
.attachment-list .attached-file .title-group .title .name {
  display: block;
}
.attachment-list .attached-file .title-group .title .time-stamp {
  color: rgba(var(--body-font-colour), 0.4);
  font-size: 0.8em;
  clear: both;
  display: block;
  line-height: 1.3;
  margin-bottom: 7px;
}
.attachment-list .attached-file .description {
  display: block;
  color: var(--body-font-colour);
  font-weight: normal;
  font-size: 0.9em;
  line-height: 1.25;
  grid-area: description;
  -webkit-user-select: all;
  user-select: all;
  margin-bottom: 15px;
  margin-top: -15px;
}
.attachment-list .attached-file .flex-field {
  position: relative;
}
.attachment-list .attached-file .flex-field .field-name {
  position: absolute;
  opacity: 0;
}
.attachment-list .attached-file .flex-field:before {
  content: attr(data-value);
  padding-bottom: 5px;
  display: block;
  min-height: calc(1em + 10px);
}
.attachment-list .attached-file .flex-field:before,
.attachment-list .attached-file .flex-field textarea {
  white-space: pre-wrap;
}
.attachment-list .attached-file .flex-field textarea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--body-font-colour);
  margin: 0;
  resize: none;
  overflow: hidden;
}
.attachment-list .attached-file .functions {
  grid-area: functions;
  z-index: 1;
  font-size: 0;
  text-align: right;
}
.attachment-list .attached-file .functions[data-value="on"] {
  display: none;
}
.attachment-list .attached-file .functions[data-value="on"] + .title-group,
.attachment-list .attached-file .functions[data-value="on"] ~ .description {
  display: none;
}
.attachment-list .attached-file .functions .icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
  cursor: default;
  overflow: hidden;
  display: inline-block;
  color: transparent;
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
}
.attachment-list .attached-file .functions .icon input {
  position: absolute;
  opacity: 0;
}
.attachment-list .attached-file .functions .icon::before {
  color: var(--pat-button-text-colour);
  text-align: center;
  display: block;
  width: 30px;
  line-height: 30px;
  margin: 0;
  font-size: var(--body-font-size);
}
.attachment-list .attached-file .functions .icon:hover:before {
  color: var(--pat-button-text-colour-hover);
  text-decoration: none;
}
.attachment-list .upload-area {
  padding: 0.2em;
  display: block;
}
.attachment-list .upload-area fieldset {
  margin: 0;
}
.attachment-list .upload-area .upload-area .upload-queue .previews,
.attachment-list .upload-area .upload-area .dz-message p {
  margin-bottom: 0 !important;
}
.pat-avatar {
  background-color: var(--pat-avatar-background-colour);
  border: none;
  color: white;
  box-shadow: inset 0 0 5% rgba(0, 0, 0, 0.4);
  aspect-ratio: 1 / 1;
  display: inline-grid;
  grid-template-areas: "avatar-image";
  padding: 0;
  box-sizing: border-box;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.pat-avatar.inactive {
  background-color: #efefef !important;
  box-shadow: inset 0 0 8px 2px rgba(0,0,0,0.2);
}
.pat-avatar.inactive img {
  filter: grayscale(100%) brightness(250%) contrast(50%);
}
.pat-avatar.deceased img {
  filter: grayscale(100%);
}
.pat-avatar.deceased:not(:has(img)) {
  filter: grayscale(100%);
}
.pat-avatar:before {
  text-align: center;
  display: block;
  content: attr(data-initials);
  grid-area: avatar-image;
  align-content: center;
  align-self: center;
  justify-self: center;
}
.pat-avatar:has(img):before {
  display: none;
}
.pat-avatar img {
  border: none;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  grid-area: avatar-image;
  align-content: center;
  align-self: center;
  justify-self: center;
  border-radius: 50%;
  filter: var(--pat-avatar-filter, none);
}
.pat-avatar img.default-user {
  opacity: 0;
}
.pat-auto-scale {
  -moz-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  opacity: 0;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.pat-auto-scale.scaled {
  opacity: 1;
}
:root {
  --glyph-remove-tag: var(--glyph-minus-circle);
  --pat-auto-suggest-search-field-colour: var(--pat-form-input-field-background-colour);
  --pat-glyph-remove-tag: var(--glyph-minus-circle);
  --pat-auto-suggest-pills-colour: var(--colour-accent);
  --pat-auto-suggest-cancel-button-edge-distance: 12px;
  --pat-auto-suggest-pill-height: 1.6rem;
  --pat-auto-suggest-padding-top-bottom: 0.2rem;
  --pat-auto-suggest-padding-start-end: 10px;
  --pat-auto-suggest-drop-sheet-box-shadow: 
    -1px 1px 0 0 dimgray, 
    1px 1px 0 0 dimgray,
    -1px 0 0 0 dimgray;
}
.select2-hidden-accessible {
  opacity: 0;
  position: absolute;
  -webkit-pointer-events: none;
  pointer-events: none;
  bottom: 0;
}
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  width: 100%;
  font-weight: normal;
  padding: 0;
}
@media print {
.select2-container {
  display: inline;
}
}
.lt-ie10 .select2-container {
  width: 100% !important;
  height: auto !important;
}
.select2-container,
.select2-drop {
  box-sizing: border-box;
}
.select2-search {
  border-radius: var(--form-input-field-border-radius);
  box-sizing: border-box;
}
.select2-search input {
  box-sizing: border-box;
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
.select2-container .select2-choice {
  text-decoration: none;
  cursor: default;
}
.select2-container .select2-choice abbr.select2-search-choice-close {
  width: 16px;
  height: 16px;
  background: none;
  cursor: default;
  right: 34px;
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1px;
  text-decoration: none;
  border: 0;
  outline: 0;
}
label.has-value .select2-container .select2-choice abbr.select2-search-choice-close {
  display: inline-block;
}
.select2-container .select2-choice abbr.select2-search-choice-close:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  content: var(--glyph-cancel);
  font-family: fontello;
  position: absolute;
  top: 0;
  left: 0;
  color: #666;
  font-size: 16px;
  cursor: default;
}
.select2-container .select2-choice abbr.select2-search-choice-close:hover:before {
  color: var(--body-font-colour);
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  background-color: #fff;
  filter: alpha(opacity = 0);
}
.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  box-shadow: var(--pat-auto-suggest-drop-sheet-box-shadow);
  border-bottom-left-radius: var(--pat-form-input-field-border-radius);
  border-bottom-right-radius:var(--pat-form-input-field-border-radius);
}
.select2-drop .select2-search input {
  padding: var(--pat-form-input-field-padding-top-bottom) var(--pat-form-input-field-padding-start-end);
  border: var(--pat-form-input-field-border);
  box-shadow: var(--pat-form-input-field-box-shadow);
  outline: var(--pat-form-input-field-outline);
  outline-offset: var(--pat-form-input-field-outline-offset);
  color: var(--pat-form-input-field-text-colour);
}
.select2-drop-auto-width {
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-bottom: 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  border-top-right-radius: var(--pat-form-field-border-radius);
  border-top-right-radius: var(--pat-form-field-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-drop-active {
  border-top: none;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: var(--pat-auto-suggest-cancel-button-edge-distance);
  top: 0;
  background-image: var(--arrow-down-dark-image);
  background-size: auto 10px;
  background-position: right;
  background-repeat: no-repeat;
}
.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 9px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: none;
  background: var(--pat-auto-suggest-search-field-colour);
  border-radius: var(--pat-form-fields-border-radius);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-search input:focus {
  border: none;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 0.5em;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  background-color: rgba(0,0,0,0.09);
  box-sizing: border-box;
}
.select2-dropdown-open .select2-choice,
.select2-dropdown-open .select2-choices {
  border-bottom-color: transparent;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background-color: #eee;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border-top-color: transparent;
  box-sizing: border-box;
  border-bottom-left-radius: var(--pat-form-fields-border-radius) !important;
  border-bottom-right-radius:var(--pat-form-fields-border-radius) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.select2-results {
  max-height: 20em;
  padding: 0 0 0 0.5em;
  margin: 0.5em 0.5em 0.5em 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results .select2-highlighted {
  background: var(--colour-accent);
  color: #fff;
  border-radius: var(--pat-form-fields-border-radius);
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  color: gray;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled.select2-highlighted {
  color: var(--pat-select-box-arrow-text-colour);
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
.select2-container.select2-container-disabled .select2-choice {
  background-image: none;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
.select2-container .select2-choices,
.select2-container .select2-choice {
  height: auto !important;
  margin: 0;
  padding: 0.05em;
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: calc( var(--pat-auto-suggest-pill-height) + ( calc(2 * var(--pat-auto-suggest-padding-top-bottom)) ) );
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
  padding: 
      var(--pat-auto-suggest-padding-top-bottom) 
      var(--pat-auto-suggest-padding-start-end) 
      0 
      var(--pat-auto-suggest-padding-top-bottom);
}
.select2-container-multi.select2-container-disabled .select2-choices {
  overflow: visible;
}
.select2-container-multi.select2-container-disabled .select2-choices:after {
  content: ' ';
  display: table;
  clear: both;
}
.select2-container-multi.select2-container-active .select2-choices {
  outline: var(--pat-form-input-field-outline-focus);
}
.select2-container-multi .select2-choices {
  outline-offset: var(--pat-form-input-field-outline-offset);
  cursor: text;
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
body[dir=rtl] .select2-container-multi .select2-choices li {
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0 0.5em 0 0;
  white-space: nowrap;
  height: 1.6em;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 0;
  margin: 0;
  font-size: 100%;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  clear: none;
  display: inline;
  width: 20px;
  background-color: transparent;
  color: var(--pat-form-placeholder-colour);
}
.select2-container-multi .select2-choices .select2-search-field input.has-value {
  color: var(--pat-form-input-field-text-colour);
}
.select2-default {
  color: gray;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 0 0.6em 0 1.5em;
  margin: 0 0.5em var(--pat-auto-suggest-padding-top-bottom) 0;
  position: relative;
  line-height: var(--pat-auto-suggest-pill-height);
  height: var(--pat-auto-suggest-pill-height);
  color: white;
  cursor: default;
  border-radius: var(--form-input-field-border-radius);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: var(--pat-auto-suggest-pills-colour);
  font-size: 0.9em;
  max-width: calc(95% - 1em);
}
body[dir=rtl] .select2-container-multi .select2-choices .select2-search-choice {
  padding: 0 0.6em 0 1.5em;
  margin: 0 0 var(--pat-auto-suggest-padding-top-bottom) 0.5em;
}
.select2-container-multi .select2-choices .select2-search-choice div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-choice.confirmed {
  background-color: #5bb75b;
}
.select2-container-multi .select2-choices .select2-search-choice.declined {
  background-color: red;
}
.select2-container-multi .select2-choices .select2-search-choice.tentative {
  background-color: #ff9300;
}
.select2-container-multi .select2-choices .select2-search-choice.group {
  background-color: gray;
}
.select2-container-multi .select2-choices .select2-search-choice.disabled {
  background-color: silver;
  color: var(--pat-select-box-arrow-text-colour);
  opacity: 0.7;
  pointer-events: none;
  padding: 0 0.6em;
}
.select2-container-multi .select2-choices .select2-search-choice.disabled .select2-search-choice-close {
  display: none;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  box-shadow:
        0 0 0 1px white,
        0 0 0 3px var(--colour-accent);
}
.select2-choices .select2-search-choice-close {
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  right: 0.3em;
  top: 0em;
  font-size: 1em;
  text-decoration: none;
  opacity: 0.8;
  outline: none;
  cursor: default;
}
body[dir=rtl] .select2-container-multi .select2-choices .select2-search-choice-close {
  left: 0.4em;
  top: 0em;
  right: auto;
}
.select2-choices .select2-search-choice-close:hover {
  text-decoration: none;
  opacity: 1;
}
.select2-choices .select2-search-choice-close:before {
  content: var(--glyph-remove-tag);
  color: white;
  font: 1em fontello;
}
.select2-container-multi .select2-search-choice-close {
  left: 0.4em;
  top: 0em;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover,
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: transparent;
  box-shadow: none;
  background-image: none;
  border: none;
  cursor: default;
  padding: 0;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  margin-left: 0;
  margin-right: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
}
.select2-container-multi .select2-choices .select2-search-choice.state-archived {
  opacity: 0.5;
  background-color: gray;
}
.select2-container-multi .select2-choices .select2-search-choice.state-archived div {
  text-decoration: line-through;
}
.select2-container-multi .select2-choices .select2-search-choice.state-draft {
  background-color: var(--colour-orange);
  color: white;
}
.select2-container.users .select2-choices .select2-search-choice div:before,
.select2-container.user-groups .select2-choices .select2-search-choice.user div:before,
.select2-container .select2-choices .select2-search-choice.user div:before {
  content: var(--glyph-user);
  display: inline-block;
  margin-right: 3px;
  font: 0.8em / 2.1em fontello;
  margin-left: 5px;
  float: left;
}
.select2-container.user-groups .select2-choices .select2-search-choice div:before,
.select2-container.users .select2-choices .select2-search-choice.user-group div:before,
.select2-container .select2-choices .select2-search-choice.user-group div:before {
  content: var(--glyph-users);
  display: inline-block;
  margin-right: 3px;
  font: 0.8em / 2.1em fontello;
  margin-left: 5px;
  float: left;
}
.select2-container.documents .select2-choices .select2-search-choice div:before {
  content: "\e811";
  display: inline-block;
  margin-right: 4px;
  margin-left: 7px;
  font-family: fontello;
  margin-bottom: -1px;
}
.select2-container.tags .select2-choices .select2-search-choice div:before {
  content: var(--glyph-tag);
  display: inline-block;
  margin-right: 4px;
  margin-left: 7px;
  font-family: fontello;
  margin-bottom: -2px;
}
.select2-container.skills .select2-choices .select2-search-choice div:before {
  content: "\1f44d";
  display: inline-block;
  margin-right: 4px;
  margin-left: 7px;
  top: -1px;
  position: relative;
  font-family: fontello;
}
.select2-container.users .select2-choices .select2-search-choice.group div:before {
  content: var(--glyph-users);
  display: inline-block;
  margin-right: 3px;
  font: 0.8em / 2.1em fontello;
  margin-left: 5px;
  float: left;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
  min-width: 0px !important;
}
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
.select2-search input,
.select2-search-choice-close {
  background-repeat: no-repeat !important;
  background-size: 60px 40px !important;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
.select2-search input {
  background-position: 100% -21px !important;
}
}
.pat-back-button {
  display: inline-block;
  line-height: var(--back-button-line-height);
  height: var(--back-button-height);
  color: var(--back-button-text-colour);
  font-size: var(--back-button-font-size);
  padding: 0 1.5em 0 2em;
  position: relative;
  margin-left: 0;
  font-weight: var(--back-button-font-weight);
  max-width: 100%;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  text-decoration: none !important;
  cursor: default;
}
.pat-toolbar .pat-back-button {
  line-height: var(--pat-toolbar-button-line-height);
}
.pat-back-button .overflow-protector {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
@container screen style(--screen-small: true) {
#app-space .pat-back-button {
  display: none;
}
}
.pat-back-button:before {
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(0.5 * var(--back-button-height) - 0.26 * var(--back-button-border-radius-left)) 15px calc(0.5 * var(--back-button-height) - 0.26 * var(--back-button-border-radius-left)) 0;
  border-color: transparent var(--back-button-background-colour) transparent transparent;
  position: absolute;
  left: 0;
  top: calc(0.3 * var(--back-button-border-radius-left));
}
.pat-back-button:after {
  content: ' ';
  background: var(--back-button-background-colour);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 13px;
  clip-path: inset(0 0 0 2px);
  display: block;
  border-top-right-radius: var(--back-button-border-radius);
  border-bottom-right-radius: var(--back-button-border-radius);
  border-top-left-radius: var(--back-button-border-radius-left);
  border-bottom-left-radius: var(--back-button-border-radius-left);
  z-index: -1;
}
.pat-back-button.dp:before {
  border-color: transparent var(--back-button-background-colour-dp) transparent transparent;
}
.pat-back-button.dp:after {
  background: var(--back-button-background-colour-dp);
}
.pat-back-button:hover {
  color: var(--button-text-colour-hover);
  text-decoration: none;
}
.pat-back-button:hover:before {
  border-color: transparent var(--back-button-background-colour-hover) transparent transparent;
}
.pat-back-button:hover:after {
  background: var(--back-button-background-colour-hover);
}
@container screen style(--screen-small: true) {
.pat-breadcrumbs .button.shift {
  display: none;
}
}
@container screen style(--screen-small: true) {
.pat-breadcrumbs .pat-breadcrumbs-content {
  width: auto !important;
  margin: 0 !important;
}
}
@container screen style(--screen-small: true) {
.pat-breadcrumbs a {
  color: var(--body-font-colour);
  font-weight: normal;
}
}
@container screen style(--screen-small: true) {
.pat-breadcrumbs a[href] {
  color: var(--colour-link);
}
}
@container screen style(--screen-small: true) {
.pat-breadcrumbs a[href]:after {
  content: ' > ';
  color: gray;
}
}
@media only screen and (min-width: 769px) {
.pat-breadcrumbs {
  position: relative;
  overflow: hidden;
}
}
@media only screen and (min-width: 769px) {
.pat-breadcrumbs:after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 2em;
  height: 2em;
  content: " ";
  background-image: linear-gradient(to left, var(--colour-base-light) 0%, rgba(240,240,240,0) 100%);
}
}
@media only screen and (min-width: 769px) {
.pat-breadcrumbs .button.shift {
  display: none;
  position: absolute;
  left: 0;
  width: 1em;
  height: 1.2em;
  background-color: var(--colour-base-light);
  border-right: 1px solid silver;
  overflow: hidden;
  line-height: 1em;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
}
@media only screen and (min-width: 769px) {
.pat-breadcrumbs .button.shift:before {
  font-family: fontello;
  content: "\e4a1";
  font-size: 0.5em;
  width: 2em;
  height: 2em;
  display: inline-block;
  color: gray;
  font-weight: normal;
}
}
@media only screen and (min-width: 769px) {
.pat-breadcrumbs .button.shift.shift-left:before {
  content: "\e4a2";
  font-weight: normal;
}
}
@media only screen and (min-width: 769px) {
.pat-breadcrumbs .button.shift.shift-right,
.pat-breadcrumbs .button.shift.shift-left {
  display: inline-block;
}
}
@media only screen and (min-width: 769px) {
.pat-breadcrumbs.shifting .pat-breadcrumbs-content {
  padding: 0 1.5em;
}
}
@media only screen and (min-width: 769px) {
.pat-breadcrumbs a {
  color: var(--body-font-colour);
  text-decoration: none;
}
}
@media only screen and (min-width: 769px) {
.pat-breadcrumbs a:hover {
  text-decoration: none;
}
}
@media only screen and (min-width: 769px) {
.pat-breadcrumbs a:before {
  display: inline-block;
  content: var(--glyph-angle-right);
  padding: 0 0.5em;
  font-family: fontello;
  font-weight: normal;
}
}
@media only screen and (min-width: 769px) {
.pat-breadcrumbs a[href] {
  color: var(--colour-link);
  font-weight: normal;
}
}
@media only screen and (min-width: 769px) {
.pat-breadcrumbs a[href]:hover {
  text-align: underline;
}
}
@media only screen and (min-width: 769px) {
.pat-breadcrumbs a:first-child:before {
  display: none;
}
}
.pat-button-bar {
  display: flex;
  justify-content: start;
  gap: 1rem;
  margin: var(--pat-button-bar-margin-top-bottom) 0;
}
.pat-button-bar.multi-line {
  flex-wrap: wrap;
}
.pat-button-bar .pat-button {
  margin: 0;
}
.pat-button-bar .pat-button.float-after {
  margin-left: auto;
}
body[dir=rtl] .pat-button-bar .pat-button.float-after {
  margin-left: 0;
  margin-right: auto;
}
.pat-button-bar .pat-button.float-after + .pat-button.float-after {
  margin-left: 0;
}
body[dir=rtl] .pat-button-bar .pat-button.float-after + .pat-button.float-after {
  margin-right: 0;
}
.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;
}
.pat-button:before {
  line-height: inherit;
}
.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);
}
.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);
}
.pat-button:active {
  box-shadow: var(--pat-button-box-shadow-active);
}
.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);
}
.pat-button.default:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
.pat-button.warning {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-warning);
}
.pat-button.warning:hover {
  color: white;
  background-color: var(--colour-warning-hover);
}
.pat-button.success {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-success);
}
.pat-button.success:hover {
  color: white;
  background-color: var(--colour-success-hover);
}
.pat-button[disabled],
.pat-button.disabled,
.pat-button:is(a):not([href]),
.pat-button.default[disabled],
.pat-button.default.disabled,
.pat-button:is(a).default:not([href]) {
  color: var(--button-text-colour-disabled);
  background-color: var(--button-background-colour-disabled);
}
.pat-button[disabled]:hover,
.pat-button.disabled:hover,
.pat-button:is(a):not([href]):hover,
.pat-button.default[disabled]:hover,
.pat-button.default.disabled:hover,
.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 {
.pat-button {
  display: none;
}
}
.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);
}
.pat-button.small:before {
  font-size: 15px;
}
.pat-button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.pat-button.iconified {
  width: 30px;
  padding: 0;
}
.pat-button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: var(--pat-button-height);
}
.pat-button.link {
  padding: 0;
  display: inline;
  background: none;
  color: var(--colour-link);
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.pat-button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: var(--colour-link-hover);
}
.pat-button.no-label {
  padding: 0;
  aspect-ratio: 1 / 1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.pat-button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.pat-button:before {
  font-weight: normal;
  margin-right: 5px;
  float: left;
}
body[dir=rtl] .pat-button:before {
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
.pat-button.add:before {
  font-family: fontello;
  content: var(--glyph-plus);
}
.button-bar .pat-button {
  margin-bottom: 5px;
}
.pat-toolbar .pat-button-cluster {
  background-color: var(--pat-toolbar-icon-frost-background);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
}
.pat-button-cluster {
  display: inline-flex;
  border-radius: var(--border-radii);
  background: var(--button-background-colour-subdued);
}
.pat-button-cluster.cal-controls {
  box-shadow: none;
}
.pat-button-cluster.cal-controls button:before {
  font-family: fontello;
  display: block;
  text-align: center;
  content: '';
  content: ' ';
  font-size: 15px;
  margin: 0;
}
.pat-button-cluster.cal-controls button.active:before {
  color: white;
}
.pat-button-cluster.cal-controls button.view-month:before {
  content: var(--glyph-month-view);
}
.pat-button-cluster.cal-controls button.view-day:before {
  content: var(--glyph-day-view);
}
.pat-button-cluster.cal-controls button.view-week:before {
  content: var(--glyph-week-view);
}
.pat-button-cluster.cal-controls button.jump-prev:before {
  content: var(--glyph-left-open);
}
body[dir=rtl] .pat-button-cluster.cal-controls button.jump-prev:before {
  content: var(--glyph-right-open-1);
}
.pat-button-cluster.cal-controls button.jump-next:before {
  content: var(--glyph-right-open-1);
}
body[dir=rtl] .pat-button-cluster.cal-controls button.jump-next:before {
  content: var(--glyph-left-open);
}
.pat-button-cluster.cal-controls button.view-listDay:before,
.pat-button-cluster.cal-controls button.view-listMonth:before {
  content: var(--glyph-list);
  margin-right: 4px;
}
body[dir=rtl] .pat-button-cluster.cal-controls button.view-listDay:before,
body[dir=rtl] .pat-button-cluster.cal-controls button.view-listMonth:before {
  margin-right: 0;
  margin-left: 4px;
}
.pat-button-cluster.cal-controls button.jump-today {
  overflow: hidden;
}
@container screen style(--screen-small: true) {
.pat-button-cluster.cal-controls button.jump-today {
  width: 0.6em;
  color: transparent;
  line-height: 1.4;
}
}
@container screen style(--screen-small: true) {
.pat-button-cluster.cal-controls button.jump-today:before {
  font-family: fontello;
  content: var(--glyph-circle);
  text-align: center;
  color: var(--body-font-colour);
  font-size: 0.6em;
}
}
.pat-button-cluster.cal-controls button.jump-prev,
.pat-button-cluster.cal-controls button.jump-next {
  padding-left: 0;
  padding-right: 0;
  color: transparent;
  font-size: 0;
  width: 32px;
  text-align: center;
}
.pat-button-cluster.cal-controls button.jump-today {
  position: relative;
  width: 32px;
  padding-left: 0;
  padding-right: 0;
  color: transparent !important;
}
.pat-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%);
}
.pat-button-cluster.cal-controls button.jump-today:after {
  left: 0;
  right: 0;
}
.pat-button-cluster.cal-controls button.jump-today.active:before {
  background-color: var(--colour-base-background);
}
.pat-button-cluster.pat-tabs {
  position: relative;
  height: var(--button-height);
  line-height: var(--button-height);
  overflow: visible;
  float: none;
  white-space: nowrap;
  max-width: 100%;
  box-sizing: border-box;
  font-size: 0;
  vertical-align: top;
  border-radius: var(--border-radii);
  background: var(--pat-button-cluster-background);
  box-shadow: var(--pat-button-cluster-box-shadow);
  padding: 0 var(--pat-button-cluster-toggle-space) 0 calc(2 * var(--pat-button-cluster-toggle-margin));
  display: inline-flex;
}
.pat-button-cluster.pat-tabs.tabs-wrapped {
  --pat-button-cluster-toggle-space: 60px;
}
@container screen style(--screen-small: true) {
.pat-button-cluster.pat-tabs.tabs-wrapped {
  --pat-button-cluster-toggle-space: 0;
}
}
@container screen style(--screen-small: true) {
.pat-button-cluster.pat-tabs {
  --pat-button-cluster-toggle-space: 0;
  width: var(--pat-button-height);
  height: var(--pat-button-height);
  background: none;
  display: block;
}
}
body[dir=rtl] .pat-button-cluster.pat-tabs {
  padding-left: var(--pat-button-cluster-toggle-space);
  padding-right: calc(2 * var(--pat-button-cluster-toggle-margin));
}
.pat-button-cluster.pat-tabs button,
.pat-button-cluster.pat-tabs a.button,
.pat-button-cluster.pat-tabs .pat-button,
.pat-button-cluster.pat-tabs label,
.pat-button-cluster.pat-tabs > a {
  margin: 0;
  border-radius: 0;
  border-left-style: none;
  border: none;
  background: transparent;
  padding: 0 10px;
  color: var(--pat-button-cluster-text-colour);
  cursor: default;
  line-height: var(--pat-button-cluster-button-line-height);
  height: var(--pat-button-cluster-button-height);
  font-size: var(--pat-button-cluster-font-size);
  font-weight: normal;
  position: relative;
}
.pat-button-cluster.pat-tabs button.icon,
.pat-button-cluster.pat-tabs a.button.icon,
.pat-button-cluster.pat-tabs .pat-button.icon,
.pat-button-cluster.pat-tabs label.icon,
.pat-button-cluster.pat-tabs > a.icon {
  padding: 0;
  width: 40px;
  min-width: 40px;
  box-shadow: none;
  backdrop-filter: none !important;
  background: none !important;
}
.pat-button-cluster.pat-tabs button.icon.current:before,
.pat-button-cluster.pat-tabs a.button.icon.current:before,
.pat-button-cluster.pat-tabs .pat-button.icon.current:before,
.pat-button-cluster.pat-tabs label.icon.current:before,
.pat-button-cluster.pat-tabs > a.icon.current:before {
  background-color: transparent;
}
.pat-button-cluster.pat-tabs button input,
.pat-button-cluster.pat-tabs a.button input,
.pat-button-cluster.pat-tabs .pat-button input,
.pat-button-cluster.pat-tabs label input,
.pat-button-cluster.pat-tabs > a input {
  position: absolute;
  opacity: 0;
}
.pat-button-cluster.pat-tabs button:not(:has(:checked)):not(.active):not(.current):hover,
.pat-button-cluster.pat-tabs a.button:not(:has(:checked)):not(.active):not(.current):hover,
.pat-button-cluster.pat-tabs .pat-button:not(:has(:checked)):not(.active):not(.current):hover,
.pat-button-cluster.pat-tabs label:not(:has(:checked)):not(.active):not(.current):hover,
.pat-button-cluster.pat-tabs > a:not(:has(:checked)):not(.active):not(.current):hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: var(--body-font-colour);
  cursor: pointer;
  background-color: transparent !important;
}
.pat-button-cluster.pat-tabs button[href]:not(.current):hover,
.pat-button-cluster.pat-tabs button:has(input:unchecked):hover,
.pat-button-cluster.pat-tabs a.button[href]:not(.current):hover,
.pat-button-cluster.pat-tabs a.button:has(input:unchecked):hover,
.pat-button-cluster.pat-tabs .pat-button[href]:not(.current):hover,
.pat-button-cluster.pat-tabs .pat-button:has(input:unchecked):hover,
.pat-button-cluster.pat-tabs label[href]:not(.current):hover,
.pat-button-cluster.pat-tabs label:has(input:unchecked):hover,
.pat-button-cluster.pat-tabs > a[href]:not(.current):hover,
.pat-button-cluster.pat-tabs > a:has(input:unchecked):hover {
  color: color-mix(in srgb, var(--pat-button-cluster-text-colour) 90%, black);
  text-decoration: underline !important;
  text-underline-offset: 3px;
  cursor: pointer;
  background-color: transparent;
}
.pat-button-cluster.pat-tabs button:before,
.pat-button-cluster.pat-tabs a.button:before,
.pat-button-cluster.pat-tabs .pat-button:before,
.pat-button-cluster.pat-tabs label:before,
.pat-button-cluster.pat-tabs > a:before {
  margin-right: 5px;
  margin-left: 0;
  color: var(--pat-button-cluster-text-colour);
}
.pat-button-cluster.pat-tabs button:after,
.pat-button-cluster.pat-tabs a.button:after,
.pat-button-cluster.pat-tabs .pat-button:after,
.pat-button-cluster.pat-tabs label:after,
.pat-button-cluster.pat-tabs > a:after {
  background: var(--colour-accent);
  position: absolute;
  top: var(--pat-button-cluster-toggle-margin);
  right: calc(-1 * var(--pat-button-cluster-toggle-margin));
  bottom: var(--pat-button-cluster-toggle-margin);
  left: calc(-1 * var(--pat-button-cluster-toggle-margin));
  z-index: -1;
  display: block;
  content: ' ';
  border-radius: calc(0.75 * var(--border-radii));
  opacity: 0;
}
.pat-button-cluster.pat-tabs button:has(input:checked),
.pat-button-cluster.pat-tabs button.active,
.pat-button-cluster.pat-tabs button.current,
.pat-button-cluster.pat-tabs a.button:has(input:checked),
.pat-button-cluster.pat-tabs a.button.active,
.pat-button-cluster.pat-tabs a.button.current,
.pat-button-cluster.pat-tabs .pat-button:has(input:checked),
.pat-button-cluster.pat-tabs .pat-button.active,
.pat-button-cluster.pat-tabs .pat-button.current,
.pat-button-cluster.pat-tabs label:has(input:checked),
.pat-button-cluster.pat-tabs label.active,
.pat-button-cluster.pat-tabs label.current,
.pat-button-cluster.pat-tabs > a:has(input:checked),
.pat-button-cluster.pat-tabs > a.active,
.pat-button-cluster.pat-tabs > a.current {
  background-color: transparent;
  color: white !important;
  text-decoration: none !important;
  cursor: default !important;
}
.pat-button-cluster.pat-tabs button:has(input:checked):after,
.pat-button-cluster.pat-tabs button.active:after,
.pat-button-cluster.pat-tabs button.current:after,
.pat-button-cluster.pat-tabs a.button:has(input:checked):after,
.pat-button-cluster.pat-tabs a.button.active:after,
.pat-button-cluster.pat-tabs a.button.current:after,
.pat-button-cluster.pat-tabs .pat-button:has(input:checked):after,
.pat-button-cluster.pat-tabs .pat-button.active:after,
.pat-button-cluster.pat-tabs .pat-button.current:after,
.pat-button-cluster.pat-tabs label:has(input:checked):after,
.pat-button-cluster.pat-tabs label.active:after,
.pat-button-cluster.pat-tabs label.current:after,
.pat-button-cluster.pat-tabs > a:has(input:checked):after,
.pat-button-cluster.pat-tabs > a.active:after,
.pat-button-cluster.pat-tabs > a.current:after {
  opacity: 1;
}
.pat-button-cluster.pat-tabs button:has(input:checked):before,
.pat-button-cluster.pat-tabs button.active:before,
.pat-button-cluster.pat-tabs button.current:before,
.pat-button-cluster.pat-tabs a.button:has(input:checked):before,
.pat-button-cluster.pat-tabs a.button.active:before,
.pat-button-cluster.pat-tabs a.button.current:before,
.pat-button-cluster.pat-tabs .pat-button:has(input:checked):before,
.pat-button-cluster.pat-tabs .pat-button.active:before,
.pat-button-cluster.pat-tabs .pat-button.current:before,
.pat-button-cluster.pat-tabs label:has(input:checked):before,
.pat-button-cluster.pat-tabs label.active:before,
.pat-button-cluster.pat-tabs label.current:before,
.pat-button-cluster.pat-tabs > a:has(input:checked):before,
.pat-button-cluster.pat-tabs > a.active:before,
.pat-button-cluster.pat-tabs > a.current:before {
  color: white;
}
.pat-button-cluster.pat-tabs button:has(input:checked) .counter,
.pat-button-cluster.pat-tabs button.active .counter,
.pat-button-cluster.pat-tabs button.current .counter,
.pat-button-cluster.pat-tabs a.button:has(input:checked) .counter,
.pat-button-cluster.pat-tabs a.button.active .counter,
.pat-button-cluster.pat-tabs a.button.current .counter,
.pat-button-cluster.pat-tabs .pat-button:has(input:checked) .counter,
.pat-button-cluster.pat-tabs .pat-button.active .counter,
.pat-button-cluster.pat-tabs .pat-button.current .counter,
.pat-button-cluster.pat-tabs label:has(input:checked) .counter,
.pat-button-cluster.pat-tabs label.active .counter,
.pat-button-cluster.pat-tabs label.current .counter,
.pat-button-cluster.pat-tabs > a:has(input:checked) .counter,
.pat-button-cluster.pat-tabs > a.active .counter,
.pat-button-cluster.pat-tabs > a.current .counter {
  background: red;
}
.pat-button-cluster.pat-tabs button:first-child,
.pat-button-cluster.pat-tabs a.button:first-child,
.pat-button-cluster.pat-tabs .pat-button:first-child,
.pat-button-cluster.pat-tabs label:first-child,
.pat-button-cluster.pat-tabs > a:first-child {
  border-top-left-radius: var(--border-radii);
  border-bottom-left-radius: var(--border-radii);
}
body[dir=rtl] .pat-button-cluster.pat-tabs button:first-child,
body[dir=rtl] .pat-button-cluster.pat-tabs a.button:first-child,
body[dir=rtl] .pat-button-cluster.pat-tabs .pat-button:first-child,
body[dir=rtl] .pat-button-cluster.pat-tabs label:first-child,
body[dir=rtl] .pat-button-cluster.pat-tabs > a:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
}
.pat-button-cluster.pat-tabs button:last-child,
.pat-button-cluster.pat-tabs a.button:last-child,
.pat-button-cluster.pat-tabs .pat-button:last-child,
.pat-button-cluster.pat-tabs label:last-child,
.pat-button-cluster.pat-tabs > a:last-child {
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
}
body[dir=rtl] .pat-button-cluster.pat-tabs button:last-child,
body[dir=rtl] .pat-button-cluster.pat-tabs a.button:last-child,
body[dir=rtl] .pat-button-cluster.pat-tabs .pat-button:last-child,
body[dir=rtl] .pat-button-cluster.pat-tabs label:last-child,
body[dir=rtl] .pat-button-cluster.pat-tabs > a:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--border-radii);
  border-bottom-left-radius: var(--border-radii);
}
.pat-button-cluster.pat-tabs button .counter,
.pat-button-cluster.pat-tabs a.button .counter,
.pat-button-cluster.pat-tabs .pat-button .counter,
.pat-button-cluster.pat-tabs label .counter,
.pat-button-cluster.pat-tabs > a .counter {
  display: inline-block;
  margin: -0.9em 0em 0 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 var(--base-animation-duration);
  animation: zoomIn var(--base-animation-duration);
  float: right;
  vertical-align: baseline;
  line-height: 1.7em;
  font-size: 0.6em;
  text-align: center;
  font-weight: normal;
  position: relative;
  top: 50%;
}
body[dir=rtl] .pat-button-cluster.pat-tabs button .counter,
body[dir=rtl] .pat-button-cluster.pat-tabs a.button .counter,
body[dir=rtl] .pat-button-cluster.pat-tabs .pat-button .counter,
body[dir=rtl] .pat-button-cluster.pat-tabs label .counter,
body[dir=rtl] .pat-button-cluster.pat-tabs > a .counter {
  margin: -0.9em 0.5em 0 0em;
  float: left;
}
.pat-button-cluster.pat-tabs button .counter.disabled,
.pat-button-cluster.pat-tabs a.button .counter.disabled,
.pat-button-cluster.pat-tabs .pat-button .counter.disabled,
.pat-button-cluster.pat-tabs label .counter.disabled,
.pat-button-cluster.pat-tabs > a .counter.disabled {
  opacity: 0.2;
  animation: none;
  background-color: gray;
}
.pat-button-cluster.pat-tabs button .counter.injecting,
.pat-button-cluster.pat-tabs a.button .counter.injecting,
.pat-button-cluster.pat-tabs .pat-button .counter.injecting,
.pat-button-cluster.pat-tabs label .counter.injecting,
.pat-button-cluster.pat-tabs > a .counter.injecting {
  opacity: 0;
}
.pat-button-cluster.pat-tabs button .counter.injecting:before,
.pat-button-cluster.pat-tabs a.button .counter.injecting:before,
.pat-button-cluster.pat-tabs .pat-button .counter.injecting:before,
.pat-button-cluster.pat-tabs label .counter.injecting:before,
.pat-button-cluster.pat-tabs > a .counter.injecting:before {
  display: none;
}
.pat-button-cluster.pat-tabs.align-centre {
  position: absolute;
}
.js .pat-button-cluster.pat-tabs {
  opacity: 0;
  transition: opacity var(--base-animation-duration);
}
.js .pat-button-cluster.pat-tabs.tabs-ready {
  opacity: 1;
}
.pat-button-cluster.pat-tabs a {
  float: none;
  display: inline-block;
  font-size: var(--pat-button-cluster-font-size);
  vertical-align: top;
}
.pat-button-cluster.pat-tabs.open span.extra-tabs {
  overflow: visible;
  height: auto;
  width: 300px;
  padding-bottom: 15px;
  padding-top: calc(var(--pat-context-menu-panel-distance) + var(--pat-tooltip-padding));
}
.pat-button-cluster.pat-tabs.open span.extra-tabs:before,
.pat-button-cluster.pat-tabs.open span.extra-tabs:hover:before {
  color: white;
  background-color: var(--colour-accent);
}
.pat-button-cluster.pat-tabs.open span.extra-tabs:after {
  border: var(--pat-tooltip-border);
}
.pat-button-cluster.pat-tabs.open span.extra-tabs a,
.pat-button-cluster.pat-tabs.open span.extra-tabs label {
  animation: fadeIn var(--base-animation-duration);
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
  pointer-events: all;
}
.pat-button-cluster.pat-tabs span.extra-tabs {
  font-size: var(--body-font-size);
  width: 300px;
  padding: var(--pat-tooltip-padding);
  display: inline-block;
  float: right;
  height: 0;
  width: calc(var(--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;
  transition: all var(--base-animation-duration);
}
@container screen style(--screen-small: true) {
.pat-button-cluster.pat-tabs span.extra-tabs {
  box-shadow: var(--pat-tooltip-box-shadow);
  width: var(--pat-button-height);
  height: var(--pat-button-height);
}
}
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs {
  right: auto;
  left: 0;
  float: left;
}
.pat-button-cluster.pat-tabs span.extra-tabs:before {
  font-family: fontello;
  content: var(--glyph-angle-double-right);
  display: block;
  height: var(--button-height);
  line-height: calc(var(--button-height) + 1px);
  width: calc(var(--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);
}
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs:before {
  content: var(--glyph-angle-double-left);
  right: auto;
  left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--border-radii);
  border-bottom-left-radius: var(--border-radii);
}
.pat-button-cluster.pat-tabs span.extra-tabs:after {
  content: ' ';
  display: block;
  position: absolute;
  top: var(--pat-context-menu-panel-distance);
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0,0,0,0);
  border-radius: var(--border-radii);
  background: var(--colour-base-background);
  transition: border var(--base-animation-duration);
}
@container screen style(--screen-small: true) {
.pat-button-cluster.pat-tabs span.extra-tabs {
  left: 0;
  right: auto;
  width: var(--pat-button-height);
  max-width: calc(100vw - 2 * var(--pat-button-cluster-toggle-margin));
}
}
@container screen style(--screen-small: true) {
.pat-button-cluster.pat-tabs span.extra-tabs a {
  pointer-events: none;
}
}
@container screen style(--screen-small: true) {
.pat-button-cluster.pat-tabs span.extra-tabs:before {
  border-radius: var(--button-border-radius);
  line-height: var(--pat-button-height);
  box-shadow: var(--pat-toolbar-button-box-shadow);
  align: center;
  width: var(--pat-button-height);
  content: var(--glyph-menu);
  background-color: var(--pat-toolbar-icon-background-colour);
  color: var(--pat-toolbar-icon-text-colour);
  left: 0;
  right: auto;
}
}
@container screen style(--screen-small: true) {
.pat-button-cluster.pat-tabs span.extra-tabs:before:hover {
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  color: var(--pat-toolbar-icon-text-colour-hover);
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs:before {
  right: 0;
  left: auto;
}
}
.pat-button-cluster.pat-tabs span.extra-tabs:hover:before {
  color: var(--body-font-colour);
}
.pat-button-cluster.pat-tabs span.extra-tabs a,
.pat-button-cluster.pat-tabs span.extra-tabs label {
  --pat-button-cluster-toggle-margin: 0;
  display: block;
  float: none;
  padding: var(--pat-menu-menu-item-padding-top-bottom) var(--pat-menu-padding-left-right);
  line-height: 1.5;
  text-align: left;
  color: var(--body-font-colour);
  position: relative;
  z-index: 1;
  border: none !important;
  opacity: 0;
  height: auto;
  border-radius: var(--border-radii);
}
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs a,
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs label {
  text-align: right;
}
.pat-button-cluster.pat-tabs span.extra-tabs a.icon,
.pat-button-cluster.pat-tabs span.extra-tabs label.icon {
  width: var(--pat-button-height);
  height: var(--pat-button-height);
  line-height: var(--pat-button-height);
  padding: 0;
  margin-right: var(--pat-tooltip-padding);
  margin-bottom: var(--pat-tooltip-padding);
  margin-left: 0;
  color: transparent;
  margin-left: 0;
  margin-right: 10px;
  display: inline-block;
}
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs a.icon,
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs label.icon {
  margin-right: 0;
  margin-left: 10px;
}
.pat-button-cluster.pat-tabs span.extra-tabs a.icon:after,
.pat-button-cluster.pat-tabs span.extra-tabs a.icon:before,
.pat-button-cluster.pat-tabs span.extra-tabs label.icon:after,
.pat-button-cluster.pat-tabs span.extra-tabs label.icon:before {
  width: var(--pat-button-height);
  height: var(--pat-button-height);
  line-height: var(--pat-button-height);
  text-align: center;
  border-radius: var(--border-radii);
  top: 0;
  background-color: var(--button-background-colour);
  color: var(--button-text-colour);
}
.pat-button-cluster.pat-tabs span.extra-tabs a.icon:hover,
.pat-button-cluster.pat-tabs span.extra-tabs label.icon:hover {
  text-decoration: none !important;
}
.pat-button-cluster.pat-tabs span.extra-tabs a.icon.current:after,
.pat-button-cluster.pat-tabs span.extra-tabs a.icon.current:before,
.pat-button-cluster.pat-tabs span.extra-tabs a.icon:has(input:checked):after,
.pat-button-cluster.pat-tabs span.extra-tabs a.icon:has(input:checked):before,
.pat-button-cluster.pat-tabs span.extra-tabs label.icon.current:after,
.pat-button-cluster.pat-tabs span.extra-tabs label.icon.current:before,
.pat-button-cluster.pat-tabs span.extra-tabs label.icon:has(input:checked):after,
.pat-button-cluster.pat-tabs span.extra-tabs label.icon:has(input:checked):before {
  background-color: var(--colour-accent);
  color: white;
}
@container screen style(--screen-small: true) {
.pat-button-cluster.pat-tabs span.extra-tabs a.icon,
.pat-button-cluster.pat-tabs span.extra-tabs label.icon {
  margin-right: var(--pat-menu-padding-left-right);
  margin-bottom: var(--pat-menu-padding-left-right);
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs a.icon,
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs label.icon {
  margin-right: 0;
  margin-left: var(--pat-menu-padding-left-right);
}
}
.pat-button-cluster.pat-tabs span.extra-tabs a:after,
.pat-button-cluster.pat-tabs span.extra-tabs label:after {
  left: 0;
  right: 0;
  border-radius: var(--border-radii);
}
.pat-button-cluster.pat-tabs span.extra-tabs a:hover,
.pat-button-cluster.pat-tabs span.extra-tabs label:hover {
  background-color: rgba(0,0,0,0.05);
  text-decoration: none;
}
.pat-button-cluster.pat-tabs span.extra-tabs a.current,
.pat-button-cluster.pat-tabs span.extra-tabs label.current {
  background: var(--colour-accent);
  color: white;
}
.pat-button-cluster.abecedary {
  box-shadow: none;
  background-color: transparent;
  z-index: 1;
}
.pat-button-cluster.abecedary:after {
  content: ' ';
  position: absolute;
  z-index: -2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--button-background-colour);
}
.pat-button-cluster.abecedary > a {
  width: calc(var(--pat-button-cluster-button-height) - 4 * var(--pat-button-cluster-toggle-margin));
  box-sizing: border-box;
  text-align: center;
  padding: 0;
}
.pat-button-cluster.abecedary > a:after {
  box-shadow: none;
}
.pat-button-cluster button,
.pat-button-cluster a.button,
.pat-button-cluster .pat-button,
.pat-button-cluster label,
.pat-button-cluster > a {
  margin: 0;
  border-radius: 0;
  border-left-style: none;
  float: left;
  border: none;
  background: transparent;
  padding: 0 1.2em;
  color: rgba(0,0,0,0.7);
  cursor: default;
  line-height: var(--pat-button-cluster-button-height);
  height: var(--pat-button-cluster-button-height);
  box-shadow: none;
  font-size: var(--body-font-size);
  font-weight: normal;
}
body[dir=rtl] .pat-button-cluster button,
body[dir=rtl] .pat-button-cluster a.button,
body[dir=rtl] .pat-button-cluster .pat-button,
body[dir=rtl] .pat-button-cluster label,
body[dir=rtl] .pat-button-cluster > a {
  float: right;
}
.pat-button-cluster button.deselect-all[disabled],
.pat-button-cluster button.deselect-all[disabled]:hover,
.pat-button-cluster button.select-all[disabled],
.pat-button-cluster button.select-all[disabled]:hover,
.pat-button-cluster a.button.deselect-all[disabled],
.pat-button-cluster a.button.deselect-all[disabled]:hover,
.pat-button-cluster a.button.select-all[disabled],
.pat-button-cluster a.button.select-all[disabled]:hover,
.pat-button-cluster .pat-button.deselect-all[disabled],
.pat-button-cluster .pat-button.deselect-all[disabled]:hover,
.pat-button-cluster .pat-button.select-all[disabled],
.pat-button-cluster .pat-button.select-all[disabled]:hover,
.pat-button-cluster label.deselect-all[disabled],
.pat-button-cluster label.deselect-all[disabled]:hover,
.pat-button-cluster label.select-all[disabled],
.pat-button-cluster label.select-all[disabled]:hover,
.pat-button-cluster > a.deselect-all[disabled],
.pat-button-cluster > a.deselect-all[disabled]:hover,
.pat-button-cluster > a.select-all[disabled],
.pat-button-cluster > a.select-all[disabled]:hover {
  opacity: 1 !important;
}
.pat-button-cluster button.deselect-all[disabled]:before,
.pat-button-cluster button.deselect-all[disabled]:hover:before,
.pat-button-cluster button.select-all[disabled]:before,
.pat-button-cluster button.select-all[disabled]:hover:before,
.pat-button-cluster a.button.deselect-all[disabled]:before,
.pat-button-cluster a.button.deselect-all[disabled]:hover:before,
.pat-button-cluster a.button.select-all[disabled]:before,
.pat-button-cluster a.button.select-all[disabled]:hover:before,
.pat-button-cluster .pat-button.deselect-all[disabled]:before,
.pat-button-cluster .pat-button.deselect-all[disabled]:hover:before,
.pat-button-cluster .pat-button.select-all[disabled]:before,
.pat-button-cluster .pat-button.select-all[disabled]:hover:before,
.pat-button-cluster label.deselect-all[disabled]:before,
.pat-button-cluster label.deselect-all[disabled]:hover:before,
.pat-button-cluster label.select-all[disabled]:before,
.pat-button-cluster label.select-all[disabled]:hover:before,
.pat-button-cluster > a.deselect-all[disabled]:before,
.pat-button-cluster > a.deselect-all[disabled]:hover:before,
.pat-button-cluster > a.select-all[disabled]:before,
.pat-button-cluster > a.select-all[disabled]:hover:before {
  color: var(--colour-accent);
}
.pat-button-cluster button.icon,
.pat-button-cluster a.button.icon,
.pat-button-cluster .pat-button.icon,
.pat-button-cluster label.icon,
.pat-button-cluster > a.icon {
  padding: 0;
  font-size: 0;
}
.pat-button-cluster button.icon:active,
.pat-button-cluster a.button.icon:active,
.pat-button-cluster .pat-button.icon:active,
.pat-button-cluster label.icon:active,
.pat-button-cluster > a.icon:active {
  box-shadow: none;
}
.pat-button-cluster button.icon:before,
.pat-button-cluster a.button.icon:before,
.pat-button-cluster .pat-button.icon:before,
.pat-button-cluster label.icon:before,
.pat-button-cluster > a.icon:before {
  font-size: var(--pat-button-cluster-font-size);
  line-height: inherit;
  display: block;
  text-align: center;
  margin: 0;
  width: 100%;
}
.pat-button-cluster button input,
.pat-button-cluster a.button input,
.pat-button-cluster .pat-button input,
.pat-button-cluster label input,
.pat-button-cluster > a input {
  position: absolute;
  opacity: 0;
}
.pat-button-cluster button[href]:not(.current):not(.active):not(.current):hover,
.pat-button-cluster a.button[href]:not(.current):not(.active):not(.current):hover,
.pat-button-cluster .pat-button[href]:not(.current):not(.active):not(.current):hover,
.pat-button-cluster label[href]:not(.current):not(.active):not(.current):hover,
.pat-button-cluster > a[href]:not(.current):not(.active):not(.current):hover {
  color: var(--body-font-colour);
}
.pat-button-cluster button:before,
.pat-button-cluster a.button:before,
.pat-button-cluster .pat-button:before,
.pat-button-cluster label:before,
.pat-button-cluster > a:before {
  margin-right: 0;
  margin-left: 0;
  color: rgba(0,0,0,0.7);
}
.pat-button-cluster button:hover,
.pat-button-cluster a.button:hover,
.pat-button-cluster .pat-button:hover,
.pat-button-cluster label:hover,
.pat-button-cluster > a:hover {
  background-color: var(--button-background-colour-hover);
  color: var(--button-text-colour-hover);
}
.pat-button-cluster button:has(input:checked),
.pat-button-cluster button.active,
.pat-button-cluster button.current,
.pat-button-cluster a.button:has(input:checked),
.pat-button-cluster a.button.active,
.pat-button-cluster a.button.current,
.pat-button-cluster .pat-button:has(input:checked),
.pat-button-cluster .pat-button.active,
.pat-button-cluster .pat-button.current,
.pat-button-cluster label:has(input:checked),
.pat-button-cluster label.active,
.pat-button-cluster label.current,
.pat-button-cluster > a:has(input:checked),
.pat-button-cluster > a.active,
.pat-button-cluster > a.current {
  background: var(--pat-button-cluster-item-background-colour-active);
  color: white;
  text-decoration: none;
  box-shadow: none;
}
.pat-button-cluster button:has(input:checked):before,
.pat-button-cluster button.active:before,
.pat-button-cluster button.current:before,
.pat-button-cluster a.button:has(input:checked):before,
.pat-button-cluster a.button.active:before,
.pat-button-cluster a.button.current:before,
.pat-button-cluster .pat-button:has(input:checked):before,
.pat-button-cluster .pat-button.active:before,
.pat-button-cluster .pat-button.current:before,
.pat-button-cluster label:has(input:checked):before,
.pat-button-cluster label.active:before,
.pat-button-cluster label.current:before,
.pat-button-cluster > a:has(input:checked):before,
.pat-button-cluster > a.active:before,
.pat-button-cluster > a.current:before {
  color: var(--pat-button-cluster-item-background-colour-active);
}
.pat-button-cluster button:has(input:checked) .counter,
.pat-button-cluster button.active .counter,
.pat-button-cluster button.current .counter,
.pat-button-cluster a.button:has(input:checked) .counter,
.pat-button-cluster a.button.active .counter,
.pat-button-cluster a.button.current .counter,
.pat-button-cluster .pat-button:has(input:checked) .counter,
.pat-button-cluster .pat-button.active .counter,
.pat-button-cluster .pat-button.current .counter,
.pat-button-cluster label:has(input:checked) .counter,
.pat-button-cluster label.active .counter,
.pat-button-cluster label.current .counter,
.pat-button-cluster > a:has(input:checked) .counter,
.pat-button-cluster > a.active .counter,
.pat-button-cluster > a.current .counter {
  background: red;
}
.pat-button-cluster button:first-child,
.pat-button-cluster a.button:first-child,
.pat-button-cluster .pat-button:first-child,
.pat-button-cluster label:first-child,
.pat-button-cluster > a:first-child {
  border-top-left-radius: var(--border-radii);
  border-bottom-left-radius: var(--border-radii);
}
body[dir=rtl] .pat-button-cluster button:first-child,
body[dir=rtl] .pat-button-cluster a.button:first-child,
body[dir=rtl] .pat-button-cluster .pat-button:first-child,
body[dir=rtl] .pat-button-cluster label:first-child,
body[dir=rtl] .pat-button-cluster > a:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
}
.pat-button-cluster button:last-child,
.pat-button-cluster a.button:last-child,
.pat-button-cluster .pat-button:last-child,
.pat-button-cluster label:last-child,
.pat-button-cluster > a:last-child {
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
}
body[dir=rtl] .pat-button-cluster button:last-child,
body[dir=rtl] .pat-button-cluster a.button:last-child,
body[dir=rtl] .pat-button-cluster .pat-button:last-child,
body[dir=rtl] .pat-button-cluster label:last-child,
body[dir=rtl] .pat-button-cluster > a:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--border-radii);
  border-bottom-left-radius: var(--border-radii);
}
.pat-button-cluster button .counter,
.pat-button-cluster a.button .counter,
.pat-button-cluster .pat-button .counter,
.pat-button-cluster label .counter,
.pat-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 var(--base-animation-duration);
  animation: zoomIn var(--base-animation-duration);
  float: right;
  vertical-align: baseline;
  line-height: 1.7em;
  font-size: 0.6em;
  text-align: center;
  font-weight: normal;
}
body[dir=rtl] .pat-button-cluster button .counter,
body[dir=rtl] .pat-button-cluster a.button .counter,
body[dir=rtl] .pat-button-cluster .pat-button .counter,
body[dir=rtl] .pat-button-cluster label .counter,
body[dir=rtl] .pat-button-cluster > a .counter {
  margin: 0.8em 0.5em 0.5em 0em;
}
body[dir=rtl] .pat-button-cluster button .counter,
body[dir=rtl] .pat-button-cluster a.button .counter,
body[dir=rtl] .pat-button-cluster .pat-button .counter,
body[dir=rtl] .pat-button-cluster label .counter,
body[dir=rtl] .pat-button-cluster > a .counter {
  float: left;
}
.pat-button-cluster button .counter.disabled,
.pat-button-cluster a.button .counter.disabled,
.pat-button-cluster .pat-button .counter.disabled,
.pat-button-cluster label .counter.disabled,
.pat-button-cluster > a .counter.disabled {
  opacity: 0.2;
  animation: none;
  background-color: gray;
}
.pat-button-cluster button .counter.injecting,
.pat-button-cluster a.button .counter.injecting,
.pat-button-cluster .pat-button .counter.injecting,
.pat-button-cluster label .counter.injecting,
.pat-button-cluster > a .counter.injecting {
  opacity: 0;
}
.pat-button-cluster button .counter.injecting:before,
.pat-button-cluster a.button .counter.injecting:before,
.pat-button-cluster .pat-button .counter.injecting:before,
.pat-button-cluster label .counter.injecting:before,
.pat-button-cluster > a .counter.injecting:before {
  display: none;
}
.application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs {
  --pat-button-cluster-toggle-space: 0;
  box-shadow: var(--pat-toolbar-button-box-shadow);
  width: var(--pat-button-width);
  background: none;
  display: block;
  overflow: hidden;
  width: var(--pat-button-height);
  height: var(--pat-button-height);
}
.application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs a,
.application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs label {
  pointer-events: none;
}
.application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs.open {
  overflow: visible;
}
@container screen style(--screen-small: true) {
.application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs.open {
  pointer-events: all;
}
}
.application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs.open a {
  pointer-events: auto;
}
.application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs.open span.extra-tabs:before {
  background-color: var(--colour-accent);
  color: white;
}
.application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs span.extra-tabs {
  left: 0;
  right: auto;
  width: 300px;
  max-width: calc(100vw - 2 * var(--pat-button-cluster-toggle-margin));
}
body[dir=rtl] .application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs span.extra-tabs {
  left: auto;
  right: 0;
}
.application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs span.extra-tabs:before {
  border-radius: var(--button-border-radius);
  line-height: var(--pat-button-height);
  width: var(--pat-button-height);
  content: var(--glyph-menu);
  left: 0;
  right: auto;
  height: var(--pat-button-height);
  background-color: var(--pat-toolbar-icon-background-colour);
  color: var(--pat-toolbar-icon-text-colour);
}
body[dir=rtl] .application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs span.extra-tabs:before {
  right: 0;
  left: auto;
}
.application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs span.extra-tabs:hover {
  --pat-toolbar-icon-background-colour: var(--pat-toolbar-icon-background-colour-hover);
  --pat-toolbar-icon-text-colour: var(--pat-toolbar-icon-text-colour-hover);
  text-decoration: none;
}
.application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs span.extra-tabs a.icon,
.application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs span.extra-tabs label.icon {
  margin-right: var(--pat-menu-padding-left-right);
  margin-bottom: var(--pat-menu-padding-left-right);
}
body[dir=rtl] .application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs span.extra-tabs a.icon,
body[dir=rtl] .application-body.sidebar-normal .sidebar .pat-button-cluster.pat-tabs span.extra-tabs label.icon {
  margin-right: 0;
  margin-left: var(--pat-menu-padding-left-right);
}
.pat-comma-separated > .segment:after {
  content: ', ';
  color: var(--body-font-colour);
  text-decoration: none;
  display: inline-block;
}
.pat-comma-separated > .segment:last-child:after {
  content: '.';
  color: var(--body-font-colour);
  text-decoration: none;
  display: inline-block;
}
.pat-context-menu {
  position: relative;
}
.pat-context-menu .close-menu {
  color: transparent;
  text-align: right;
  cursor: default;
  position: absolute;
  height: 0;
  margin: 0;
  opacity: 0;
}
.pat-context-menu .close-menu:after {
  font-family: fontello;
  content: var(--glyph-cancel);
  color: gray;
  font-size: 1.2em;
}
.pat-context-menu .close-menu:hover:after {
  color: var(--body-font-colour);
}
.pat-context-menu .separation-header {
  color: var(--body-font-colour);
  font-weight: bold;
  font-size: 1em;
  margin: 10px 0;
}
.pat-context-menu .separation-header:first-child {
  margin-top: 0;
}
.pat-context-menu:not([class*="icon-"]):not(.no-label) .context-menu-label:not(.iconified):after,
.pat-context-menu:not([class*="icon-"]):not(.no-label) .context-menu-label.iconified.pat-button:after {
  content: ' ';
  padding-right: var(--pat-tooltip-padding);
  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;
}
.pat-context-menu .context-menu-label {
  user-select: none;
  font-weight: normal;
  cursor: default;
  display: inline-block;
}
.pat-context-menu .context-menu-label.collapsible-closed,
.pat-context-menu .context-menu-label.collapsible-open {
  padding: 0 30px 0 0;
  text-decoration: none;
  color: var(--context-menu-text-colour);
  cursor: default;
}
.pat-context-menu .context-menu-label.collapsible-closed:hover,
.pat-context-menu .context-menu-label.collapsible-closed:active,
.pat-context-menu .context-menu-label.collapsible-open:hover,
.pat-context-menu .context-menu-label.collapsible-open:active {
  color: var(--context-menu-text-colour-hover);
}
.pat-context-menu .context-menu-label.collapsible-closed {
  text-decoration: none;
}
.canvas-subnav .pat-context-menu .context-menu-label.collapsible-closed {
  cursor: pointer;
}
.pat-context-menu .context-menu-label.collapsible-open:before {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ' ';
}
.pat-context-menu .context-menu-label.iconified {
  text-indent: -1000px;
  overflow: hidden;
  width: 2.2em;
}
.pat-context-menu .context-menu-label.iconified.pat-button {
  width: 2.4em;
  position: relative;
}
.pat-context-menu .context-menu-label.iconified.pat-button:after {
  position: absolute;
  right: 0.3em;
  width: 100%;
  height: 0.8em;
  top: 0.2em;
}
.pat-context-menu .context-menu-label.iconified.pat-button:before {
  width: 1.7em;
  line-height: 1.75em;
  display: block;
}
.pat-context-menu .context-menu-label.iconified.pat-button.collapsible-open:after,
.pat-context-menu .context-menu-label.iconified.pat-button.collapsible-open:before {
  color: var(--colour-accent);
}
.pat-context-menu .context-menu-label.iconified:before {
  position: absolute;
  font-family: fontello;
  content: var(--glyph-ellipsis);
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 0;
  text-align: center;
}
.pat-context-menu.no-label:before {
  width: 100%;
  height: 100%;
  line-height: var(--pat-toolbar-button-height);
  position: absolute;
  margin: 0;
  font-size: var(--body-font-size);
}
.pat-context-menu.no-label:hover:before {
  color: var(--context-menu-text-colour-hover);
}
.pat-context-menu.no-label.open:before,
.pat-context-menu.no-label.in-progress.closed:before {
  background: var(--colour-accent);
  color: white;
  border-radius: var(--button-border-radius);
}
.pat-context-menu.no-label .context-menu-label {
  opacity: 0;
  width: var(--button-height);
  padding: 0;
}
.pat-context-menu.no-label .panel-content {
  top: var(--pat-context-menu-panel-distance, 1.7em);
}
.pat-context-menu.open .label {
  color: var(--body-font-colour);
}
.pat-context-menu.open .label.pat-button {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.3);
}
.pat-context-menu.open.iconified .label {
  color: var(--colour-accent);
}
.pat-context-menu.open .panel-content {
  display: block;
}
.pat-context-menu .panel-content {
  position: absolute;
  top: var(--pat-context-menu-panel-distance, 1.7em);
  left: 0;
  right: 0;
  display: none;
  background-color: var(--colour-base-background);
  padding: var(--pat-tooltip-padding);
  width: var(--pat-context-menu-panel-width, 250px);
  z-index: 10;
  border-radius: var(--border-radii);
  font-size: var(--body-font-size);
  height: auto !important;
  border: var(--pat-tooltip-border);
  box-shadow: var(--pat-tooltip-box-shadow);
  max-height: var(--context-menu-max-height);
  overflow: auto;
}
.pat-context-menu .panel-content *:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 769px) {
.pat-context-menu.align-right .panel-content {
  right: 0;
  left: inherit;
}
}
label.pat-checklist {
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: 
		"icon label"
		".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  font-size: var(--pat-checklist-font-size);
  padding-left: 1.1em;
  padding-right: 0.5em;
  position: relative;
}
body[dir=rtl] label.pat-checklist {
  padding-left: var(--pat-checklist-label-padding-end);
}
label.pat-checklist > * {
  grid-area: label;
}
label.pat-checklist:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
label.pat-checklist:has(input[type="checkbox"]):before,
label.pat-checklist:has(input[type="radio"]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: '';
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
label.pat-checklist:has(input[type="radio"]):before {
  border-radius: 50%;
}
label.pat-checklist:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: var(--glyph-ok);
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
label.pat-checklist:has([disabled]):has(input[type="checkbox"]):before,
label.pat-checklist:has([disabled]):has(input[type="radio"]):before,
label.pat-checklist:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
label.pat-checklist:has([disabled]) .label-fragment-description:has(input[type="radio"]):before {
  background-color: rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.3);
  box-shadow: none;
}
label.pat-checklist .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
  display: block;
}
label.pat-checklist .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0,0,0,0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
label.pat-checklist .label-fragment-description > * {
  color: var(--body-font-colour);
}
label.pat-checklist input[type="checkbox"],
label.pat-checklist input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  grid-area: icon;
}
.pat-checklist:not(.free-form) {
  line-height: var(--pat-checklist-line-height);
  min-height: 0.7em;
  margin-bottom: var(--pat-checklist-margin-bottom);
}
form.vertical .pat-checklist:not(.free-form) > legend,
form fieldset.vertical .pat-checklist:not(.free-form) > legend,
form.vertical .pat-checklist:not(.free-form) > .legend,
form fieldset.vertical .pat-checklist:not(.free-form) > .legend {
  margin-bottom: calc(2 * var(--pat-checklist-item-separation));
}
.pat-checklist:not(.free-form).truncated .label-fragment-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pat-checklist:not(.free-form) .pat-checklist-sub {
  padding-left: 1em;
  padding-bottom: 1em;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label,
.pat-checklist:not(.free-form) .pat-checklist-sub .label,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label {
  display: block;
  position: relative;
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: 
				"icon label"
				".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  font-size: var(--pat-checklist-font-size);
  margin-top: var(--pat-checklist-item-separation);
  margin-bottom: var(--pat-checklist-item-separation);
  white-space: normal;
}
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > label,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > li > label {
  padding-left: var(--pat-checklist-label-padding-end);
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label > *,
.pat-checklist:not(.free-form) .pat-checklist-sub .label > *,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label > * {
  grid-area: label;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(:focus):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(:focus):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input[type="radio"]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: '';
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input[type="radio"]):before {
  border-radius: 50%;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input:checked):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input:checked):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: var(--glyph-ok);
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]):has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]):has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]):has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]):has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]):has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]):has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before {
  background-color: rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.3);
  box-shadow: none;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label .label-fragment-title,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-title,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
  display: block;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0,0,0,0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label .label-fragment-description > *,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-description > *,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label .label-fragment-description > * {
  color: var(--body-font-colour);
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label input[type="checkbox"],
.pat-checklist:not(.free-form) .pat-checklist-sub > label input[type="radio"],
.pat-checklist:not(.free-form) .pat-checklist-sub .label input[type="checkbox"],
.pat-checklist:not(.free-form) .pat-checklist-sub .label input[type="radio"],
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label input[type="checkbox"],
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  grid-area: icon;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:after,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:after,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:after {
  content: " ";
  display: table;
  clear: both;
}
.pat-checklist:not(.free-form) > br {
  display: none;
}
.pat-checklist:not(.free-form):not(.free-form) > label,
.pat-checklist:not(.free-form):not(.free-form) .label,
.pat-checklist:not(.free-form):not(.free-form) li > label {
  display: block;
  position: relative;
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: 
				"icon label"
				".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  font-size: var(--pat-checklist-font-size);
  margin-top: var(--pat-checklist-item-separation);
  margin-bottom: var(--pat-checklist-item-separation);
  white-space: normal;
  font-weight: var(--font-weight-normal);
  break-inside: avoid;
}
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) > label,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li > label {
  padding-left: var(--pat-checklist-label-padding-end);
}
.pat-checklist:not(.free-form):not(.free-form) > label > *,
.pat-checklist:not(.free-form):not(.free-form) .label > *,
.pat-checklist:not(.free-form):not(.free-form) li > label > * {
  grid-area: label;
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(:focus):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(:focus):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) > label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input[type="radio"]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: '';
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input[type="radio"]):before {
  border-radius: 50%;
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(input:checked):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input:checked):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: var(--glyph-ok);
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
.pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]):has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]):has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]):has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]):has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]):has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]):has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before {
  background-color: rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.3);
  box-shadow: none;
}
.pat-checklist:not(.free-form):not(.free-form) > label .label-fragment-title,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-title,
.pat-checklist:not(.free-form):not(.free-form) li > label .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
  display: block;
}
.pat-checklist:not(.free-form):not(.free-form) > label .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) li > label .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0,0,0,0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
.pat-checklist:not(.free-form):not(.free-form) > label .label-fragment-description > *,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-description > *,
.pat-checklist:not(.free-form):not(.free-form) li > label .label-fragment-description > * {
  color: var(--body-font-colour);
}
.pat-checklist:not(.free-form):not(.free-form) > label input[type="checkbox"],
.pat-checklist:not(.free-form):not(.free-form) > label input[type="radio"],
.pat-checklist:not(.free-form):not(.free-form) .label input[type="checkbox"],
.pat-checklist:not(.free-form):not(.free-form) .label input[type="radio"],
.pat-checklist:not(.free-form):not(.free-form) li > label input[type="checkbox"],
.pat-checklist:not(.free-form):not(.free-form) li > label input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  grid-area: icon;
}
.pat-checklist:not(.free-form):not(.free-form) > label:first-of-type,
.pat-checklist:not(.free-form):not(.free-form) .label:first-of-type,
.pat-checklist:not(.free-form):not(.free-form) li > label:first-of-type {
  margin-top: 0;
}
.pat-checklist:not(.free-form).cloud label {
  display: inline-grid;
  margin-right: 1em;
}
.pat-checklist:not(.free-form):has(input[type="radio"]) label:has(input:checked):before,
.pat-checklist:not(.free-form):has(input[type="radio"]) .label:has(input:checked):before,
.pat-checklist:not(.free-form).radio-bars label:has(input:checked):before,
.pat-checklist:not(.free-form).radio-bars .label:has(input:checked):before {
  content: '';
  box-shadow: var(--pat-checklist-checkbox-box-shadow-radio-checked);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]) {
  color: rgba(0,0,0,0.5);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):before {
  font-family: fontello;
  content: var(--glyph-eye-off);
  text-decoration: none;
  background-color: transparent;
  color: rgba(0,0,0,0.5);
  font-size: 1.3rem;
  box-shadow: none;
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):hover {
  color: var(--body-font-colour);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):hover:before {
  color: var(--body-font-colour);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):has(input:checked) {
  color: var(--body-font-colour);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):has(input:checked):before {
  color: var(--body-font-colour);
  content: var(--glyph-eye);
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form),
.pat-checklist:not(.free-form).bars:not(.free-form) {
  --pat-checklist-label-padding-start: 50px;
  border-radius: var(--border-radii);
  box-shadow: inset 0 1px 6px rgba(0,0,0,0.15);
  padding: 5px 5px 0 5px;
  background: var(--colour-base);
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label,
.pat-checklist:not(.free-form).bars:not(.free-form) > label,
.pat-checklist:not(.free-form).bars:not(.free-form) > .label {
  border-radius: calc(0.75 * var(--border-radii));
  padding: 0.6em 0.6em 0.6em 0;
  margin-bottom: 5px;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label input[type="checkbox"],
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label input[type="radio"],
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label input[type="checkbox"],
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label input[type="radio"],
.pat-checklist:not(.free-form).bars:not(.free-form) > label input[type="checkbox"],
.pat-checklist:not(.free-form).bars:not(.free-form) > label input[type="radio"],
.pat-checklist:not(.free-form).bars:not(.free-form) > .label input[type="checkbox"],
.pat-checklist:not(.free-form).bars:not(.free-form) > .label input[type="radio"] {
  grid-area: icon;
  width: 100%;
  justify-self: center !important;
  align-self: center;
  grid-row: 1/-1 !important;
  top: auto !important;
  transform: none !important;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label .label-fragment-description,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label .label-fragment-description,
.pat-checklist:not(.free-form).bars:not(.free-form) > label .label-fragment-description,
.pat-checklist:not(.free-form).bars:not(.free-form) > .label .label-fragment-description {
  margin-bottom: 0;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:before,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label:before,
.pat-checklist:not(.free-form).bars:not(.free-form) > label:before,
.pat-checklist:not(.free-form).bars:not(.free-form) > .label:before {
  justify-self: center !important;
  align-self: center;
  grid-row: 1 / -1 !important;
  top: auto !important;
  transform: none !important;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:hover,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label:hover,
.pat-checklist:not(.free-form).bars:not(.free-form) > label:hover,
.pat-checklist:not(.free-form).bars:not(.free-form) > .label:hover {
  background: rgba(0,0,0,0.05);
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:has(input:checked),
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label:has(input:checked),
.pat-checklist:not(.free-form).bars:not(.free-form) > label:has(input:checked),
.pat-checklist:not(.free-form).bars:not(.free-form) > .label:has(input:checked) {
  background: var(--colour-accent);
  color: white;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:has(input:checked) > *,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label:has(input:checked) > *,
.pat-checklist:not(.free-form).bars:not(.free-form) > label:has(input:checked) > *,
.pat-checklist:not(.free-form).bars:not(.free-form) > .label:has(input:checked) > * {
  color: white;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:has(input:checked):before,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label:has(input:checked):before,
.pat-checklist:not(.free-form).bars:not(.free-form) > label:has(input:checked):before,
.pat-checklist:not(.free-form).bars:not(.free-form) > .label:has(input:checked):before {
  color: var(--body-font-colour);
}
.pat-checklist:not(.free-form) fieldset.composed {
  padding-left: 0;
  margin-bottom: 0;
  position: relative;
}
.pat-checklist:not(.free-form) .additional-meta-data {
  position: relative;
  float: right;
  width: 70%;
  right: -100%;
  top: 0;
  opacity: 0;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  height: 0;
}
.sidebar-large .pat-checklist:not(.free-form) .additional-meta-data {
  right: 0%;
  opacity: 1;
  height: auto;
}
.pat-checklist:not(.free-form) .meta-column {
  width: 0%;
  overflow: hidden;
  -moz-transition: width 1s;
  -webkit-transition: width 1s;
  transition: width 1s;
  float: right;
  padding: 0 0.5em;
  margin: 0;
  box-sizing: border-box;
}
.item-selector .pat-checklist:not(.free-form) .meta-column {
  padding: 1.2em 0.5em 1em;
}
.pat-checklist:not(.free-form) .meta-column.tag-cloud {
  width: 40%;
}
.sidebar-large .pat-checklist:not(.free-form) .meta-column {
  width: 30%;
}
.sidebar-large .pat-checklist:not(.free-form) .meta-column.tag-cloud {
  width: 40%;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.pat-carousel {
  margin-top: 2em;
  margin-bottom: 2em;
}
.pat-carousel:hover .slick-dots {
  opacity: 1;
}
.pat-carousel[data-pat-carousel*="height: fixed"] .slick-slide img {
  height: var(--carousel-default-height-large);
  object-fit: cover;
}
@container screen style(--screen-small: true) {
.pat-carousel[data-pat-carousel*="height: fixed"] .slick-slide img {
  height: var(--carousel-default-height-small);
}
}
.pat-carousel .slick-slide {
  position: relative;
}
.pat-carousel .slick-slide div li {
  display: block !important;
}
.pat-carousel .slick-slide img {
  width: 100%;
  background-color: var(--colour-base);
}
.pat-carousel .slick-slide .icon-zoom-in {
  opacity: 0;
  transition: opacity 0.4s;
  transition-delay: 0.5s;
  right: calc(3 * var(--carousel-button-distance) + 2 * var(--carousel-button-width));
}
@container screen style(--screen-small: true) {
.pat-carousel .slick-slide .icon-zoom-in {
  display: none;
}
}
.pat-carousel .slick-slide.slick-current figcaption {
  opacity: 1;
}
.pat-carousel .slick-slide.slick-current .icon-zoom-in {
  opacity: 0.5;
}
.pat-carousel .slick-slide figcaption {
  color: rgba(0,0,0,0.5);
  font-size: 0.8em;
  padding-top: 0.5em;
  line-height: 1.5;
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 0.5s;
}
.pat-carousel .icon,
.pat-carousel .slick-prev,
.pat-carousel .slick-next {
  position: absolute;
  opacity: 0.5;
  top: var(--carousel-button-distance);
  right: var(--carousel-button-distance);
  background: rgba(0, 0, 0, 0.6);
  color: transparent;
  height: var(--carousel-button-width);
  width: var(--carousel-button-height);
  border-radius: var(--border-radii);
  transition: opacity 0.4s;
  overflow: hidden;
  z-index: 1;
  cursor: default;
  box-sizing: border-box;
  box-shadow: 0 0 0 2px rgba(white, 0.7);
}
.pat-carousel .icon:hover,
.pat-carousel .slick-prev:hover,
.pat-carousel .slick-next:hover {
  background: rgba(0, 0, 0, 0.8);
  text-decoration: none;
}
.pat-carousel .icon:before,
.pat-carousel .slick-prev:before,
.pat-carousel .slick-next:before {
  width: 100%;
  height: 100%;
  text-align: center;
  color: white;
  display: block;
  line-height: var(--carousel-button-height);
  margin: 0;
  font-family: fontello;
}
.pat-carousel .slick-prev.slick-disabled,
.pat-carousel .slick-next.slick-disabled {
  opacity: .2;
  -webkit-pointer-events: none;
  pointer-events: none;
}
.pat-carousel .slick-prev {
  right: calc(2 * var(--carousel-button-distance) + var(--carousel-button-width));
}
.pat-carousel [dir='rtl'] .slick-prev {
  left: calc(2 * var(--carousel-button-distance) + var(--carousel-button-width));
  right: auto;
}
.pat-carousel .slick-prev:before {
  content: var(--glyph-left-big);
  font-size: 15px;
}
.pat-carousel [dir='rtl'] .slick-prev:before {
  content: var(--glyph-left-big);
}
.pat-carousel .slick-next {
  right: var(--carousel-button-distance);
}
.pat-carousel [dir='rtl'] .slick-next {
  right: auto;
  left: var(--carousel-button-distance);
}
.pat-carousel .slick-next:before {
  content: var(--glyph-right-big);
  font-size: 15px;
}
.pat-carousel [dir='rtl'] .slick-next:before {
  content: var(--glyph-left-big);
}
.pat-carousel .slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  list-style: none;
  text-align: left;
  position: absolute;
  line-height: 15px;
  left: 14px;
  top: 10px;
  right: 160px;
  opacity: 0;
  transition: opacity 0.5s;
}
@container screen style(--screen-small: true) {
.slick-dots {
  display: none !important;
}
}
.slick-dots li {
  padding: 10px 8px;
  margin: 0;
  position: relative;
  width: 20px;
  height: 15px;
  margin: 0 5px;
  display: inline-block;
}
.slick-dots li:hover button {
  background-color: rgba(0,0,0,0.8);
}
.slick-dots li button {
  border-radius: 50%;
  border: 2px white solid;
  background-color: rgba(0,0,0,0.4);
  width: 15px;
  height: 15px;
  color: transparent;
}
.slick-dots li button:before {
  display: none;
}
.slick-dots li.slick-active button {
  background-color: var(--carousel-default-dot-colour);
  border: 2px solid white;
}
.pat-collapsible .js {
  display: none;
}
.patterns-loaded .pat-collapsible .js {
  display: inherit;
}
#product-space:not(.spotlight-on) .pat-collapsible:not(.pat-modal-pop-over) {
  animation: fadeIn var(--default-transition-duration) ease-in-out;
}
.pat-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;
}
.pat-container.medium {
  max-width: var(--pat-container-width-medium);
}
@container screen style(--screen-small: true) {
.pat-container {
  --pat-container-padding: var(--pat-container-padding-small);
}
}
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: gray;
  background: #fff;
  border: 1px solid silver;
  border-radius: var(--border-radii);
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}
.pika-single {
  *zoom: 1;
}
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}
.pika-lendar {
  float: left;
  width: 18em;
  margin: 0.6em;
}
.pika-title {
  position: relative;
  text-align: center;
  color: var(--body-font-colour);
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 0.3em 0.2em;
  font-size: 1.2em;
  line-height: 150%;
  font-weight: bold;
  background-color: #fff;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 1.6em;
  height: 2.7em;
  text-indent: 2em;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
  *left: 0;
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
  *right: 0;
}
.pika-select {
  display: inline-block;
  *display: inline;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0.2em;
}
.pika-table th {
  color: #999;
  font-size: 1em;
  line-height: 150%;
  font-weight: bold;
  text-align: center;
}
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}
.pika-button {
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 1em;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.is-today .pika-button {
  color: var(--colour-accent);
  font-weight: bold;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: var(--colour-accent);
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: var(--border-radii);
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3;
}
.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: var(--border-radii);
}
.pika-week {
  font-size: 0.9em;
  color: #999;
}
:root {
  --button-height: var(--button-height);
}
@media print {
#editor-toolbar,
.editor-toolbar,
.canvas-toolbar.editor-toolbar {
  display: none;
}
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external,
.canvas-toolbar.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,
.canvas-toolbar.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(--button-height);
  width: var(--button-height);
  line-height: var(--button-height);
  padding: 0;
  color: transparent;
  float: left;
  margin: 0;
  background: transparent;
  border-radius: var(--border-radii);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover {
  outline: none;
  background-color: transparent;
  cursor: default;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before,
.canvas-toolbar.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,
.canvas-toolbar.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,
.canvas-toolbar.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,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:before {
  font-family: fontello;
  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.re-video:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video:before {
  content: "\e841";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist:before,
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists:before {
  content: "\e85b";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before {
  content: "\e602";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline:before {
  content: "\e603";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection:before {
  content: "\e604";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor:before {
  content: "\e605";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table:before {
  content: "\e864";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before {
  content: "\e607";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote:before {
  content: "\e608";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent:before {
  content: "\e609";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist:before {
  content: "\e60a";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link:before {
  content: "\e83b";
}
#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,
.canvas-toolbar.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-italic:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic:before {
  content: "\e863";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent:before {
  content: "\e60e";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image:before {
  content: var(--glyph-picture-1);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen:before {
  content: "\e744";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen:before {
  content: "\e611";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format:before {
  content: "\e861";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize:before {
  content: "\e613";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily:before {
  content: "\e614";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted:before {
  content: "\e85d";
}
#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,
.canvas-toolbar.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-clips:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips:before {
  content: "\e617";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold:before {
  content: "\e862";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor:before {
  content: "\e619";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file:before {
  content: "\e61a";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright:before {
  content: "\e859";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment:before,
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft:before {
  content: "\e857";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify:before {
  content: "\e85a";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter:before {
  content: "\e858";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before {
  content: "\e867";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before {
  content: "\e866";
}
#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,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-romanlisting:before {
  content: "I./II.";
}
#editor-toolbar .icon,
.editor-toolbar .icon,
.canvas-toolbar.editor-toolbar .icon {
  margin: 0;
}
@container screen style(--screen-small: true) {
#editor-toolbar,
.editor-toolbar,
.canvas-toolbar.editor-toolbar {
  display: none;
}
}
.pat-expandable.twisties {
  list-style-type: none;
}
.pat-expandable.twisties .current {
  font-weight: bold;
  display: inline-block;
  color: red;
}
.pat-expandable.twisties li li {
  display: block;
  padding-left: 30px;
}
.pat-expandable.twisties li span.toggle {
  width: 1.2em;
  height: 1.2em;
  float: left;
  font-size: 1em;
  line-height: 1.2em;
}
.pat-expandable.twisties li ul {
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
  padding: 0;
  display: none;
}
.pat-expandable.twisties li.open > ul,
.pat-expandable.twisties li a {
  display: block;
}
.pat-expandable.twisties span.toggle:before {
  content: "▶";
}
.pat-expandable.twisties .open > span.toggle:before {
  content: "▼";
  display: inline-block;
}
.f3 {
  --female-color: rgb(196, 138, 146);
  --male-color: rgb(120, 159, 172);
  --genderless-color: lightgray;
  --background-color: rgb(33, 33, 33);
  --text-color: #fff;
  font-family: 'Roboto', sans-serif;
}
.f3 * {
  box-sizing: border-box;
}
.f3 .cursor-pointer {
  cursor: pointer;
}
.f3 svg.main_svg {
  width: 100%;
  height: 100%;
}
.f3 svg.main_svg text {
  fill: currentColor;
}
.f3 rect.card-female,
.f3 .card-female .card-body-rect,
.f3 .card-female .text-overflow-mask {
  fill: var(--female-color);
}
.f3 rect.card-male,
.f3 .card-male .card-body-rect,
.f3 .card-male .text-overflow-mask {
  fill: var(--male-color);
}
.f3 .card-genderless .card-body-rect,
.f3 .card-genderless .text-overflow-mask {
  fill: var(--genderless-color);
}
.f3 .card_add .card-body-rect {
  fill: #3b5560;
  stroke-width: 4px;
  stroke: #fff;
  cursor: pointer;
}
.f3 g.card_add text {
  fill: #fff;
}
.f3 .card-main-outline {
  stroke: currentColor;
  stroke-width: 3px;
}
.f3 .card_family_tree rect {
  transition: 0.3s;
}
.f3 .card_family_tree:hover rect {
  transform: scale(1.1);
}
.f3 .card_add_relative {
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
}
.f3 .card_add_relative circle {
  fill: rgba(0, 0, 0, 0);
}
.f3 .card_add_relative:hover {
  color: var(--body-font-colour);
}
.f3 .card_edit.pencil_icon {
  color: #fff;
  transition: 0.3s;
}
.f3 .card_edit.pencil_icon:hover {
  color: var(--body-font-colour);
}
.f3 .card_break_link,
.f3 .link_upper,
.f3 .link_lower,
.f3 .link_particles {
  transform-origin: 50% 50%;
  transition: 1s;
}
.f3 .card_break_link {
  color: #fff;
}
.f3 .card_break_link.closed .link_upper {
  transform: translate(-140.5px, 655.6px);
}
.f3 .card_break_link.closed .link_upper g {
  transform: rotate(-58deg);
}
.f3 .card_break_link.closed .link_particles {
  transform: scale(0);
}
.f3 .input-field input {
  height: 2.5rem !important;
}
.f3 .input-field > label:not(.label-icon).active {
  -webkit-transform: translateY(-8px) scale(0.8);
  transform: translateY(-8px) scale(0.8);
}
.f3.f3-cont {
  width:100%;
  height:900px;
  max-height:70vh;
  background-color: var(--background-color);
  color: var(--text-color);
}
.f3 {
  position: relative;
  display: flex;
}
.f3-form input[type="text"],
.f3-form textarea,
.f3-form select {
  width: 100%;
  padding: 8px 12px;
  margin: 8px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
  background: var(--background-color);
  color: currentColor;
}
.f3-form input[type="text"]:focus,
.f3-form textarea:focus,
.f3-form select:focus {
  box-shadow: 0 0 5px rgba(76, 175, 80, 0.2);
}
.f3-form button {
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  margin: 10px 0;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.f3-form button[type="submit"] {
  background-color: #4CAF50;
  color: white;
}
.f3-cancel-btn {
  background-color: #ccc;
}
.f3-form .f3-delete-btn {
  background-color: transparent;
  border: 1px solid #f44336;
  color: #f44336;
  width: 100%;
  padding: 5px 10px;
}
.f3-delete-btn:hover {
  background-color: #da190b;
  border-color: #da190b;
  color: #fff;
}
.f3-delete-btn:disabled {
  opacity: 0.5;
  background-color: transparent;
  color: #f44336;
  cursor: not-allowed;
}
.f3-form .f3-remove-relative-btn {
  background-color: transparent;
  border: 1px solid currentColor;
  color: currentColor;
  width: 100%;
  padding: 5px 10px;
}
.f3-remove-relative-btn:hover,
.f3-remove-relative-btn.active {
  background-color: var(--text-color);
  border-color: var(--text-color);
  color: var(--background-color);
}
.f3-radio-group {
  margin: 15px 0;
}
.f3-radio-group label {
  margin-right: 15px;
  cursor: pointer;
}
.f3-radio-group input[type="radio"] {
  margin-right: 5px;
}
.f3-info-field-label,
.f3-form-field label {
  font-weight: bold;
  font-size: 12px;
  display: block;
  opacity: 0.8;
}
.f3-info-field-value {
  font-weight: normal;
  display: block;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  padding-bottom: 1px;
  margin-bottom: 10px;
  min-height: 18px;
}
.f3-form-buttons {
  text-align: right;
}
.f3-form-title {
  text-align: center;
}
.f3-form.non-editable .f3-form-buttons,
.f3-form.non-editable .f3-delete-btn,
.f3-form.non-editable .f3-remove-relative-btn,
.f3-form.non-editable .f3-link-existing-relative {
  display: none;
}
.f3-close-btn {
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 30px;
  color: var(--text-color);
}
.f3-edit-btn {
  position: relative;
  top: -1px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: inline-block;
}
.f3-add-relative-btn {
  cursor: pointer;
  width: 27px;
  height: 27px;
  margin-right: 5px;
  display: inline-block;
}
.f3 div.card {
  cursor: pointer;
  color: var(--text-color);
  position: relative;
  line-height: 1.2;
}
.f3 div.card-image-circle {
  border-radius: 50%;
  padding: 5px;
  width: 90px;
  height: 90px;
}
.f3 div.card-image-circle div.card-label {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 50%);
  max-width: 150%;
  min-height: 22px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 3px;
  padding: 0 5px;
}
.f3 div.card-image-circle img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.f3 div.card-image-circle svg {
  width: 100%;
  height: 100%;
  padding: 5px;
  border-radius: 50%;
  object-fit: cover;
}
.f3 div.card-image-circle img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.f3 div.card-rect {
  padding: 5px;
  border-radius: 3px;
  width: 120px;
  min-height: 70px;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.f3 div.card-image-rect {
  width: 200px;
  min-height: 70px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.f3 div.card-image-rect .person-icon {
  height: 70px;
  width: 70px;
  object-fit: cover;
  flex: 0 0 auto;
  padding: 5px;
  margin-right: 10px;
}
.f3 div.card-image-rect img {
  height: 70px;
  width: 70px;
  object-fit: cover;
  flex: 0 0 auto;
  padding: 5px;
  margin-right: 10px;
  border-radius: 8px;
}
.f3 div.card-image-rect svg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding: 5px;
  border-radius: 7px;
}
.f3 div.card-image-rect div.card-label {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.f3 div.mini-tree {
  text-align: right;
  position: absolute;
  top: -15px;
  right: -2px;
  z-index: -1;
}
.f3 div.mini-tree svg {
  width: 55px;
}
.f3 .f3-card-duplicate-tag {
  position: absolute;
  top: 2px;
  right: 2px;
  color: rgb(255, 251, 220);
  background-color: rgba(255, 251, 220, 0);
  border-radius: 50%;
  padding: 2px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.f3 .f3-card-duplicate-hover div.card-inner {
  transform: translate(0, -2px);
  outline: 4px solid rgb(255, 251, 220);
}
.f3 .f3-card-duplicate-hover .f3-card-duplicate-tag {
  background-color: rgba(255, 251, 220, .8);
  color: #000;
}
.f3 .f3-remove-relative-active .card {
  background-color: var(--background-color);
}
.f3 .f3-remove-relative-active .card-inner {
  transition: border 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  opacity: .75;
}
.f3 .f3-remove-relative-active .card:hover .card-inner {
  opacity: .25;
}
.f3 .f3-remove-relative-active .card-male.card-depth--1:hover .card-inner {
  transform: translate(-8px, -8px);
}
.f3 .f3-remove-relative-active .card.card-female.card-depth--1:hover .card-inner {
  transform: translate(8px, -8px);
}
.f3 .f3-remove-relative-active .card.card-female.card-depth-0:hover .card-inner {
  transform: translate(8px, 0);
}
.f3 .f3-remove-relative-active .card.card-male.card-depth-0:hover .card-inner {
  transform: translate(-8px, 0);
}
.f3 .f3-remove-relative-active .card.card-depth-1:hover .card-inner {
  transform: translate(0, 8px);
}
.f3 .f3-remove-relative-active .card.card-main .card-inner {
  transform: translate(0, 0)!important;
  opacity: 1!important;
}
.f3 div.card > div {
  transition: transform 0.2s ease-in-out;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.8);
}
.f3 .card-inner {
  outline: 0px solid rgba(255, 255, 255, 1);
  transition: outline 0.5s ease-in-out;
}
.f3 div.card-female .card-inner,
.f3 div.card-female .person-icon svg {
  background-color: var(--female-color);
}
.f3 div.card-male .card-inner,
.f3 div.card-male .person-icon svg {
  background-color: var(--male-color);
}
.f3 div.card-genderless .card-inner,
.f3 div.card-genderless .person-icon svg {
  background-color: var(--genderless-color);
}
.f3 div.card-new-rel .card-inner,
.f3 div.card-new-rel .person-icon svg {
  background-color: var(--background-color);
}
.f3 div.card-to-add .card-inner {
  background-color: var(--background-color);
  border: 1px solid;
}
.f3 div.card-to-add .card-inner .card-label {
  margin: 0 auto;
}
.f3 div.card-to-add .person-icon {
  display: none;
}
.f3 div.card-new-rel .card-inner {
  border-width: 1px;
  border-style: dashed;
  outline: 0px !important;
}
.f3 div.card-new-rel.card-female .card-inner,
.f3 div.card-to-add.card-female .card-inner {
  border-color: var(--female-color);
  color: var(--female-color);
}
.f3 div.card-new-rel.card-male .card-inner,
.f3 div.card-to-add.card-male .card-inner {
  color: var(--male-color);
  border-color: var(--male-color);
}
.f3 div.card-unknown .card-inner {
  background-color: var(--background-color);
  border: 1px solid;
}
.f3 div.card-unknown .card-inner .card-label {
  margin: 0 auto;
}
.f3 div.card-unknown .person-icon {
  display: none;
}
.f3 div.card-new-rel .card-inner {
  border-width: 1px;
  border-style: dashed;
  outline: 0px !important;
}
.f3 div.card-new-rel.card-female .card-inner,
.f3 div.card-unknown.card-female .card-inner {
  border-color: var(--female-color);
  color: var(--female-color);
}
.f3 div.card-new-rel.card-male .card-inner,
.f3 div.card-unknown.card-male .card-inner {
  color: var(--male-color);
  border-color: var(--male-color);
}
.f3 div.card:hover > div {
  transform: translate(0, -2px);
}
.f3 div.card-main .card-inner,
.f3 div.card:hover .card-inner {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8);
}
.f3 div.card-main .card-inner {
  outline: 4px solid rgba(220, 220, 220, 1);
}
.f3 div.card-inner.f3-path-to-main {
  outline: 4px solid rgba(255, 255, 255, 1);
}
.f3 .link {
  transition: stroke-width 0.2s ease-in-out;
}
.f3 .link.f3-path-to-main {
  stroke-width: 4px;
}
.f3-form-cont {
  position: relative;
  z-index: 6;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: var(--background-color);
  overflow: auto;
  flex: 0 0 auto;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.f3-form-cont.opened {
  width: 350px;
}
.f3-form {
  padding: 20px;
}
.f3-form hr {
  border-style: solid;
  border-width: thin 0 0 0;
  opacity: 0.15;
}
.f3-nav-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
}
.f3-history-controls {
  padding: 8px 5px 7px 9px;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.f3-back-button,
.f3-forward-button {
  width: 30px;
  height: 30px;
  transition: opacity 0.3s ease;
  cursor: pointer;
  display: inline-block;
  background-color: transparent;
  border: none;
  margin-right: 10px;
  color: currentColor;
}
.f3-history-controls svg {
  height: 100%;
}
.f3-back-button.disabled,
.f3-forward-button.disabled {
  opacity: 0.5;
}
.f3-modal {
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}
.f3-modal-content {
  position: relative;
  background-color: var(--background-color);
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  border-radius: 5px;
  width: 500px;
  max-width: 90%;
}
.f3-modal-close {
  color: #aaa;
  position: absolute;
  right: 10px;
  top: 7px;
  font-size: 28px;
  font-weight: bold;
}
.f3-modal-close:hover,
.f3-modal-close:focus {
  color: var(--body-font-colour);
  text-decoration: none;
  cursor: pointer;
}
.f3-popup {
  position: fixed;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8);
}
.f3-popup-content {
  position: relative;
  background-color: var(--background-color);
  border: 1px solid #888;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.f3-popup-nav {
  height: 20px;
}
.f3-popup-content-inner {
  width: 100%;
  height: 100%;
}
.f3-popup-close {
  color: #aaa;
  position: absolute;
  z-index: 4;
  right: 6px;
  top: 1px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}
.f3-popup-close:hover,
.f3-popup-close:focus {
  color: var(--body-font-colour);
  text-decoration: none;
  cursor: pointer;
}
.f3-btn {
  position: relative;
  cursor: pointer;
  padding: 5px 10px;
  overflow: hidden;
  border-width: 0;
  outline: none;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
  background-color: var(--text-color);
  color: var(--background-color);
  transition: background-color .3s;
  font-size: 14px;
}
.f3-btn:hover,
.f3-btn:focus {
  background-color: var(--background-color);
  color: var(--text-color);
}
.f3-female-bg {
  background-color: var(--female-color);
}
.f3-male-bg {
  background-color: var(--male-color);
}
.f3-genderless-bg {
  background-color: var(--genderless-color);
}
.f3-female-color {
  color: var(--female-color);
}
.f3-male-color {
  color: var(--male-color);
}
.f3-genderless-color {
  color: var(--genderless-color);
}
.f3-autocomplete-cont {
  position: relative;
  display: inline-block;
  z-index: 2;
  font-size: 14px;
  width: 200px;
}
.f3-autocomplete input {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: var(--background-color);
  color: var(--text-color);
  padding: 10px;
  width: 100%;
}
.f3-autocomplete input:focus {
  outline: none;
}
.f3-autocomplete-toggle {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  color: var(--text-color);
  transition: color 0.3s ease-in-out;
  width: 20px;
}
.f3-autocomplete-items {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-top: none;
  overflow-y: auto;
  max-height: 0;
  background-color: var(--background-color);
  transition: max-height 0.3s ease-in-out;
}
.f3-autocomplete.active .f3-autocomplete-items {
  max-height: 300px;
}
.f3-autocomplete-item > div {
  padding: 10px;
  cursor: pointer;
  background-color: var(--background-color);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.f3-autocomplete-item > div:hover,
.f3-autocomplete-item.f3-selected > div {
  background-color: var(--text-color);
  color: var(--background-color);
}
.f3-autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}
.f3-kinship-info {
  padding: 10px 20px;
}
.f3-kinship-info .f3-info-field {
  color:#b3b01e;
}
.f3-kinship-info-icon {
  cursor:pointer;
  display:inline-block;
  width:18px;
  height:18px;
  color:#04a4f4;
  position:relative;
  top:4px;
  left:2px;
}
.f3-kinship-info .f3 {
  width:100%;
  height: 100%;
  position:relative;
  background-color:rgb(33,33,33);
  color:#fff;
}
.f3 .f3-kinship-info .card-kinship-self {
  min-height: 0px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: var(--background-color) !important;
  border: solid 3px;
  color: #437fae;
  font-weight: bold;
}
.f3 .f3-kinship-info .card-kinship-self.f3-real-label {
  width: 150px;
  height: 50px;
  border-radius: 50px;
}
.f3 .f3-kinship-info .card-kinship-rel {
  min-height: 0px;
  width: 150px;
  height: 50px;
  border-radius: 50px;
  background-color: #1d3456 !important;
  font-weight: bold;
}
.f3 .f3-kinship-info .card-kinship-default {
  min-height: 0px;
  width: 150px;
  height: 50px;
  border-radius: 50px;
  background-color: var(--background-color) !important;
  border: solid 1px;
}
.f3-kinship-labels-toggle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  font-size: 12px;
}
.f3-kinship-labels-toggle label {
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 2px 5px;
}
.f3-kinship-labels-toggle input[type="checkbox"] {
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.pat-family-tree {
  --female-color: rgb(196, 138, 146);
  --male-color: rgb(120, 159, 172);
  --genderless-color: lightgray;
  --background-color: rgb(33, 33, 33);
  --text-color: #fff;
}
.flag-list {
  display: grid;
  gap: 30px;
  grid-auto-rows: 1fr;
}
@media only screen and (min-width: 1280px) {
.flag-list {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.flag-list {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@container screen style(--screen-small: true) {
.flag-list {
  grid-template-columns: 1fr 1fr;
}
}
.flag-list .flag {
  text-align: center;
}
.flag-list .flag a {
  display: block;
  font-size: 16px;
  line-height: 1.3;
}
.flag-list .flag a:before {
  width: 100%;
  aspect-ratio: 5/3;
  display: block;
  content: '';
  margin-bottom: 10px;
  background-size: cover;
  background-position: center;
  box-shadow: var(--default-box-shadow);
  background-repeat: no-repeat;
  box-sizing: border-box;
  border-radius: var(--border-radii);
  transition: all 0.15s ease-out;
}
.flag-list .flag a:hover:before {
  transform: scale(1.08);
  box-shadow: var(--default-box-shadow-hover);
}
.flag-list .de a:before {
  background-image: linear-gradient(to bottom, #000 calc(100% / 3), #d00 calc(100% / 3) calc(100% / 1.5), #fc0 calc(100% / 1.5));
}
.flag-list .at a:before {
  background-image: linear-gradient(to bottom, #ed2939 calc(100% / 3), #fff calc(100% / 3) calc(100% / 1.5), #ed2939 calc(100% / 1.5));
}
.flag-list .be a:before {
  background-image: linear-gradient(to right, #000 calc(100% / 3), #fdda24 calc(100% / 3) calc(100% / 1.5), #ef3340 calc(100% / 1.5));
}
.flag-list .bg a:before {
  background-image: linear-gradient(to bottom, #fff calc(100% / 3), #00966e calc(100% / 3) calc(100% / 1.5), #d62612 calc(100% / 1.5));
}
.flag-list .cz a {
  position: relative;
}
.flag-list .cz a:before {
  background-image: linear-gradient(#ffffff 50%, #d7141a 50%);
  background-size: 100% 100%;
  background-position: 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
}
.flag-list .cz a:after {
  content: '';
  width: 50%;
  aspect-ratio: 2.5/3;
  position: absolute;
  top: 0;
  left: 0;
  background: #11457e;
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.flag-list .ee a:before {
  background-image: linear-gradient(to bottom, #0072ce calc(100% / 3), #000 calc(100% / 3) calc(100% / 1.5), #fff calc(100% / 1.5));
}
.flag-list .fr a:before {
  background-image: linear-gradient(to right, #0055a4 calc(100% / 3), #fff calc(100% / 3) calc(100% / 1.5), #ef4135 calc(100% / 1.5));
}
.flag-list .hu a:before {
  background-image: linear-gradient(to bottom, #ce2939 calc(100% / 3), #fff calc(100% / 3) calc(100% / 1.5), #477050 calc(100% / 1.5));
}
.flag-list .ie a:before {
  background-image: linear-gradient(to right, #169b62 calc(100% / 3), #fff calc(100% / 3) calc(100% / 1.5), #ff883e calc(100% / 1.5));
}
.flag-list .it a:before {
  background-image: linear-gradient(to right, #008c45 calc(100% / 3), #f4f5f0 calc(100% / 3) calc(100% / 1.5), #cd212a calc(100% / 1.5));
}
.flag-list .lv a:before {
  background-image: linear-gradient(to bottom, #9d2235 40%, #fff 40% 60%, #9d2235 60%);
}
.flag-list .lt a:before {
  background-image: linear-gradient(to bottom, #fdb913 calc(100% / 3), #006a44 calc(100% / 3) calc(100% / 1.5), #c1272d calc(100% / 1.5));
}
.flag-list .lu a:before {
  background-image: linear-gradient(to bottom,#ef3340 calc(100% / 3),#fff calc(100% / 3) calc(100% / 1.5),#00a3e0 calc(100% / 1.5));
}
.flag-list .nl a:before {
  background-image: linear-gradient(to bottom, #ad1d25 calc(100% / 3), #fff calc(100% / 3) calc(100% / 1.5), #1e4785 calc(100% / 1.5));
}
.flag-list .pl a:before {
  background-image: linear-gradient(to bottom, #fff 0 50%, #dc143c 50% 100%);
}
.flag-list .ro a:before {
  background-image: linear-gradient(to right, #002b7f calc(100% / 3), #fcd116 calc(100% / 3) calc(100% / 1.5), #ce1126 calc(100% / 1.5));
}
.flag-list .xk a:before,
.flag-list .cs a:before {
  background-color: #244aa5;
  background-size: 70%;
  background-image: url("media/flags/flag_xk.svg");
}
.flag-list .me a:before {
  border: solid 5px #E9B528;
  background-color: #E30613;
  background-image: url("media/flags/flag_me.svg");
}
.flag-list .no a:before {
  background-image: url("media/flags/flag_no.svg");
}
.flag-list .si a:before {
  background-image: url("media/flags/flag_si.svg");
}
.flag-list .tr a:before {
  background-color: #e30a17;
  background-image: url("media/flags/flag_tr.svg");
}
.flag-list .gr a:before {
  background-size: auto 100%;
  background-position: top left;
  background-image: url("media/flags/flag_gr.svg");
}
.flag-list .il a:before {
  background-color: var(--colour-base-background);
  background-size: cover;
  background-image: url("media/flags/flag_il.svg");
}
.flag-list .ad a:before {
  background-image: url("media/flags/flag_ad.svg");
}
.flag-list .al a:before {
  background-color: #de2110;
  background-size: 70% auto;
  background-image: url("media/flags/flag_al.svg");
}
.flag-list .am a:before {
  background-image: url("media/flags/flag_am.svg");
}
.flag-list .basque a:before {
  background-image: url("media/flags/flag_basque.svg");
}
.flag-list .ba a:before {
  background-color: #161796;
  background-image: url("media/flags/flag_ba.svg");
}
.flag-list .catalonia a:before {
  background-image: url("media/flags/flag_catalonia.svg");
}
.flag-list .ch a:before {
  background-image: url("media/flags/flag_ch.svg");
  background-size: 60% auto;
  background-color: #d52b1e;
}
.flag-list .cy a:before {
  background-image: url("media/flags/flag_cy.svg");
}
.flag-list .dk a:before {
  background-image: url("media/flags/flag_dk.svg");
}
.flag-list .es a:before {
  background-image: url("media/flags/flag_es.svg");
}
.flag-list .eu a:before {
  background-color: #039;
  background-size: 85% auto;
  background-image: url("media/flags/flag_eu.svg");
}
.flag-list .fi a:before {
  background-image: url("media/flags/flag_fi.svg");
}
.flag-list .gb a:before {
  background-image: url("media/flags/flag_gb.svg");
}
.flag-list .hr a:before {
  background-image: url("media/flags/flag_hr.svg");
}
.flag-list .is a:before {
  background-image: url("media/flags/flag_is.svg");
}
.flag-list .li a:before {
  background-image: url("media/flags/flag_li.svg");
}
.flag-list .mk a:before {
  background-image: url("media/flags/flag_mk.svg");
}
.flag-list .mt a:before {
  background-position: top left;
  background-image: url("media/flags/flag_mt.svg");
}
.flag-list .pt a:before {
  background-image: url("media/flags/flag_pt.svg");
}
.flag-list .rs a:before {
  background-image: url("media/flags/flag_rs.svg");
}
.flag-list .se a:before {
  background-image: url("media/flags/flag_se.svg");
}
.flag-list .sk a:before {
  background-image: url("media/flags/flag_sk.svg");
}
.flag-list .ua a:before {
  background-image: url("media/flags/flag_ua.svg");
}
.pat-form-field-name-value-list .pat-button-bar {
  --pat-button-bar-margin-top-bottom: 0;
}
:root {
  --form-field-range-size: 20px;
  --form-field-range-track-thickness: 2px;
}
.pat-form input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  padding: 0.2em 0;
  background: transparent !important;
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 1em;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-top: calc(0.5 * var(--form-field-range-track-thickness));
}
.pat-form input[type=range]:focus {
  outline: none;
  box-shadow: none;
}
.pat-form input[type=range]::-webkit-slider-runnable-track {
  height: var(--form-field-range-track-thickness);
  background: black;
  border: none;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 1em;
}
.pat-form input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: var(--form-field-range-size);
  width: var(--form-field-range-size);
  border-radius: 50%;
  background: var(--colour-link);
  transform: translateY(-50%);
  margin-top: calc(0.5 * var(--form-field-range-track-thickness));
}
.pat-form input[type=range]::-moz-range-track {
  height: var(--form-field-range-track-thickness);
  background: black;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 1em;
}
.pat-form input[type=range]::-moz-range-thumb {
  border: none;
  height: var(--form-field-range-size);
  width: var(--form-field-range-size);
  border-radius: 50%;
  background: var(--colour-accent);
}
.pat-form input[type=range]:-moz-focusring {
  outline-offset: -1px;
}
.pat-form input[type=range]::-ms-track {
  height: 0.3em;
  background: var(--colour-base);
  border-color: transparent;
  border-width: 0.5em 0;
  color: transparent;
}
.pat-form input[type=range]::-ms-thumb {
  border: none;
  height: var(--form-field-range-size);
  width: var(--form-field-range-size);
  border-radius: 50%;
  background: var(--colour-accent);
}
.pat-form input[type=range]:focus::-ms-fill-lower {
  background: #888;
}
.pat-form input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}
.pswp {
  display: none;
  position:absolute;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}
.pswp--animate_opacity {
  opacity: 0.001;
  will-change:opacity;
  transition: opacity 333ms cubic-bezier(.4,0,.22,1);
}
.pswp--open {
  display: block;
}
.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.pswp--dragging  .pswp__img {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change:opacity;
}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow:hidden;
}
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  transition: transform 333ms cubic-bezier(.4,0,.22,1);
}
.pswp__bg {
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(.4,0,.22,1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}
.pswp__img--placeholder--blank {
  background: #222;
}
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/assets/main/style/photoswipe/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1),  (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
  background-image: url(/assets/main/style/photoswipe/default-skin.svg);
}
}
@media (-webkit-min-device-pixel-ratio: 1.1),  (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
  background: none;
}
}
.pswp__button--close {
  background-position: 0 -44px;
}
.pswp__button--share {
  background-position: -44px -44px;
}
.pswp__button--fs {
  display: none;
}
.pswp--supports-fs .pswp__button--fs {
  display: block;
}
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}
.pswp__button--arrow--left {
  left: 0;
}
.pswp__button--arrow--right {
  right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0,0,0,0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__share-modal--hidden {
  display: none;
}
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}
a.pswp__share--download:hover {
  background: #DDD;
}
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}
.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}
body[dir=rtl] .pswp__caption__center {
  text-align: right;
}
.pswp__caption--empty {
  display: none;
}
.pswp__caption--fake {
  visibility: hidden;
}
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}
.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  background: url(/assets/main/style/photoswipe/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
  position: relative;
  left: auto;
  top: auto;
  margin: 0;
  float: right;
}
}
@keyframes clockwise {

  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}
@keyframes donut-rotate {

  0% { transform: rotate(0) }
  50% { transform: rotate(-140deg) }
  100% { transform: rotate(0) }
}
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(.4,0,.22,1);
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0,0,0,0.5);
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0,0,0,0.3);
}
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  opacity: 0.001;
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}
.pswp__element--disabled {
  display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}
.pswp {
  z-index: 9999;
}
.pswp img[src*=".svg"] {
  background: var(--colour-base-background);
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right: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);
  background: rgba(0, 0, 0, 0.3) !important;
  border-radius: var(--border-radii);
  color: white;
  text-align: center;
  font-size: 15px;
  font-family: fontello;
}
.pswp__button--arrow--left:before:hover,
.pswp__button--arrow--right:before:hover {
  background: rgba(0, 0, 0, 0.6) !important;
}
.pswp__button--arrow--left:before {
  content: var(--glyph-left-big);
}
.pswp__button--arrow--right:before {
  content: var(--glyph-right-big);
}
.pswp__bg {
  background-color: rgba(255,255,255,0.95);
}
.backdropfilter .pswp__bg {
  background-color: rgba(255,255,255,0.15);
  -webkit-backdrop-filter: blur(100px) saturate(4) brightness(1.2);
  backdrop-filter: blur(100px) saturate(4) brightness(1.2);
}
.pswp__counter {
  color: var(--body-font-colour);
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background: none;
}
.pswp__ui--fit .pswp__top-bar .pswp__caption__center,
.pswp__ui--fit .pswp__caption .pswp__caption__center {
  text-align: center;
  color: var(--body-font-colour);
}
.row,
.columns {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  margin: 0 calc(-1 * var(--grid-gutter));
}
.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 calc(-1 * var(--grid-gutter));
}
.row.collapse .column,
.row.collapse .columns {
  padding: 0;
}
.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 calc(-1 * var(--grid-gutter));
}
.row .row.collapse {
  margin: 0;
}
.column,
.columns {
  float: left;
  min-height: 1px;
  padding: 0 var(--grid-gutter);
  position: relative;
}
.column > .panel,
.columns > .panel {
  height: 100%;
  box-sizing: border-box;
}
.column.centered,
.columns.centered {
  float: none;
  margin: 0 auto;
}
[class*="column"] + [class*="column"]:last-child {
  float: right;
}
[class*="column"] + [class*="column"].end {
  float: left;
}
.one,
.row .one {
  width: 8.33333%;
}
.two,
.row .two {
  width: 16.66667%;
}
.three,
.row .three {
  width: 25%;
}
.four,
.row .four {
  width: 33.33333%;
}
.five,
.row .five {
  width: 41.66667%;
}
.six,
.row .six {
  width: 50%;
}
.seven,
.row .seven {
  width: 58.33333%;
}
.eight,
.row .eight {
  width: 66.66667%;
}
.nine,
.row .nine {
  width: 75%;
}
.ten,
.row .ten {
  width: 83.33333%;
}
.eleven,
.row .eleven {
  width: 91.66667%;
}
.twelve {
  width: 100%;
}
.row .twelve {
  width: 100%;
}
.row .offset-by-one {
  margin-left: 8.33333%;
}
.row .offset-by-two {
  margin-left: 16.66667%;
}
.row .offset-by-three {
  margin-left: 25%;
}
.row .offset-by-four {
  margin-left: 33.33333%;
}
.row .offset-by-five {
  margin-left: 41.66667%;
}
.row .offset-by-six {
  margin-left: 50%;
}
.row .offset-by-seven {
  margin-left: 58.33333%;
}
.row .offset-by-eight {
  margin-left: 66.66667%;
}
.row .offset-by-nine {
  margin-left: 75%;
}
.row .offset-by-ten {
  margin-left: 83.33333%;
}
.push-two {
  left: 16.66667%;
}
.pull-two {
  right: 16.66667%;
}
.push-three {
  left: 25%;
}
.pull-three {
  right: 25%;
}
.push-four {
  left: 33.33333%;
}
.pull-four {
  right: 33.33333%;
}
.push-five {
  left: 41.66667%;
}
.pull-five {
  right: 41.66667%;
}
.push-six {
  left: 50%;
}
.pull-six {
  right: 50%;
}
.push-seven {
  left: 58.33333%;
}
.pull-seven {
  right: 58.33333%;
}
.push-eight {
  left: 66.66667%;
}
.pull-eight {
  right: 66.66667%;
}
.push-nine {
  left: 75%;
}
.pull-nine {
  right: 75%;
}
.push-ten {
  left: 83.33333%;
}
.pull-ten {
  right: 83.33333%;
}
.row {
  *zoom: 1;
}
.row:before {
  content: " ";
  display: table;
}
.row:after {
  content: " ";
  display: table;
  clear: both;
}
@media only screen and (max-width: 767px) {
body {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  min-width: 0;
  margin-left: 0;
  margin-right: 0;
}
}
@media only screen and (max-width: 767px) {
.row,
.row .row {
  width: auto;
  margin: 0;
  min-width: 0;
}
}
@media only screen and (max-width: 767px) {
.column,
.columns {
  width: auto !important;
  float: none;
  padding: 0;
}
}
@media only screen and (max-width: 767px) {
.column:last-child,
.columns:last-child,
[class*="column"] + [class*="column"]:last-child {
  float: none;
}
}
@media only screen and (max-width: 767px) {
.column:before,
.columns:before,
.column:after,
.columns:after {
  content: "";
  display: table;
}
}
@media only screen and (max-width: 767px) {
.column:after,
.columns:after {
  clear: both;
}
}
@media only screen and (max-width: 767px) {
.offset-by-one,
.offset-by-two,
.offset-by-three,
.offset-by-four,
.offset-by-five,
.offset-by-six,
.offset-by-seven,
.offset-by-eight,
.offset-by-nine,
.offset-by-ten {
  margin-left: 0 !important;
}
}
@media only screen and (max-width: 767px) {
.push-two,
.push-three,
.push-four,
.push-five,
.push-six,
.push-seven,
.push-eight,
.push-nine,
.push-ten {
  left: auto;
}
}
@media only screen and (max-width: 767px) {
.pull-two,
.pull-three,
.pull-four,
.pull-five,
.pull-six,
.pull-seven,
.pull-eight,
.pull-nine,
.pull-ten {
  right: auto;
}
}
.pat-grid-list {
  margin-bottom: 2em;
  margin-top: 0;
  width: 100%;
  border-bottom: 1px solid var(--default-border-colour);
  position: relative;
  --grid-list-row-pad: 0.5em;
}
.pat-grid-list.hd {
  font-size: 0.8em;
  --grid-list-row-pad: 0.1em;
}
.pat-grid-list.hd dt,
.pat-grid-list.hd dd {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
@media only screen and (min-width: 769px) {
.pat-grid-list {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 30% 70%;
}
}
@media print {
.pat-grid-list {
  display: grid;
  grid-column-gap: 0;
  grid-template-columns: 30% 70%;
}
}
.pat-grid-list dt[class*='priority-']:before,
.pat-grid-list dt .priority[class*='priority-']:before,
.pat-grid-list dd[class*='priority-']:before,
.pat-grid-list dd .priority[class*='priority-']:before {
  display: inline-block;
  margin-right: 0.2em;
  font-weight: bold;
  color: red;
}
.pat-grid-list dt.priority-high:before,
.pat-grid-list dt .priority.priority-high:before,
.pat-grid-list dd.priority-high:before,
.pat-grid-list dd .priority.priority-high:before {
  content: '!!!';
}
.pat-grid-list dt.priority-medium:before,
.pat-grid-list dt .priority.priority-medium:before,
.pat-grid-list dd.priority-medium:before,
.pat-grid-list dd .priority.priority-medium:before {
  content: '!!';
}
.pat-grid-list dt.priority-low:before,
.pat-grid-list dt .priority.priority-low:before,
.pat-grid-list dd.priority-low:before,
.pat-grid-list dd .priority.priority-low:before {
  content: '!';
}
.pat-grid-list dt {
  font-weight: bold;
  border-top: 1px solid var(--default-border-colour);
  padding-top: var(--grid-list-row-pad, 0.5em);
}
@media only screen and (min-width: 769px) {
.pat-grid-list dt {
  padding-right: 2%;
  padding-bottom: 0.5em;
  border-top: none;
}
}
@container screen style(--screen-small: true) {
.pat-grid-list dt {
  width: 100%;
  float: none;
  display: block;
  margin: 0;
  overflow: hidden;
  clear: left;
}
}
@media print {
.pat-grid-list dt {
  display: block;
  width: 100%;
  border: none;
}
}
.pat-grid-list dd {
  margin-bottom: 0;
  padding-top: var(--grid-list-row-pad, 0.5em);
  padding-bottom: 0.5em;
  margin-left: 0;
}
.pat-grid-list dd:has(.functions) {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "value functions";
  grid-auto-rows: auto;
  grid-auto-flow: dense;
  gap: 15px;
}
@media print {
.pat-grid-list dd {
  display: block;
  border: none;
  clear: both;
  width: 100%;
}
}
@media print {
.pat-grid-list dd::before {
  display: none;
}
}
.pat-grid-list dd > * {
  grid-area: value;
}
.pat-grid-list dd > .functions {
  grid-area: functions;
  align-self: start;
  justify-self: end;
  gap: 10px;
  display: flex;
  flex-wrap: nowrap;
}
.pat-grid-list dd .item-info-card {
  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);
}
@container screen style(--screen-small: true) {
.pat-grid-list dd .item-info-card {
  --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-grid-list dd .item-info-card.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-grid-list dd .item-info-card .well-intro {
  margin-bottom: 2.5rem;
}
.pat-grid-list dd .item-info-card .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-grid-list dd .item-info-card .well-title-group .quaive-page-head {
  zoom: 0.7;
  margin-top: calc(-1 * var(--page-head-icon-margin-top));
}
.pat-grid-list dd .item-info-card .well-title-group .quaive-page-head img {
  margin: 0;
}
.pat-grid-list dd .item-info-card .well-title-group .pat-toolbar {
  margin: 0;
  width: auto;
}
.pat-grid-list dd .item-info-card .well-title-group:has(.pat-toolbar),
.pat-grid-list dd .item-info-card .well-title-group:has(.buttons) {
  grid-template-columns: minmax(0, auto) minmax(0, auto);
}
.pat-grid-list dd .item-info-card .well-title-group:not(:has(.pat-toolbar)) {
  grid-template-columns: minmax(0, auto) var(--collapsible-button-height);
}
.pat-grid-list dd .item-info-card .well-title-group.collapsible-open:not(:has(.pat-toolbar)):after,
.pat-grid-list dd .item-info-card .well-title-group.collapsible-closed:not(:has(.pat-toolbar)):after {
  font-family: fontello;
  content: var(--glyph-down-open);
  font-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-grid-list dd .item-info-card .well-title-group.collapsible-open:not(:has(.pat-toolbar)).collapsible-open::after,
.pat-grid-list dd .item-info-card .well-title-group.collapsible-closed:not(:has(.pat-toolbar)).collapsible-open::after {
  content: var(--glyph-up-open);
}
.pat-grid-list dd .item-info-card .well-title-group.collapsible-open:not(:has(.pat-toolbar)):hover:after,
.pat-grid-list dd .item-info-card .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-grid-list dd .item-info-card .well-title-group input.well-header {
  margin-left: -10px;
}
.pat-grid-list dd .item-info-card .well-title-group .pat-toolbar {
  justify-self: end;
}
.pat-grid-list dd .item-info-card .well-title-group .buttons {
  display: flex;
  gap: var(--pat-well-header-element-gap);
  justify-self: end;
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .pat-button {
  --pat-button-height: var(--collapsible-button-height);
}
.pat-grid-list dd .item-info-card .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;
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon:after {
  font-family: fontello;
  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;
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon:hover {
  background-color: var(--pat-button-background-colour-hover);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon:hover:after {
  color: var(--pat-button-text-colour-hover);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.tooltip-active-click {
  background-color: var(--colour-accent);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.tooltip-active-click:after {
  color: white;
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.help:after {
  content: var(--glyph-help);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.add:after {
  content: var(--glyph-plus);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.download:after {
  content: var(--glyph-download);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.settings:after {
  content: var(--glyph-cog);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.edit:after {
  content: var(--glyph-pencil);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.more:after {
  content: var(--glyph-ellipsis);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.more:after {
  content: var(--glyph-ellipsis);
  line-height: calc(var(--collapsible-button-height) + 3px);
}
.pat-grid-list dd .item-info-card .well-title-group .well-header {
  margin-bottom: 0;
}
.pat-grid-list dd .item-info-card .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-grid-list dd .item-info-card .well-header h2,
.pat-grid-list dd .item-info-card .well-header .title-fragment {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.pat-grid-list dd .item-info-card .well-header:before {
  text-align: center;
  align-self: center;
  width: 1.3em;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1 / 1;
}
.pat-grid-list dd .item-info-card .well-header .pat-avatar,
.pat-grid-list dd .item-info-card .well-header .icon {
  float: left;
  width: 33px;
  height: 33px;
  padding: 0;
  margin-right: 0;
  font-size: 0.7em;
  font-size: 12px;
}
.pat-grid-list dd .item-info-card .well-header .icon {
  border-radius: calc(0.5 * var(--border-radii));
}
.pat-grid-list dd .item-info-card .well-header svg.icon {
  border: var(--default-border);
  fill: var(--app-tile-icon-colour, var(--app-colour)) !important;
}
.pat-grid-list dd .item-info-card .well-header svg.icon.app-icon * {
  fill: var(--app-tile-icon-colour, var(--app-colour)) !important;
}
.pat-grid-list dd .item-info-card .well-separation-header {
  margin-bottom: 1em;
  margin-top: 1.5em;
  font-size: var(--pat-well-separation-header-font-size);
  font-weight: bold;
}
.pat-grid-list dd .item-info-card .well-separation-header:first-child {
  margin-top: 0;
}
.pat-grid-list dd .item-info-card > .well-header,
.pat-grid-list dd .item-info-card > .well-title-group {
  gap: var(--pat-well-header-element-gap);
  padding-bottom: var(--pat-well-padding-top);
}
.pat-grid-list dd .item-info-card > .well-header {
  margin-bottom: 0;
}
.pat-grid-list dd .item-info-card.pat-collapsible {
  transition: padding var(--base-animation-duration);
  padding: 0;
}
.pat-grid-list dd .item-info-card.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-grid-list dd .item-info-card.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-grid-list dd .item-info-card.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-grid-list dd .item-info-card.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-grid-list dd .item-info-card.pat-collapsible > .well-header:after {
  margin-left: auto;
}
body[dir=rtl] .pat-grid-list dd .item-info-card.pat-collapsible > .well-header:after {
  margin-left: 0;
  margin-right: auto;
}
.pat-grid-list dd .item-info-card.pat-collapsible > .well-header:not(:has(.pat-toolbar)):after {
  font-family: fontello;
  content: var(--glyph-down-open);
  font-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-grid-list dd .item-info-card.pat-collapsible > .well-header:not(:has(.pat-toolbar)).collapsible-open::after {
  content: var(--glyph-up-open);
}
.pat-grid-list dd .item-info-card.pat-collapsible > .well-header:not(:has(.pat-toolbar)):hover:after {
  background-color: var(--button-background-colour-hover);
  color: var(--button-text-colour-hover);
}
.pat-grid-list dd .item-info-card.pat-collapsible .panel-content > *:last-child {
  margin-bottom: 0;
}
.pat-grid-list dd .item-info-card.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-grid-list dd .item-info-card.pat-collapsible > .panel-content {
  padding: 0 var(--pat-well-padding-small) var(--pat-well-padding-small);
}
}
.pat-grid-list dd .item-info-card form > fieldset:last-child,
.pat-grid-list dd .item-info-card form > fieldset:last-child > .button-bar:last-child {
  margin-bottom: 0;
}
.pat-grid-list dd .item-info-card > *:last-child {
  margin-bottom: 0;
}
@container screen style(--screen-small: true) {
.pat-grid-list dd .item-info-card {
  padding: 20px;
}
}
.pat-grid-list dd .item-info-card.success {
  background-color: var(--colour-success-background);
}
.pat-grid-list dd .item-info-card.success input {
  color: var(--body-font-colour);
}
.pat-grid-list dd .item-info-card.notice {
  background-color: var(--colour-notice-background);
}
.pat-grid-list dd .item-info-card.warning {
  background-color: var(--colour-warning-background);
}
.pat-grid-list dd .item-info-card.warning input {
  color: var(--body-font-colour);
}
.pat-grid-list dd .item-info-card.info {
  background-color: var(--colour-info-background);
}
.pat-grid-list dd .item-info-card.success input,
.pat-grid-list dd .item-info-card.success textarea,
.pat-grid-list dd .item-info-card.success select,
.pat-grid-list dd .item-info-card.warning input,
.pat-grid-list dd .item-info-card.warning textarea,
.pat-grid-list dd .item-info-card.warning select {
  background-color: rgba(0,0,0,0.3);
  outline: white 1px solid;
}
.pat-grid-list dd .item-info-card.success select,
.pat-grid-list dd .item-info-card.warning select {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgLTEuNDk2IDEyIDEwIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIC0xLjQ5NiAxMiAxMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCwwIDQuMjA1LDcuMDA5IDguNDEsMCAiLz4NCjwvc3ZnPg0K);
}
.pat-grid-list dd .item-info-card {
  padding: 1rem;
  margin-bottom: 0;
}
.pat-grid-list dd .item-info-card .title {
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.pat-grid-list dd .item-info-card .tag-cloud {
  margin-top: 5px;
}
.pat-grid-list dd .item-info-card > *:last-child {
  margin-bottom: 0;
}
.pat-grid-list dd .item-info-card .meta {
  margin-top: 5px;
  font-weight: normal;
  color: var(--colour-byline);
  width: 100%;
}
.pat-grid-list dd .item-info-card .meta:last-child {
  margin-bottom: 0;
}
@container screen style(--screen-small: true) {
.pat-grid-list dd .item-info-card .meta {
  display: inline;
}
}
@media only screen and (min-width: 769px) {
.pat-grid-list dd .item-info-card .meta .meta-item {
  border-left: 1px solid var(--colour-byline);
  padding: 0 0.2em;
  display: inline-block;
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .pat-grid-list dd .item-info-card .meta .meta-item {
  border-left: none;
  border-right: 1px solid var(--colour-byline);
}
}
@media only screen and (min-width: 769px) {
.pat-grid-list dd .item-info-card .meta .meta-item:before {
  content: '  ';
  display: inline;
}
}
@media only screen and (min-width: 769px) {
.pat-grid-list dd .item-info-card .meta .meta-item:first-child {
  padding-left: 0;
  border-left: none;
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .pat-grid-list dd .item-info-card .meta .meta-item:first-child {
  padding-left: revert;
  padding-right: 0;
  border-right: none;
}
}
@media only screen and (min-width: 769px) {
.pat-grid-list dd .item-info-card .meta .meta-item:first-child:before {
  display: none;
}
}
@container screen style(--screen-small: true) {
.pat-grid-list dd .item-info-card .meta .meta-item:after {
  content: ', ';
}
}
.pat-grid-list dd > *:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 769px) {
.pat-grid-list dd {
  border-top: none;
}
}
@media only screen and (min-width: 769px) {
.pat-grid-list dd::before {
  content: '';
  position: absolute;
  inset-inline: 0;
  top: auto;
  translate: 0 calc(-1 * var(--grid-list-row-pad, 0.5em));
  border-top: 1px solid var(--default-border-colour);
}
}
@container screen style(--screen-small: true) {
.pat-grid-list dd {
  width: 100%;
  float: none;
  display: block;
  border: none;
  overflow: hidden;
}
}
@container screen style(--screen-small: true) {
#user-data-view .pat-grid-list dd {
  padding-left: 30px;
  box-sizing: border-box;
}
}
label.pat-checklist {
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: 
		"icon label"
		".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  font-size: var(--pat-checklist-font-size);
  padding-left: 1.1em;
  padding-right: 0.5em;
  position: relative;
}
body[dir=rtl] label.pat-checklist {
  padding-left: var(--pat-checklist-label-padding-end);
}
label.pat-checklist > * {
  grid-area: label;
}
label.pat-checklist:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
label.pat-checklist:has(input[type="checkbox"]):before,
label.pat-checklist:has(input[type="radio"]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: '';
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
label.pat-checklist:has(input[type="radio"]):before {
  border-radius: 50%;
}
label.pat-checklist:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: var(--glyph-ok);
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
label.pat-checklist:has([disabled]):has(input[type="checkbox"]):before,
label.pat-checklist:has([disabled]):has(input[type="radio"]):before,
label.pat-checklist:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
label.pat-checklist:has([disabled]) .label-fragment-description:has(input[type="radio"]):before {
  background-color: rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.3);
  box-shadow: none;
}
label.pat-checklist .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
  display: block;
}
label.pat-checklist .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0,0,0,0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
label.pat-checklist .label-fragment-description > * {
  color: var(--body-font-colour);
}
label.pat-checklist input[type="checkbox"],
label.pat-checklist input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  grid-area: icon;
}
.pat-checklist:not(.free-form) {
  line-height: var(--pat-checklist-line-height);
  min-height: 0.7em;
  margin-bottom: var(--pat-checklist-margin-bottom);
}
form.vertical .pat-checklist:not(.free-form) > legend,
form fieldset.vertical .pat-checklist:not(.free-form) > legend,
form.vertical .pat-checklist:not(.free-form) > .legend,
form fieldset.vertical .pat-checklist:not(.free-form) > .legend {
  margin-bottom: calc(2 * var(--pat-checklist-item-separation));
}
.pat-checklist:not(.free-form).truncated .label-fragment-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pat-checklist:not(.free-form) .pat-checklist-sub {
  padding-left: 1em;
  padding-bottom: 1em;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label,
.pat-checklist:not(.free-form) .pat-checklist-sub .label,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label {
  display: block;
  position: relative;
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: 
				"icon label"
				".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  font-size: var(--pat-checklist-font-size);
  margin-top: var(--pat-checklist-item-separation);
  margin-bottom: var(--pat-checklist-item-separation);
  white-space: normal;
}
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > label,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > li > label {
  padding-left: var(--pat-checklist-label-padding-end);
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label > *,
.pat-checklist:not(.free-form) .pat-checklist-sub .label > *,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label > * {
  grid-area: label;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(:focus):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(:focus):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input[type="radio"]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: '';
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input[type="radio"]):before {
  border-radius: 50%;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input:checked):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input:checked):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: var(--glyph-ok);
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]):has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]):has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]):has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]):has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]):has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]):has(input[type="radio"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before {
  background-color: rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.3);
  box-shadow: none;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label .label-fragment-title,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-title,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
  display: block;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0,0,0,0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label .label-fragment-description > *,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-description > *,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label .label-fragment-description > * {
  color: var(--body-font-colour);
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label input[type="checkbox"],
.pat-checklist:not(.free-form) .pat-checklist-sub > label input[type="radio"],
.pat-checklist:not(.free-form) .pat-checklist-sub .label input[type="checkbox"],
.pat-checklist:not(.free-form) .pat-checklist-sub .label input[type="radio"],
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label input[type="checkbox"],
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  grid-area: icon;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:after,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:after,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:after {
  content: " ";
  display: table;
  clear: both;
}
.pat-checklist:not(.free-form) > br {
  display: none;
}
.pat-checklist:not(.free-form):not(.free-form) > label,
.pat-checklist:not(.free-form):not(.free-form) .label,
.pat-checklist:not(.free-form):not(.free-form) li > label {
  display: block;
  position: relative;
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: 
				"icon label"
				".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  font-size: var(--pat-checklist-font-size);
  margin-top: var(--pat-checklist-item-separation);
  margin-bottom: var(--pat-checklist-item-separation);
  white-space: normal;
  font-weight: var(--font-weight-normal);
  break-inside: avoid;
}
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) > label,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li > label {
  padding-left: var(--pat-checklist-label-padding-end);
}
.pat-checklist:not(.free-form):not(.free-form) > label > *,
.pat-checklist:not(.free-form):not(.free-form) .label > *,
.pat-checklist:not(.free-form):not(.free-form) li > label > * {
  grid-area: label;
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(:focus):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(:focus):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) > label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input[type="radio"]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: '';
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input[type="radio"]):before {
  border-radius: 50%;
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(input:checked):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input:checked):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: var(--glyph-ok);
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
.pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]):has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]):has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]):has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]):has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]):has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]):has(input[type="radio"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before {
  background-color: rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.3);
  box-shadow: none;
}
.pat-checklist:not(.free-form):not(.free-form) > label .label-fragment-title,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-title,
.pat-checklist:not(.free-form):not(.free-form) li > label .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
  display: block;
}
.pat-checklist:not(.free-form):not(.free-form) > label .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) li > label .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0,0,0,0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
.pat-checklist:not(.free-form):not(.free-form) > label .label-fragment-description > *,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-description > *,
.pat-checklist:not(.free-form):not(.free-form) li > label .label-fragment-description > * {
  color: var(--body-font-colour);
}
.pat-checklist:not(.free-form):not(.free-form) > label input[type="checkbox"],
.pat-checklist:not(.free-form):not(.free-form) > label input[type="radio"],
.pat-checklist:not(.free-form):not(.free-form) .label input[type="checkbox"],
.pat-checklist:not(.free-form):not(.free-form) .label input[type="radio"],
.pat-checklist:not(.free-form):not(.free-form) li > label input[type="checkbox"],
.pat-checklist:not(.free-form):not(.free-form) li > label input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  grid-area: icon;
}
.pat-checklist:not(.free-form):not(.free-form) > label:first-of-type,
.pat-checklist:not(.free-form):not(.free-form) .label:first-of-type,
.pat-checklist:not(.free-form):not(.free-form) li > label:first-of-type {
  margin-top: 0;
}
.pat-checklist:not(.free-form).cloud label {
  display: inline-grid;
  margin-right: 1em;
}
.pat-checklist:not(.free-form):has(input[type="radio"]) label:has(input:checked):before,
.pat-checklist:not(.free-form):has(input[type="radio"]) .label:has(input:checked):before,
.pat-checklist:not(.free-form).radio-bars label:has(input:checked):before,
.pat-checklist:not(.free-form).radio-bars .label:has(input:checked):before {
  content: '';
  box-shadow: var(--pat-checklist-checkbox-box-shadow-radio-checked);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]) {
  color: rgba(0,0,0,0.5);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):before {
  font-family: fontello;
  content: var(--glyph-eye-off);
  text-decoration: none;
  background-color: transparent;
  color: rgba(0,0,0,0.5);
  font-size: 1.3rem;
  box-shadow: none;
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):hover {
  color: var(--body-font-colour);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):hover:before {
  color: var(--body-font-colour);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):has(input:checked) {
  color: var(--body-font-colour);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):has(input:checked):before {
  color: var(--body-font-colour);
  content: var(--glyph-eye);
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form),
.pat-checklist:not(.free-form).bars:not(.free-form) {
  --pat-checklist-label-padding-start: 50px;
  border-radius: var(--border-radii);
  box-shadow: inset 0 1px 6px rgba(0,0,0,0.15);
  padding: 5px 5px 0 5px;
  background: var(--colour-base);
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label,
.pat-checklist:not(.free-form).bars:not(.free-form) > label,
.pat-checklist:not(.free-form).bars:not(.free-form) > .label {
  border-radius: calc(0.75 * var(--border-radii));
  padding: 0.6em 0.6em 0.6em 0;
  margin-bottom: 5px;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label input[type="checkbox"],
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label input[type="radio"],
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label input[type="checkbox"],
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label input[type="radio"],
.pat-checklist:not(.free-form).bars:not(.free-form) > label input[type="checkbox"],
.pat-checklist:not(.free-form).bars:not(.free-form) > label input[type="radio"],
.pat-checklist:not(.free-form).bars:not(.free-form) > .label input[type="checkbox"],
.pat-checklist:not(.free-form).bars:not(.free-form) > .label input[type="radio"] {
  grid-area: icon;
  width: 100%;
  justify-self: center !important;
  align-self: center;
  grid-row: 1/-1 !important;
  top: auto !important;
  transform: none !important;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label .label-fragment-description,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label .label-fragment-description,
.pat-checklist:not(.free-form).bars:not(.free-form) > label .label-fragment-description,
.pat-checklist:not(.free-form).bars:not(.free-form) > .label .label-fragment-description {
  margin-bottom: 0;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:before,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label:before,
.pat-checklist:not(.free-form).bars:not(.free-form) > label:before,
.pat-checklist:not(.free-form).bars:not(.free-form) > .label:before {
  justify-self: center !important;
  align-self: center;
  grid-row: 1 / -1 !important;
  top: auto !important;
  transform: none !important;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:hover,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label:hover,
.pat-checklist:not(.free-form).bars:not(.free-form) > label:hover,
.pat-checklist:not(.free-form).bars:not(.free-form) > .label:hover {
  background: rgba(0,0,0,0.05);
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:has(input:checked),
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label:has(input:checked),
.pat-checklist:not(.free-form).bars:not(.free-form) > label:has(input:checked),
.pat-checklist:not(.free-form).bars:not(.free-form) > .label:has(input:checked) {
  background: var(--colour-accent);
  color: white;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:has(input:checked) > *,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label:has(input:checked) > *,
.pat-checklist:not(.free-form).bars:not(.free-form) > label:has(input:checked) > *,
.pat-checklist:not(.free-form).bars:not(.free-form) > .label:has(input:checked) > * {
  color: white;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:has(input:checked):before,
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > .label:has(input:checked):before,
.pat-checklist:not(.free-form).bars:not(.free-form) > label:has(input:checked):before,
.pat-checklist:not(.free-form).bars:not(.free-form) > .label:has(input:checked):before {
  color: var(--body-font-colour);
}
.pat-checklist:not(.free-form) fieldset.composed {
  padding-left: 0;
  margin-bottom: 0;
  position: relative;
}
.pat-checklist:not(.free-form) .additional-meta-data {
  position: relative;
  float: right;
  width: 70%;
  right: -100%;
  top: 0;
  opacity: 0;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  height: 0;
}
.sidebar-large .pat-checklist:not(.free-form) .additional-meta-data {
  right: 0%;
  opacity: 1;
  height: auto;
}
.pat-checklist:not(.free-form) .meta-column {
  width: 0%;
  overflow: hidden;
  -moz-transition: width 1s;
  -webkit-transition: width 1s;
  transition: width 1s;
  float: right;
  padding: 0 0.5em;
  margin: 0;
  box-sizing: border-box;
}
.item-selector .pat-checklist:not(.free-form) .meta-column {
  padding: 1.2em 0.5em 1em;
}
.pat-checklist:not(.free-form) .meta-column.tag-cloud {
  width: 40%;
}
.sidebar-large .pat-checklist:not(.free-form) .meta-column {
  width: 30%;
}
.sidebar-large .pat-checklist:not(.free-form) .meta-column.tag-cloud {
  width: 40%;
}
.file-upload-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.pat-form fieldset.vertical .file-upload-button {
  display: inline-block;
}
.file-upload-button:has(:focus) {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.file-upload-button input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
  opacity: 0;
}
@container screen style(--screen-small: true) {
.pat-form {
  --pat-form-panel-padding: var(--pat-form-panel-padding-small);
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.pat-form {
  --pat-form-panel-padding: var(--pat-form-panel-padding-medium);
}
}
@media only screen and (min-width: 1280px) {
.pat-form {
  --pat-form-panel-padding: var(--pat-form-panel-padding-large);
}
}
.pat-form section.help .panel-content {
  padding-bottom: 2em;
}
.pat-form p.instruction .pat-message {
  margin: 1em 0 0;
}
.pat-form .form-separation-title,
.pat-form .form-separation-header,
.pat-form .form-panel-title {
  margin: 2rem 0 1rem;
  font-size: 28px;
  font-weight: normal;
}
.pat-form .form-panel {
  padding: var(--pat-form-panel-padding);
  box-sizing: border-box;
  box-shadow: var(--default-box-shadow);
  border-radius: var(--border-radii);
  background-color: var(--pat-form-panel-background-colour);
  margin-bottom: var(--default-tail-white);
}
.pat-form .form-panel .panel-content > *:last-child {
  margin-bottom: 0;
}
.pat-form .form-panel .panel-content > .button-bar:last-child {
  margin-bottom: -10px;
}
.pat-form .form-panel .form-separation-header,
.pat-form .form-panel .form-panel-title {
  margin-top: 0;
  transition: padding 0.4s;
}
.pat-form .form-panel.pat-collapsible {
  transition: padding 0.4s;
  padding: 0;
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .pat-toolbar {
  justify-self: end;
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons {
  display: flex;
  gap: var(--pat-well-header-element-gap);
  justify-self: end;
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .pat-button {
  --pat-button-height: var(--collapsible-button-height);
}
.pat-form .form-panel.pat-collapsible .form-panel-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;
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon:after {
  font-family: fontello;
  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;
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon:hover {
  background-color: var(--pat-button-background-colour-hover);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon:hover:after {
  color: var(--pat-button-text-colour-hover);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.tooltip-active-click {
  background-color: var(--colour-accent);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.tooltip-active-click:after {
  color: white;
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.help:after {
  content: var(--glyph-help);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.add:after {
  content: var(--glyph-plus);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.download:after {
  content: var(--glyph-download);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.settings:after {
  content: var(--glyph-cog);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.edit:after {
  content: var(--glyph-pencil);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.more:after {
  content: var(--glyph-ellipsis);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.more:after {
  content: var(--glyph-ellipsis);
  line-height: calc(var(--collapsible-button-height) + 3px);
}
.pat-form .form-panel.pat-collapsible .form-separation-header,
.pat-form .form-panel.pat-collapsible .form-panel-title {
  padding-right: 50px;
  padding-left: var(--pat-form-panel-padding);
  position: relative;
  margin: 0;
}
body[dir=rtl] .pat-form .form-panel.pat-collapsible .form-separation-header,
body[dir=rtl] .pat-form .form-panel.pat-collapsible .form-panel-title {
  padding-left: 50px;
  padding-right: var(--pat-form-panel-padding);
}
.pat-form .form-panel.pat-collapsible .form-separation-header:after,
.pat-form .form-panel.pat-collapsible .form-panel-title:after {
  font-family: fontello;
  content: var(--glyph-down-open);
  font-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-form .form-panel.pat-collapsible .form-separation-header.collapsible-open::after,
.pat-form .form-panel.pat-collapsible .form-panel-title.collapsible-open::after {
  content: var(--glyph-up-open);
}
.pat-form .form-panel.pat-collapsible .form-separation-header:hover:after,
.pat-form .form-panel.pat-collapsible .form-panel-title:hover:after {
  background-color: var(--button-background-colour-hover);
  color: var(--button-text-colour-hover);
}
.pat-form .form-panel.pat-collapsible.open,
.pat-form .form-panel.pat-collapsible.closed.in-progress {
  transition: box-shadow 2s;
}
.pat-form .form-panel.pat-collapsible.open .form-separation-header,
.pat-form .form-panel.pat-collapsible.open .form-panel-title,
.pat-form .form-panel.pat-collapsible.closed.in-progress .form-separation-header,
.pat-form .form-panel.pat-collapsible.closed.in-progress .form-panel-title {
  padding-top: var(--pat-form-panel-padding);
  padding-bottom: var(--pat-form-panel-padding);
}
.pat-form .form-panel.pat-collapsible.closed:hover {
  box-shadow: var(--pat-form-panel-box-shadow-hover);
}
.pat-form .form-panel.pat-collapsible.closed .form-separation-header,
.pat-form .form-panel.pat-collapsible.closed .form-panel-title,
.pat-form .form-panel.pat-collapsible.open.in-progress .form-separation-header,
.pat-form .form-panel.pat-collapsible.open.in-progress .form-panel-title {
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: var(--border-radii);
}
.pat-form .form-panel.pat-collapsible.closed .form-separation-header:after,
.pat-form .form-panel.pat-collapsible.closed .form-panel-title:after,
.pat-form .form-panel.pat-collapsible.open.in-progress .form-separation-header:after,
.pat-form .form-panel.pat-collapsible.open.in-progress .form-panel-title:after {
  content: var(--glyph-down-open);
}
.pat-form .form-panel.pat-collapsible .panel-content {
  padding: 0 var(--pat-form-panel-padding) var(--pat-form-panel-padding);
  box-sizing: border-box;
}
.pat-form .pat-message,
.pat-form .message {
  color: var(--body-font-colour);
  padding: var(--pat-message-padding);
  background-color: var(--colour-base);
  border-radius: var(--border-radii);
  line-height: 1.3;
  font-family: var(--body-font-family);
  box-shadow: var(--pat-message-box-shadow, 0 0 0 1px var(--pat-message-box-shadow-colour));
  border: var(--pat-message-border, 0);
  box-sizing: var(--pat-message-box-sizing, content-box);
  margin-bottom: var(--pat-message-margin-bottom);
  box-sizing: border-box;
  display: block;
  clear: both;
  font-style: normal;
  font-weight: var(--font-weight-normal);
}
.pat-form .pat-message[class*=icon-],
.pat-form .message[class*=icon-] {
  display: flex;
  align-items: center;
  padding-right: 40px;
}
.pat-form .pat-message[class*=icon-]:before,
.pat-form .message[class*=icon-]:before {
  font-family: fontello;
  width: 80px;
  font-size: 30px;
  margin-right: 0.4em;
  text-align: center;
}
.pat-form .pat-message .pat-button,
.pat-form .message .pat-button {
  text-decoration: none;
}
.pat-form .pat-message a:not(.pat-button),
.pat-form .message a:not(.pat-button) {
  text-decoration: underline;
}
.pat-form .pat-message > p,
.pat-form .pat-message .message-title,
.pat-form .message > p,
.pat-form .message .message-title {
  margin-bottom: 0.4rem;
}
.pat-form .pat-message .message-title,
.pat-form .message .message-title {
  font-size: 1.5rem;
}
.pat-form .pat-message > *:last-child,
.pat-form .message > *:last-child {
  margin-bottom: 0;
}
.pat-form .pat-message.success,
.pat-form .message.success {
  --pat-message-box-shadow-colour: var(--colour-success);
  background-color: var(--colour-success-background);
  color: var(--colour-success-text);
}
.pat-form .pat-message.success:before,
.pat-form .message.success:before {
  color: var(--colour-success);
}
.pat-form .pat-message.notice,
.pat-form .message.notice {
  --pat-message-box-shadow-colour: var(--colour-notice);
  background-color: var(--colour-notice-background);
  color: var(--colour-notice-text);
}
.pat-form .pat-message.notice:before,
.pat-form .message.notice:before {
  color: var(--colour-notice);
}
.pat-form .pat-message.notice .pat-button,
.pat-form .message.notice .pat-button {
  color: var(--button-text-colour-default);
  background-color: var(--app-colour, var(--button-background-colour-default));
  box-shadow: var(--pat-button-box-shadow-default);
}
.pat-form .pat-message.notice .pat-button:hover,
.pat-form .message.notice .pat-button:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
.pat-form .pat-message.info,
.pat-form .message.info {
  --pat-message-box-shadow-colour: var(--colour-info);
  background-color: var(--colour-info-background);
  color: var(--colour-info-text);
}
.pat-form .pat-message.info:before,
.pat-form .message.info:before {
  color: var(--colour-info);
}
.pat-form .pat-message.info .pat-button,
.pat-form .message.info .pat-button {
  color: var(--button-text-colour-default);
  background-color: var(--app-colour, var(--button-background-colour-default));
  box-shadow: var(--pat-button-box-shadow-default);
}
.pat-form .pat-message.info .pat-button:hover,
.pat-form .message.info .pat-button:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
.pat-form .pat-message.error,
.pat-form .message.error {
  --pat-message-box-shadow-colour: var(--colour-error);
  background-color: var(--colour-error-background);
  color: var(--colour-error-text);
}
.pat-form .pat-message.error:before,
.pat-form .message.error:before {
  color: var(--colour-error);
}
.pat-form .pat-message.warning,
.pat-form .message.warning {
  --pat-message-box-shadow-colour: var(--colour-warning);
  background-color: var(--colour-warning-background);
  color: var(--colour-warning-text);
}
.pat-form .pat-message.warning:before,
.pat-form .message.warning:before {
  color: var(--colour-warning);
}
.pat-form .pat-message.warning .pat-button,
.pat-form .message.warning .pat-button {
  color: var(--button-text-colour-default);
  background-color: var(--app-colour, var(--button-background-colour-default));
  box-shadow: var(--pat-button-box-shadow-default);
}
.pat-form .pat-message.warning .pat-button:hover,
.pat-form .message.warning .pat-button:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
.pat-form .pat-message:first-child,
.pat-form .message:first-child {
  margin-top: 0;
}
.pat-form .pat-message[hidden],
.pat-form .message[hidden] {
  display: none;
}
.pat-form .form-section-header {
  margin-bottom: 1em;
  margin-top: 1.5em;
  font-size: 1.1em;
}
body[dir=rtl] .pat-form .form-section-header {
  text-align: right;
}
.pat-form .form-section-header:first-child {
  margin-top: 0;
}
.pat-form .field-cluster,
.pat-form .field-list {
  margin: calc(-0.5 * var(--pat-form-input-field-padding-top-bottom)) 0;
  max-width: 100%;
  line-height: var(--form-input-field-line-height);
}
.pat-form input,
.pat-form textarea,
.pat-form .textarea.group,
.pat-form select,
.pat-form .select2-container .select2-choice,
.pat-form .select2-container .select2-choices,
.pat-form .md-editor .md-render,
.pat-form .pat-rich-editor,
.pat-form .output-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  display: block;
  box-sizing: border-box;
  padding: var(--pat-form-input-field-padding-top-bottom) var(--pat-form-input-field-padding-start-end);
  margin: calc(-1 * var(--pat-form-input-field-padding-top-bottom)) 0;
  border: var(--pat-form-input-field-border);
  box-shadow: var(--pat-form-input-field-box-shadow);
  outline: var(--pat-form-input-field-outline);
  outline-offset: var(--pat-form-input-field-outline-offset);
  color: var(--pat-form-input-field-text-colour);
  font-size: var(--pat-form-input-field-font-size);
  max-width: 100%;
  background-color: var(--pat-form-input-field-background-colour);
  border-radius: var(--pat-form-input-field-border-radius);
  line-height: var(--pat-form-input-field-line-height);
}
.pat-form inputselect,
.pat-form textareaselect,
.pat-form .textarea.groupselect,
.pat-form selectselect,
.pat-form .select2-container .select2-choiceselect,
.pat-form .select2-container .select2-choicesselect,
.pat-form .md-editor .md-renderselect,
.pat-form .pat-rich-editorselect,
.pat-form .output-fieldselect {
  background-color: var(--pat-buttton-background-colour);
  color: var(--pat-button-text-colour);
}
.pat-form inputselect:not(:disabled):hover,
.pat-form textareaselect:not(:disabled):hover,
.pat-form .textarea.groupselect:not(:disabled):hover,
.pat-form selectselect:not(:disabled):hover,
.pat-form .select2-container .select2-choiceselect:not(:disabled):hover,
.pat-form .select2-container .select2-choicesselect:not(:disabled):hover,
.pat-form .md-editor .md-renderselect:not(:disabled):hover,
.pat-form .pat-rich-editorselect:not(:disabled):hover,
.pat-form .output-fieldselect:not(:disabled):hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--pat-select-box-arrow-text-colour-hover);
}
.pat-form input:focus,
.pat-form textarea:focus,
.pat-form .textarea.group:focus,
.pat-form select:focus,
.pat-form .select2-container .select2-choice:focus,
.pat-form .select2-container .select2-choices:focus,
.pat-form .md-editor .md-render:focus,
.pat-form .pat-rich-editor:focus,
.pat-form .output-field:focus {
  outline: var(--pat-form-input-field-outline-focus);
  border: var(--pat-form-input-field-border-focus);
  box-shadow: var(--pat-form-input-field-box-shadow-focus);
}
.pat-form input:disabled,
.pat-form input.disabled,
.pat-form textarea:disabled,
.pat-form textarea.disabled,
.pat-form .textarea.group:disabled,
.pat-form .textarea.group.disabled,
.pat-form select:disabled,
.pat-form select.disabled,
.pat-form .select2-container .select2-choice:disabled,
.pat-form .select2-container .select2-choice.disabled,
.pat-form .select2-container .select2-choices:disabled,
.pat-form .select2-container .select2-choices.disabled,
.pat-form .md-editor .md-render:disabled,
.pat-form .md-editor .md-render.disabled,
.pat-form .pat-rich-editor:disabled,
.pat-form .pat-rich-editor.disabled,
.pat-form .output-field:disabled,
.pat-form .output-field.disabled {
  border: transparent;
  outline: none;
  opacity: 1;
  padding-left: var(--pat-form-input-field-padding-left-right-disabled);
  padding-right: var(--pat-form-input-field-padding-left-right-disabled);
  padding-top: var(--pat-form-input-field-padding-top-bottom-disabled);
  padding-bottom: var(--pat-form-input-field-padding-top-bottom-disabled);
  margin: calc(-1 * var(--pat-form-input-field-padding-top-bottom-disabled)) 0;
  background: var(--pat-form-input-field-background-colour-disabled) !important;
  box-shadow: var(--pat-form-input-field-box-shadow-disabled);
  color: var(--pat-form-input-field-text-colour-disabled);
  --pat-select-box-arrow-text-colour: var(--pat-form-input-field-text-colour-disabled);
  --pat-select-box-background-colour-hover: var(--pat-form-input-field-background-colour-disabled);
  --pat-select-box-arrow-text-colour-hover: var(--pat-form-input-field-text-colour-disabled);
}
@media print {
.pat-form input,
.pat-form textarea,
.pat-form .textarea.group,
.pat-form select,
.pat-form .select2-container .select2-choice,
.pat-form .select2-container .select2-choices,
.pat-form .md-editor .md-render,
.pat-form .pat-rich-editor,
.pat-form .output-field {
  border: transparent;
  opacity: 1;
  padding: 0;
  background-color: transparent;
}
}
.pat-form .horizontal .select2-container-active .select2-choice,
.pat-form .horizontal .select2-container-active .select2-choices,
.pat-form .horizontal .pat-rich-editor:has(.ProseMirror-focused),
.pat-form .horizontal .pat-select.focus:before,
.pat-form .horizontal select:focus,
.pat-form .vertical .select2-container-active .select2-choice,
.pat-form .vertical .select2-container-active .select2-choices,
.pat-form .vertical .pat-rich-editor:has(.ProseMirror-focused),
.pat-form .vertical .pat-select.focus:before,
.pat-form .vertical select:focus {
  outline: var(--pat-form-input-field-outline-focus);
  border: var(--pat-form-input-field-border-focus);
  box-shadow: var(--pat-form-input-field-box-shadow-focus);
}
.pat-form .item-info-card {
  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);
}
@container screen style(--screen-small: true) {
.pat-form .item-info-card {
  --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-form .item-info-card.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-form .item-info-card .well-intro {
  margin-bottom: 2.5rem;
}
.pat-form .item-info-card .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-form .item-info-card .well-title-group .quaive-page-head {
  zoom: 0.7;
  margin-top: calc(-1 * var(--page-head-icon-margin-top));
}
.pat-form .item-info-card .well-title-group .quaive-page-head img {
  margin: 0;
}
.pat-form .item-info-card .well-title-group .pat-toolbar {
  margin: 0;
  width: auto;
}
.pat-form .item-info-card .well-title-group:has(.pat-toolbar),
.pat-form .item-info-card .well-title-group:has(.buttons) {
  grid-template-columns: minmax(0, auto) minmax(0, auto);
}
.pat-form .item-info-card .well-title-group:not(:has(.pat-toolbar)) {
  grid-template-columns: minmax(0, auto) var(--collapsible-button-height);
}
.pat-form .item-info-card .well-title-group.collapsible-open:not(:has(.pat-toolbar)):after,
.pat-form .item-info-card .well-title-group.collapsible-closed:not(:has(.pat-toolbar)):after {
  font-family: fontello;
  content: var(--glyph-down-open);
  font-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-form .item-info-card .well-title-group.collapsible-open:not(:has(.pat-toolbar)).collapsible-open::after,
.pat-form .item-info-card .well-title-group.collapsible-closed:not(:has(.pat-toolbar)).collapsible-open::after {
  content: var(--glyph-up-open);
}
.pat-form .item-info-card .well-title-group.collapsible-open:not(:has(.pat-toolbar)):hover:after,
.pat-form .item-info-card .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-form .item-info-card .well-title-group input.well-header {
  margin-left: -10px;
}
.pat-form .item-info-card .well-title-group .pat-toolbar {
  justify-self: end;
}
.pat-form .item-info-card .well-title-group .buttons {
  display: flex;
  gap: var(--pat-well-header-element-gap);
  justify-self: end;
}
.pat-form .item-info-card .well-title-group .buttons .pat-button {
  --pat-button-height: var(--collapsible-button-height);
}
.pat-form .item-info-card .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;
}
.pat-form .item-info-card .well-title-group .buttons .icon:after {
  font-family: fontello;
  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;
}
.pat-form .item-info-card .well-title-group .buttons .icon:hover {
  background-color: var(--pat-button-background-colour-hover);
}
.pat-form .item-info-card .well-title-group .buttons .icon:hover:after {
  color: var(--pat-button-text-colour-hover);
}
.pat-form .item-info-card .well-title-group .buttons .icon.tooltip-active-click {
  background-color: var(--colour-accent);
}
.pat-form .item-info-card .well-title-group .buttons .icon.tooltip-active-click:after {
  color: white;
}
.pat-form .item-info-card .well-title-group .buttons .icon.help:after {
  content: var(--glyph-help);
}
.pat-form .item-info-card .well-title-group .buttons .icon.add:after {
  content: var(--glyph-plus);
}
.pat-form .item-info-card .well-title-group .buttons .icon.download:after {
  content: var(--glyph-download);
}
.pat-form .item-info-card .well-title-group .buttons .icon.settings:after {
  content: var(--glyph-cog);
}
.pat-form .item-info-card .well-title-group .buttons .icon.edit:after {
  content: var(--glyph-pencil);
}
.pat-form .item-info-card .well-title-group .buttons .icon.more:after {
  content: var(--glyph-ellipsis);
}
.pat-form .item-info-card .well-title-group .buttons .icon.more:after {
  content: var(--glyph-ellipsis);
  line-height: calc(var(--collapsible-button-height) + 3px);
}
.pat-form .item-info-card .well-title-group .well-header {
  margin-bottom: 0;
}
.pat-form .item-info-card .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-form .item-info-card .well-header h2,
.pat-form .item-info-card .well-header .title-fragment {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.pat-form .item-info-card .well-header:before {
  text-align: center;
  align-self: center;
  width: 1.3em;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1 / 1;
}
.pat-form .item-info-card .well-header .pat-avatar,
.pat-form .item-info-card .well-header .icon {
  float: left;
  width: 33px;
  height: 33px;
  padding: 0;
  margin-right: 0;
  font-size: 0.7em;
  font-size: 12px;
}
.pat-form .item-info-card .well-header .icon {
  border-radius: calc(0.5 * var(--border-radii));
}
.pat-form .item-info-card .well-header svg.icon {
  border: var(--default-border);
  fill: var(--app-tile-icon-colour, var(--app-colour)) !important;
}
.pat-form .item-info-card .well-header svg.icon.app-icon * {
  fill: var(--app-tile-icon-colour, var(--app-colour)) !important;
}
.pat-form .item-info-card .well-separation-header {
  margin-bottom: 1em;
  margin-top: 1.5em;
  font-size: var(--pat-well-separation-header-font-size);
  font-weight: bold;
}
.pat-form .item-info-card .well-separation-header:first-child {
  margin-top: 0;
}
.pat-form .item-info-card > .well-header,
.pat-form .item-info-card > .well-title-group {
  gap: var(--pat-well-header-element-gap);
  padding-bottom: var(--pat-well-padding-top);
}
.pat-form .item-info-card > .well-header {
  margin-bottom: 0;
}
.pat-form .item-info-card.pat-collapsible {
  transition: padding var(--base-animation-duration);
  padding: 0;
}
.pat-form .item-info-card.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-form .item-info-card.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-form .item-info-card.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-form .item-info-card.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-form .item-info-card.pat-collapsible > .well-header:after {
  margin-left: auto;
}
body[dir=rtl] .pat-form .item-info-card.pat-collapsible > .well-header:after {
  margin-left: 0;
  margin-right: auto;
}
.pat-form .item-info-card.pat-collapsible > .well-header:not(:has(.pat-toolbar)):after {
  font-family: fontello;
  content: var(--glyph-down-open);
  font-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-form .item-info-card.pat-collapsible > .well-header:not(:has(.pat-toolbar)).collapsible-open::after {
  content: var(--glyph-up-open);
}
.pat-form .item-info-card.pat-collapsible > .well-header:not(:has(.pat-toolbar)):hover:after {
  background-color: var(--button-background-colour-hover);
  color: var(--button-text-colour-hover);
}
.pat-form .item-info-card.pat-collapsible .panel-content > *:last-child {
  margin-bottom: 0;
}
.pat-form .item-info-card.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-form .item-info-card.pat-collapsible > .panel-content {
  padding: 0 var(--pat-well-padding-small) var(--pat-well-padding-small);
}
}
.pat-form .item-info-card form > fieldset:last-child,
.pat-form .item-info-card form > fieldset:last-child > .button-bar:last-child {
  margin-bottom: 0;
}
.pat-form .item-info-card > *:last-child {
  margin-bottom: 0;
}
@container screen style(--screen-small: true) {
.pat-form .item-info-card {
  padding: 20px;
}
}
.pat-form .item-info-card.success {
  background-color: var(--colour-success-background);
}
.pat-form .item-info-card.success input {
  color: var(--body-font-colour);
}
.pat-form .item-info-card.notice {
  background-color: var(--colour-notice-background);
}
.pat-form .item-info-card.warning {
  background-color: var(--colour-warning-background);
}
.pat-form .item-info-card.warning input {
  color: var(--body-font-colour);
}
.pat-form .item-info-card.info {
  background-color: var(--colour-info-background);
}
.pat-form .item-info-card.success input,
.pat-form .item-info-card.success textarea,
.pat-form .item-info-card.success select,
.pat-form .item-info-card.warning input,
.pat-form .item-info-card.warning textarea,
.pat-form .item-info-card.warning select {
  background-color: rgba(0,0,0,0.3);
  outline: white 1px solid;
}
.pat-form .item-info-card.success select,
.pat-form .item-info-card.warning select {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgLTEuNDk2IDEyIDEwIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIC0xLjQ5NiAxMiAxMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCwwIDQuMjA1LDcuMDA5IDguNDEsMCAiLz4NCjwvc3ZnPg0K);
}
.pat-form .item-info-card {
  padding: 1rem;
  margin-bottom: 0;
}
.horizontal .pat-form .item-info-card {
  --pat-form-panel-background-colour: white;
}
.pat-form .item-info-card .title {
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.pat-form .item-info-card .description {
  font-size: 1rem;
  line-height: 1.3;
}
.pat-form .item-info-card .tag-cloud {
  font-size: 1rem;
  line-height: 1.3;
  margin-top: 5px;
}
.pat-form .item-info-card > *:last-child {
  margin-bottom: 0;
}
.pat-form .item-info-card .meta {
  font-size: 1rem;
  line-height: 1.3;
  margin-top: 5px;
  font-weight: normal;
  color: var(--colour-byline);
  width: 100%;
}
.pat-form .item-info-card .meta:last-child {
  margin-bottom: 0;
}
@container screen style(--screen-small: true) {
.pat-form .item-info-card .meta {
  display: inline;
}
}
@media only screen and (min-width: 769px) {
.pat-form .item-info-card .meta .meta-item {
  border-left: 1px solid var(--colour-byline);
  padding: 0 0.2em;
  display: inline-block;
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .pat-form .item-info-card .meta .meta-item {
  border-left: none;
  border-right: 1px solid var(--colour-byline);
}
}
@media only screen and (min-width: 769px) {
.pat-form .item-info-card .meta .meta-item:before {
  content: '  ';
  display: inline;
}
}
@media only screen and (min-width: 769px) {
.pat-form .item-info-card .meta .meta-item:first-child {
  padding-left: 0;
  border-left: none;
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .pat-form .item-info-card .meta .meta-item:first-child {
  padding-left: revert;
  padding-right: 0;
  border-right: none;
}
}
@media only screen and (min-width: 769px) {
.pat-form .item-info-card .meta .meta-item:first-child:before {
  display: none;
}
}
@container screen style(--screen-small: true) {
.pat-form .item-info-card .meta .meta-item:after {
  content: ', ';
}
}
.pat-form .field-list > label {
  position: relative;
  color: transparent;
  display: block;
  margin-bottom: 24px;
}
.pat-form .field-list > label:last-child {
  margin-bottom: 0;
}
.pat-form .field-list > label > input,
.pat-form .field-list > label > .output-field {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.pat-form .field-cluster:not(.layout-inline) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20px,1fr));
  grid-column-gap: 10px;
}
.pat-form .field-cluster:not(.layout-inline) label {
  position: relative;
  color: transparent;
  display: grid;
  grid-template-areas: "field";
  grid-auto-rows: 0;
  grid-template-rows: auto 0;
}
.pat-form .field-cluster:not(.layout-inline) label input:not(.select2-input),
.pat-form .field-cluster:not(.layout-inline) label .output-field,
.pat-form .field-cluster:not(.layout-inline) label select,
.pat-form .field-cluster:not(.layout-inline) label textarea {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: var(--pat-form-input-field-text-colour);
  grid-area: field;
}
.pat-form .field-cluster:not(.layout-inline) label:has(textarea) {
  font-size: 0;
}
.pat-form .field-cluster:not(.layout-inline) label:has(textarea) textarea {
  font-size: var(--pat-form-input-field-font-size);
  position: relative;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  height: 100%;
  grid-area: field;
}
.pat-form .field-cluster:not(.layout-inline).layout-amount-per-timespan {
  grid-template-columns: 100px 200px;
  justify-self: start;
}
.pat-form .field-cluster:not(.layout-inline).layout-min-max {
  width: 260px;
  max-width: 100%;
  grid-template-columns: 50% 50%;
  justify-self: start;
}
.pat-form .field-cluster:not(.layout-inline).layout-min-max-decimal {
  width: 100%;
  max-width: 100%;
  grid-template-columns: auto 4px 54px 15px auto 4px 54px;
  justify-self: start;
}
.pat-form .field-cluster:not(.layout-inline).layout-title-names {
  grid-template-columns: 90px auto auto;
}
.pat-form .field-cluster:not(.layout-inline).layout-date-time {
  grid-template-columns: auto 100px;
}
.pat-form .field-cluster:not(.layout-inline).layout-date {
  grid-template-columns: 100px 150px 100px;
}
.pat-form .field-cluster:not(.layout-inline).layout-address-line-nl {
  grid-template-columns: auto 100px 60px;
}
.pat-form .field-cluster:not(.layout-inline).layout-postal-code-place-line-nl {
  grid-template-columns: 100px auto;
}
.pat-form .field-cluster:not(.layout-inline).layout-image-caption {
  grid-template-columns: 35% auto;
  min-height: 87px;
}
.pat-form .field-cluster:not(.layout-inline).layout-image-caption textarea {
  height: 100%;
  resize: none;
  margin: 0;
}
.pat-form .field-cluster:not(.layout-inline).layout-image-caption img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: var(--pat-form-fields-border-radius);
  display: block;
}
.pat-form .field-cluster.layout-inline input {
  display: inline-block;
}
.pat-form .pat-rich-editor .ProseMirror {
  overflow: hidden;
}
.pat-form .date-time-extended legend,
.pat-form .date-time-extended .legend {
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
}
.pat-form .date-time-extended .row {
  margin-bottom: 5px !important;
}
.pat-form .date-time-extended .pat-checklist {
  padding-left: 0;
  line-height: var(--pat-form-input-field-line-height);
}
.pat-form input[type=color],
.pat-form input[type=time],
.pat-form input[type=date],
.pat-form input[type=datetime],
.pat-form input[type=datetime-local] {
  height: calc( var(--pat-form-input-field-line-height) + ( calc(2 * var(--pat-form-input-field-padding-top-bottom)) ) );
}
.pat-form input[type=color]::-webkit-datetime-edit,
.pat-form input[type=color]::datetime-edit,
.pat-form input[type=color]::-internal-datetime-container,
.pat-form input[type=color]::-webkit-datetime-edit-fields,
.pat-form input[type=time]::-webkit-datetime-edit,
.pat-form input[type=time]::datetime-edit,
.pat-form input[type=time]::-internal-datetime-container,
.pat-form input[type=time]::-webkit-datetime-edit-fields,
.pat-form input[type=date]::-webkit-datetime-edit,
.pat-form input[type=date]::datetime-edit,
.pat-form input[type=date]::-internal-datetime-container,
.pat-form input[type=date]::-webkit-datetime-edit-fields,
.pat-form input[type=datetime]::-webkit-datetime-edit,
.pat-form input[type=datetime]::datetime-edit,
.pat-form input[type=datetime]::-internal-datetime-container,
.pat-form input[type=datetime]::-webkit-datetime-edit-fields,
.pat-form input[type=datetime-local]::-webkit-datetime-edit,
.pat-form input[type=datetime-local]::datetime-edit,
.pat-form input[type=datetime-local]::-internal-datetime-container,
.pat-form input[type=datetime-local]::-webkit-datetime-edit-fields {
  padding-top: 0 !important;
  padding-bottom: 0;
  line-height: inherit;
  font-size: inherit;
  display: inline;
}
.pat-form input[type=color]::-webkit-datetime-edit > *,
.pat-form input[type=color]::datetime-edit > *,
.pat-form input[type=color]::-internal-datetime-container > *,
.pat-form input[type=color]::-webkit-datetime-edit-fields > *,
.pat-form input[type=time]::-webkit-datetime-edit > *,
.pat-form input[type=time]::datetime-edit > *,
.pat-form input[type=time]::-internal-datetime-container > *,
.pat-form input[type=time]::-webkit-datetime-edit-fields > *,
.pat-form input[type=date]::-webkit-datetime-edit > *,
.pat-form input[type=date]::datetime-edit > *,
.pat-form input[type=date]::-internal-datetime-container > *,
.pat-form input[type=date]::-webkit-datetime-edit-fields > *,
.pat-form input[type=datetime]::-webkit-datetime-edit > *,
.pat-form input[type=datetime]::datetime-edit > *,
.pat-form input[type=datetime]::-internal-datetime-container > *,
.pat-form input[type=datetime]::-webkit-datetime-edit-fields > *,
.pat-form input[type=datetime-local]::-webkit-datetime-edit > *,
.pat-form input[type=datetime-local]::datetime-edit > *,
.pat-form input[type=datetime-local]::-internal-datetime-container > *,
.pat-form input[type=datetime-local]::-webkit-datetime-edit-fields > * {
  padding-top: 0;
  padding-bottom: 0;
}
.pat-form ::-webkit-datetime-edit-minute-field,
.pat-form ::-webkit-datetime-edit-hour-field,
.pat-form ::-webkit-datetime-edit-text {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: inline;
}
.pat-form ::-webkit-input-placeholder {
  color: var(--pat-form-placeholder-colour);
}
.pat-form ::placeholder,
.pat-form .select2-container .select2-choice.select2-default {
  color: var(--pat-form-placeholder-colour);
}
.pat-form .output-field {
  position: relative;
  padding-right: 27px;
}
.pat-form .output-field span.placeholder {
  color: var(--pat-form-placeholder-colour);
}
.pat-form .output-field:after {
  content: ' ';
  display: inline-block;
}
.pat-form .output-field .cancel-button,
.pat-form .output-field .select2-search-choice-close {
  position: absolute;
  top: 50%;
  right: var(--pat-auto-suggest-cancel-button-edge-distance);
  transform: translateY(-50%);
}
.pat-form .output-field .cancel-button:before,
.pat-form .output-field .select2-search-choice-close:before {
  font-family: fontello;
  text-align: center;
  display: block;
  content: var(--glyph-cancel);
  color: rgba(0,0,0,0.5);
}
.pat-form .output-field .cancel-button:hover:before,
.pat-form .output-field .select2-search-choice-close:hover:before {
  color: rgba(0,0,0,0.7);
}
.pat-form .file-upload-button,
.pat-form fieldset.horizontal fieldset.group .file-upload-button {
  justify-self: start;
  float: left;
}
.pat-form .attachment-list + .file-upload-button {
  margin-top: 2px;
}
.pat-form .schedules {
  overflow: hidden;
}
.pat-form .group.layout-date label {
  display: inline-block;
}
.pat-form .group.layout-date label.day {
  width: 80px;
}
.pat-form .group.layout-date label.year {
  width: 83px;
}
.pat-form .select2-container .select2-choices {
  padding-bottom: 0;
}
.pat-form textarea {
  resize: vertical;
  field-sizing: content;
}
@media print {
.pat-form textarea {
  display: block;
  height: auto;
}
}
.pat-form input[type=search] {
  appearance: search;
  -webkit-appearance: search;
}
.pat-form input[type=search]::-webkit-search-decoration {
  display: none;
}
.pat-form input[type="file"] {
  align-items: center;
  column-gap: 15px;
  display: inline-flex;
  font-size: var(--pat-form-input-field-font-size);
  font-weight: var(--pat-button-font-weight);
  overflow: hidden;
}
.pat-form input[type="file"]::file-selector-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;
}
.pat-form input[type="file"]::file-selector-button:before {
  line-height: inherit;
}
.pat-form input[type="file"]::file-selector-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);
}
.pat-form input[type="file"]::file-selector-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);
}
.pat-form input[type="file"]::file-selector-button:active {
  box-shadow: var(--pat-button-box-shadow-active);
}
.pat-form input[type="file"]::file-selector-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);
}
.pat-form input[type="file"]::file-selector-button.default:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
.pat-form input[type="file"]::file-selector-button.warning {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-warning);
}
.pat-form input[type="file"]::file-selector-button.warning:hover {
  color: white;
  background-color: var(--colour-warning-hover);
}
.pat-form input[type="file"]::file-selector-button.success {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-success);
}
.pat-form input[type="file"]::file-selector-button.success:hover {
  color: white;
  background-color: var(--colour-success-hover);
}
.pat-form input[type="file"]::file-selector-button[disabled],
.pat-form input[type="file"]::file-selector-button.disabled,
.pat-form input[type="file"]::file-selector-button:is(a):not([href]),
.pat-form input[type="file"]::file-selector-button.default[disabled],
.pat-form input[type="file"]::file-selector-button.default.disabled,
.pat-form input[type="file"]::file-selector-button:is(a).default:not([href]) {
  color: var(--button-text-colour-disabled);
  background-color: var(--button-background-colour-disabled);
}
.pat-form input[type="file"]::file-selector-button[disabled]:hover,
.pat-form input[type="file"]::file-selector-button.disabled:hover,
.pat-form input[type="file"]::file-selector-button:is(a):not([href]):hover,
.pat-form input[type="file"]::file-selector-button.default[disabled]:hover,
.pat-form input[type="file"]::file-selector-button.default.disabled:hover,
.pat-form input[type="file"]::file-selector-button:is(a).default:not([href]):hover {
  color: var(--button-text-colour-disabled-hover);
  background-color: var(--button-background-colour-disabled-hover);
}
@media print {
.pat-form input[type="file"]::file-selector-button {
  display: none;
}
}
.pat-form input[type="file"]::file-selector-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);
}
.pat-form input[type="file"]::file-selector-button.small:before {
  font-size: 15px;
}
.pat-form input[type="file"]::file-selector-button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.pat-form input[type="file"]::file-selector-button.iconified {
  width: 30px;
  padding: 0;
}
.pat-form input[type="file"]::file-selector-button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: var(--pat-button-height);
}
.pat-form input[type="file"]::file-selector-button.link {
  padding: 0;
  display: inline;
  background: none;
  color: var(--colour-link);
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.pat-form input[type="file"]::file-selector-button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: var(--colour-link-hover);
}
.pat-form input[type="file"]::file-selector-button.no-label {
  padding: 0;
  aspect-ratio: 1 / 1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.pat-form input[type="file"]::file-selector-button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.pat-form input[type="file"]::file-selector-button:before {
  font-weight: normal;
  margin-right: 5px;
  float: left;
}
body[dir=rtl] .pat-form input[type="file"]::file-selector-button:before {
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
.pat-form input[type="file"]::file-selector-button.add:before {
  font-family: fontello;
  content: var(--glyph-plus);
}
.pat-form input[type="file"]::file-selector-button {
  line-height: var(--pat-form-input-field-line-height);
  margin-right: 10px;
  float: left;
  font-size: var(--pat-form-input-field-font-size);
  font-weight: var(--pat-button-font-weight);
}
.pat-form .colour-chooser-launcher {
  margin: 0;
}
.pat-form .colour-chooser-launcher .pat-button {
  text-align: center;
  color: white !important;
}
.pat-form .colour-chooser-launcher .pat-button#portal-header-colour-chooser-trigger {
  background-color: var(--colour-chooser-default);
}
.pat-form .slider-labels {
  width: 100%;
  overflow: hidden;
  font-size: 0.8em;
}
.pat-form .slider-labels .label {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0.5em 0 1.2em 0em;
}
.pat-form .slider-labels .label .iconified {
  display: block;
  line-height: 12px;
  clear: both;
  font-size: 10px;
  margin-top: 1px;
  width: auto;
  text-align: center;
}
.pat-form .slider-labels .label .iconified:before {
  margin-right: 2px;
}
.pat-form .slider-labels .label.disabled {
  opacity: 0.5;
}
.pat-form .slider-labels .label:first-child {
  text-align: left;
}
body[dir=rtl] .pat-form .slider-labels .label:first-child {
  text-align: right;
}
.pat-form .slider-labels .label:first-child .iconified {
  text-align: left;
}
body[dir=rtl] .pat-form .slider-labels .label:first-child .iconified {
  text-align: right;
}
.pat-form .slider-labels .label:last-child {
  text-align: right;
}
.pat-form .slider-labels .label:last-child .iconified {
  text-align: right;
}
.pat-form .slider-labels.two .label {
  width: 50%;
}
.pat-form .slider-labels.three .label {
  width: 33.3333332%;
}
.pat-form .slider-labels.four .label {
  width: 33.333333332%;
}
.pat-form .slider-labels.four .label:first-child,
.pat-form .slider-labels.four .label:last-child {
  width: 16.666666667%;
}
.pat-form .slider-labels.five .label {
  width: 24%;
}
.pat-form .slider-labels.five .label:first-child,
.pat-form .slider-labels.five .label:last-child {
  width: 14%;
}
.pat-form .password-toggle {
  position: absolute !important;
  right: 0;
  width: auto !important;
  height: auto !important;
  line-height: var(--pat-form-input-field-line-height) !important;
  padding-top: var(--pat-form-input-field-padding-top-bottom);
  padding-bottom: var(--pat-form-input-field-padding-top-bottom);
  padding-left: 0.5em;
  padding-right: 0.5em;
  overflow: visible !important;
  z-index: 5;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: var(--colour-byline, silver);
  font-size: 1.15rem;
  margin: calc(-1 * var(--pat-form-input-field-padding-top-bottom)) 0 !important;
  cursor: default;
}
.pat-form .code-field {
  background-color: var(--body-font-colour);
  color: white;
  font-family: 'Courier New', Courier, monospace;
}
.pat-form .currency-field {
  display: inline-block;
  position: relative;
}
.pat-form .currency-field:after {
  content: " ";
  display: block;
  height: 1px;
  width: 1px;
}
.pat-form .currency-field .currency {
  position: absolute;
  left: 0.45rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--pat-form-field-text-colour);
}
.pat-form .currency-field input,
.pat-form .currency-field output {
  padding-left: 1.4rem;
  display: inline-block;
}
.pat-form .percentage-field {
  display: inline-block;
}
.pat-form .percentage-field input {
  display: inline-block;
}
.pat-form .button-field {
  position: relative;
}
.pat-form .button-field input,
.pat-form .button-field select {
  width: calc(100% - 40px) !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pat-form .button-field > .follow {
  border-radius: 0;
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
  width: 40px;
  overflow: hidden;
  color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background-color: var(--colour-accent);
  cursor: default;
}
.pat-form .button-field > .follow[href]:before {
  opacity: 1;
}
.pat-form .button-field > .follow[href]:hover {
  filter: brightness(1.1);
}
.pat-form .button-field > .follow:before {
  opacity: 0.5;
  content: ' ';
  font-family: fontello;
  width: 100%;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  position: absolute;
  color: white;
  text-align: center;
}
.pat-form .button-field.type-url > .follow:before {
  content: var(--glyph-right-circled2);
}
.pat-form select {
  text-indent: 0.01px;
  text-overflow: '';
  padding-right: var(--pat-select-arrow-space);
  line-height: var(--pat-select-box-height);
  height: auto !important;
  background-repeat: no-repeat;
  background-position: calc(100% - var(--pat-select-arrow-edge-distance)) center;
  background-image: var(--arrow-down-dark-image);
  background-size: auto 10px;
}
body[dir=rtl] .pat-form select {
  background-position: var(--pat-select-arrow-edge-distance) center;
}
.pat-form select::-ms-expand {
  display:none;
}
.pat-form fieldset {
  border-style: none;
  padding: 0;
  min-width: inherit;
}
.pat-form fieldset .help-icon {
  color: transparent;
  content: var(--glyph-help);
  font-family: fontello;
  position: relative;
  margin: calc(-1 * var(--pat-form-input-field-padding-top-bottom)) 0;
  line-height: var(--pat-form-help-button-height);
  height: var(--pat-form-help-button-height);
  width: var(--pat-form-help-button-width);
  font-size: 0;
}
.pat-form fieldset .help-icon:hover:before,
.pat-form fieldset .help-icon.tooltip-active-click:before {
  background-color: var(--button-background-colour-default-hover);
}
.pat-form fieldset .help-icon:focus:before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-form fieldset .help-icon:before {
  content: var(--glyph-help);
  border-radius: var(--pat-form-help-button-icon-border-radius);
  background-color: var(--button-background-colour-default);
  transform: none;
  margin: 0;
  font-family: fontello;
  color: white;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  line-height: var(--pat-form-help-button-icon-height);
  height: var(--pat-form-help-button-icon-height);
  width: 100%;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  font-size: 0.8rem;
  transition: opacity 0.8s;
  transition-delay: 0.3s;
  overflow: hidden;
}
.pat-form fieldset .image-selection,
.pat-form fieldset .object-upload,
.pat-form fieldset .image-upload,
.pat-form fieldset .video-upload,
.pat-form fieldset .pat-form-field-image,
.pat-form fieldset .pat-form-field-video {
  justify-items: start;
}
.pat-form fieldset .image-selection input,
.pat-form fieldset .image-selection .pat-screenshot,
.pat-form fieldset .image-selection video,
.pat-form fieldset .image-selection img,
.pat-form fieldset .image-selection .caption,
.pat-form fieldset .object-upload input,
.pat-form fieldset .object-upload .pat-screenshot,
.pat-form fieldset .object-upload video,
.pat-form fieldset .object-upload img,
.pat-form fieldset .object-upload .caption,
.pat-form fieldset .image-upload input,
.pat-form fieldset .image-upload .pat-screenshot,
.pat-form fieldset .image-upload video,
.pat-form fieldset .image-upload img,
.pat-form fieldset .image-upload .caption,
.pat-form fieldset .video-upload input,
.pat-form fieldset .video-upload .pat-screenshot,
.pat-form fieldset .video-upload video,
.pat-form fieldset .video-upload img,
.pat-form fieldset .video-upload .caption,
.pat-form fieldset .pat-form-field-image input,
.pat-form fieldset .pat-form-field-image .pat-screenshot,
.pat-form fieldset .pat-form-field-image video,
.pat-form fieldset .pat-form-field-image img,
.pat-form fieldset .pat-form-field-image .caption,
.pat-form fieldset .pat-form-field-video input,
.pat-form fieldset .pat-form-field-video .pat-screenshot,
.pat-form fieldset .pat-form-field-video video,
.pat-form fieldset .pat-form-field-video img,
.pat-form fieldset .pat-form-field-video .caption {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  display: block;
  border-radius: var(--pat-form-input-field-border-radius);
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal,
.pat-form fieldset.horizontal > .panel-content {
  --pat-select-box-height: var(--pat-form-input-field-line-height);
  --pat-button-height: var(--pat-form-input-field-line-height);
  --pat-auto-suggest-pill-height: 28px;
  --pat-auto-suggest-padding-top-bottom: var(--pat-form-input-field-padding-top-bottom);
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal .pat-button,
.pat-form fieldset.horizontal > .panel-content .pat-button {
  display: inline-block;
  text-align: center;
  margin-right: 0;
  box-sizing: border-box;
  line-height: var(--pat-form-input-field-line-height);
  margin-top: calc(-1 * var(--pat-form-input-field-padding-top-bottom));
  margin-bottom: calc(-1 * var(--pat-form-input-field-padding-top-bottom));
  padding-top: var(--pat-form-input-field-padding-top-bottom);
  padding-bottom: var(--pat-form-input-field-padding-top-bottom);
  float: left;
  height: calc(var(--pat-form-input-field-line-height) + (calc(2 * var(--pat-form-input-field-padding-top-bottom))));
  font-size: var(--pat-form-input-field-font-size);
  font-weight: var(--pat-button-font-weight);
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal .pat-button#portal-header-colour-chooser-trigger,
.pat-form fieldset.horizontal > .panel-content .pat-button#portal-header-colour-chooser-trigger {
  background-color: var(--colour-chooser-default);
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal legend + .pat-button-bar,
.pat-form fieldset.horizontal .legend + .pat-button-bar,
.pat-form fieldset.horizontal > .panel-content legend + .pat-button-bar,
.pat-form fieldset.horizontal > .panel-content .legend + .pat-button-bar {
  margin-top: 0;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal > br,
.pat-form fieldset.horizontal > .panel-content > br {
  display: none;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal sup.required,
.pat-form fieldset.horizontal > .panel-content sup.required {
  float: none;
  position: static;
  margin-top: 0;
  vertical-align: baseline;
  filter: none;
  margin: 0;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal > label,
.pat-form fieldset.horizontal > .panel-content > label {
  position: relative;
  display: grid;
  grid-template-columns: var(--pat-form-horizontal-label-width) auto 0 var(--pat-form-horizontal-extra-width);
  grid-template-areas: 
            "label field   . extra"
            "label message . extra";
  grid-auto-rows: auto;
  align-items: flex-start;
  column-gap: var(--pat-form-horizontal-column-gap);
  clear: left;
  border-style: none;
  margin: 0 0 var(--pat-form-input-field-tail-white) 0;
  line-height: var(--pat-form-input-field-line-height);
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal > label > *,
.pat-form fieldset.horizontal > .panel-content > label > * {
  grid-area: field;
  min-width: 0;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal > label > *[size],
.pat-form fieldset.horizontal > .panel-content > label > *[size] {
  overflow: hidden;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal > label > .help-icon,
.pat-form fieldset.horizontal > .panel-content > label > .help-icon {
  grid-area: extra;
  grid-row: 1 / -1;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal > label > .message,
.pat-form fieldset.horizontal > label > .pat-message,
.pat-form fieldset.horizontal > .panel-content > label > .message,
.pat-form fieldset.horizontal > .panel-content > label > .pat-message {
  grid-area: message;
  margin: var(--grid-gutter) 0 0 0;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal > label > .colour-chooser-launcher,
.pat-form fieldset.horizontal > .panel-content > label > .colour-chooser-launcher {
  height: 0.6em;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal label .iconified,
.pat-form fieldset.horizontal > .panel-content label .iconified {
  float: none;
  position: static;
  line-height: 10px;
  margin-top: 0;
  vertical-align: baseline;
  filter: none;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal label textarea,
.pat-form fieldset.horizontal > .panel-content label textarea {
  resize: vertical;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal fieldset.group,
.pat-form fieldset.horizontal div.group,
.pat-form fieldset.horizontal > .pat-checklist,
.pat-form fieldset.horizontal > .panel-content fieldset.group,
.pat-form fieldset.horizontal > .panel-content div.group,
.pat-form fieldset.horizontal > .panel-content > .pat-checklist {
  min-width: 0;
  margin: 0 0 var(--pat-form-input-field-tail-white) 0;
  display: grid;
  grid-template-areas: 
            "label field . extra";
  grid-auto-flow: column;
  column-gap: 25px;
  grid-auto-columns: var(--pat-form-horizontal-label-width) auto 0 var(--pat-form-horizontal-extra-width);
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal fieldset.group > *:last-child,
.pat-form fieldset.horizontal div.group > *:last-child,
.pat-form fieldset.horizontal > .pat-checklist > *:last-child,
.pat-form fieldset.horizontal > .panel-content fieldset.group > *:last-child,
.pat-form fieldset.horizontal > .panel-content div.group > *:last-child,
.pat-form fieldset.horizontal > .panel-content > .pat-checklist > *:last-child {
  margin-bottom: 0;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal fieldset.group:last-child,
.pat-form fieldset.horizontal div.group:last-child,
.pat-form fieldset.horizontal > .pat-checklist:last-child,
.pat-form fieldset.horizontal > .panel-content fieldset.group:last-child,
.pat-form fieldset.horizontal > .panel-content div.group:last-child,
.pat-form fieldset.horizontal > .panel-content > .pat-checklist:last-child {
  margin-bottom: 0;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal fieldset.group > *,
.pat-form fieldset.horizontal div.group > *,
.pat-form fieldset.horizontal > .pat-checklist > *,
.pat-form fieldset.horizontal > .panel-content fieldset.group > *,
.pat-form fieldset.horizontal > .panel-content div.group > *,
.pat-form fieldset.horizontal > .panel-content > .pat-checklist > * {
  grid-column-start: 2;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal fieldset.group .help-icon,
.pat-form fieldset.horizontal div.group .help-icon,
.pat-form fieldset.horizontal > .pat-checklist .help-icon,
.pat-form fieldset.horizontal > .panel-content fieldset.group .help-icon,
.pat-form fieldset.horizontal > .panel-content div.group .help-icon,
.pat-form fieldset.horizontal > .panel-content > .pat-checklist .help-icon {
  grid-area: extra;
  grid-row: 1 / -1;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal fieldset.group > .legend,
.pat-form fieldset.horizontal fieldset.group legend,
.pat-form fieldset.horizontal div.group > .legend,
.pat-form fieldset.horizontal div.group legend,
.pat-form fieldset.horizontal > .pat-checklist > .legend,
.pat-form fieldset.horizontal > .pat-checklist legend,
.pat-form fieldset.horizontal > .panel-content fieldset.group > .legend,
.pat-form fieldset.horizontal > .panel-content fieldset.group legend,
.pat-form fieldset.horizontal > .panel-content div.group > .legend,
.pat-form fieldset.horizontal > .panel-content div.group legend,
.pat-form fieldset.horizontal > .panel-content > .pat-checklist > .legend,
.pat-form fieldset.horizontal > .panel-content > .pat-checklist legend {
  display: inline;
  text-align: left;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  display: block;
  font-weight: var(--font-weight-normal);
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
  grid-column-start: 1;
  grid-row: 1 / -1;
  margin-bottom: 0;
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .pat-form fieldset.horizontal fieldset.group > .legend,
body[dir=rtl] .pat-form fieldset.horizontal fieldset.group legend,
body[dir=rtl] .pat-form fieldset.horizontal div.group > .legend,
body[dir=rtl] .pat-form fieldset.horizontal div.group legend,
body[dir=rtl] .pat-form fieldset.horizontal > .pat-checklist > .legend,
body[dir=rtl] .pat-form fieldset.horizontal > .pat-checklist legend,
body[dir=rtl] .pat-form fieldset.horizontal > .panel-content fieldset.group > .legend,
body[dir=rtl] .pat-form fieldset.horizontal > .panel-content fieldset.group legend,
body[dir=rtl] .pat-form fieldset.horizontal > .panel-content div.group > .legend,
body[dir=rtl] .pat-form fieldset.horizontal > .panel-content div.group legend,
body[dir=rtl] .pat-form fieldset.horizontal > .panel-content > .pat-checklist > .legend,
body[dir=rtl] .pat-form fieldset.horizontal > .panel-content > .pat-checklist legend {
  text-align: right;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal fieldset.group.button-bar,
.pat-form fieldset.horizontal div.group.button-bar,
.pat-form fieldset.horizontal > .pat-checklist.button-bar,
.pat-form fieldset.horizontal > .panel-content fieldset.group.button-bar,
.pat-form fieldset.horizontal > .panel-content div.group.button-bar,
.pat-form fieldset.horizontal > .panel-content > .pat-checklist.button-bar {
  display: flex;
  gap: 15px;
  padding-left: calc(var(--pat-form-horizontal-label-width) + var(--pat-form-horizontal-column-gap));
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal fieldset.group.layout-inline label,
.pat-form fieldset.horizontal div.group.layout-inline label,
.pat-form fieldset.horizontal > .pat-checklist.layout-inline label,
.pat-form fieldset.horizontal > .panel-content fieldset.group.layout-inline label,
.pat-form fieldset.horizontal > .panel-content div.group.layout-inline label,
.pat-form fieldset.horizontal > .panel-content > .pat-checklist.layout-inline label {
  display: inline-block;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal fieldset.group > label:not(.pat-button):not(.file-upload-button),
.pat-form fieldset.horizontal div.group > label:not(.pat-button):not(.file-upload-button),
.pat-form fieldset.horizontal > .pat-checklist > label:not(.pat-button):not(.file-upload-button),
.pat-form fieldset.horizontal > .panel-content fieldset.group > label:not(.pat-button):not(.file-upload-button),
.pat-form fieldset.horizontal > .panel-content div.group > label:not(.pat-button):not(.file-upload-button),
.pat-form fieldset.horizontal > .panel-content > .pat-checklist > label:not(.pat-button):not(.file-upload-button) {
  font-weight: var(--font-weight-normal);
  font-style: normal;
  position: relative;
  border-style: none;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal fieldset.group > label:not(.pat-button):not(.file-upload-button).no-label,
.pat-form fieldset.horizontal div.group > label:not(.pat-button):not(.file-upload-button).no-label,
.pat-form fieldset.horizontal > .pat-checklist > label:not(.pat-button):not(.file-upload-button).no-label,
.pat-form fieldset.horizontal > .panel-content fieldset.group > label:not(.pat-button):not(.file-upload-button).no-label,
.pat-form fieldset.horizontal > .panel-content div.group > label:not(.pat-button):not(.file-upload-button).no-label,
.pat-form fieldset.horizontal > .panel-content > .pat-checklist > label:not(.pat-button):not(.file-upload-button).no-label {
  font-size: 0;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal fieldset.group > label:not(.pat-button):not(.file-upload-button).no-label > input,
.pat-form fieldset.horizontal div.group > label:not(.pat-button):not(.file-upload-button).no-label > input,
.pat-form fieldset.horizontal > .pat-checklist > label:not(.pat-button):not(.file-upload-button).no-label > input,
.pat-form fieldset.horizontal > .panel-content fieldset.group > label:not(.pat-button):not(.file-upload-button).no-label > input,
.pat-form fieldset.horizontal > .panel-content div.group > label:not(.pat-button):not(.file-upload-button).no-label > input,
.pat-form fieldset.horizontal > .panel-content > .pat-checklist > label:not(.pat-button):not(.file-upload-button).no-label > input {
  font-size: var(--pat-form-input-field-font-size);
  width: 100%;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal fieldset.group > label:not(.pat-button):not(.file-upload-button) + .pat-checklist,
.pat-form fieldset.horizontal div.group > label:not(.pat-button):not(.file-upload-button) + .pat-checklist,
.pat-form fieldset.horizontal > .pat-checklist > label:not(.pat-button):not(.file-upload-button) + .pat-checklist,
.pat-form fieldset.horizontal > .panel-content fieldset.group > label:not(.pat-button):not(.file-upload-button) + .pat-checklist,
.pat-form fieldset.horizontal > .panel-content div.group > label:not(.pat-button):not(.file-upload-button) + .pat-checklist,
.pat-form fieldset.horizontal > .panel-content > .pat-checklist > label:not(.pat-button):not(.file-upload-button) + .pat-checklist {
  margin-top: 0.5em;
  display: block;
}
}
@media only screen and (min-width: 769px) {
.pat-form fieldset.horizontal dfn.help,
.pat-form fieldset.horizontal > .panel-content dfn.help {
  box-sizing: border-box;
  margin: 0;
  width: calc(var(--pat-form-proportion-name) * 100% / (100% - var(--pat-form-proportion-name)));
  width: 80%;
}
}
.pat-form fieldset .row {
  margin: 0 -5px 0.8em;
}
.pat-form fieldset .row .column,
.pat-form fieldset .row .columns {
  margin-bottom: 0;
  padding: 0 5px;
}
.pat-form fieldset .row .column > *,
.pat-form fieldset .row .columns > * {
  margin-bottom: 0;
}
.pat-form fieldset .row:last-child {
  margin-bottom: 0;
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal {
  --pat-form-help-button-height: 19px;
  --pat-form-help-button-width: 19px;
  --pat-form-help-button-icon-height: 19px;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal .password-toggle {
  margin-top: 0 !important;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal > br,
.pat-form fieldset.horizontal .group > br {
  display: none;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal label {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 0;
  gap: 0.2em;
  grid-template-areas: 
            "label icons"
            "field field";
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal label:has(.message),
.pat-form fieldset.horizontal label:has(.pat-message) {
  grid-template-areas:
              "label icons"
              "field field"
              "message message";
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal label > * {
  grid-area: field;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal label .help-icon {
  grid-area: icons;
  justify-self: end;
  align-self: center;
  margin: 0;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal label .message,
.pat-form fieldset.horizontal label .pat-message {
  grid-area: message;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal label.columns,
.pat-form fieldset.horizontal label.column {
  display: inline-block;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal label img {
  max-width: 100%;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal .group.pat-checklist legend,
.pat-form fieldset.horizontal .group.pat-checklist .legend {
  margin-bottom: 0.2em;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal label > input,
.pat-form fieldset.horizontal label > textarea,
.pat-form fieldset.horizontal label > select,
.pat-form fieldset.horizontal label > .sortable-items-list,
.pat-form fieldset.horizontal label > .pat-sortable-blocks,
.pat-form fieldset.horizontal label > .select2-container,
.pat-form fieldset.horizontal label > .button-field,
.pat-form fieldset.horizontal label > .group.textarea,
.pat-form fieldset.horizontal label > .field-value,
.pat-form fieldset.horizontal label > .group.md-editor,
.pat-form fieldset.horizontal label > .colour-chooser-launcher,
.pat-form fieldset.horizontal label > .read-only-field,
.pat-form fieldset.horizontal label > .pat-rich-editor,
.pat-form fieldset.horizontal label > .pat-miller-columns,
.pat-form fieldset.horizontal label > .output-field,
.pat-form fieldset.horizontal label > .composed,
.pat-form fieldset.horizontal label > .field-cluster,
.pat-form fieldset.horizontal label > .pat-checklist,
.pat-form fieldset.horizontal .group > input,
.pat-form fieldset.horizontal .group > textarea,
.pat-form fieldset.horizontal .group > select,
.pat-form fieldset.horizontal .group > .sortable-items-list,
.pat-form fieldset.horizontal .group > .pat-sortable-blocks,
.pat-form fieldset.horizontal .group > .select2-container,
.pat-form fieldset.horizontal .group > .button-field,
.pat-form fieldset.horizontal .group > .group.textarea,
.pat-form fieldset.horizontal .group > .field-value,
.pat-form fieldset.horizontal .group > .group.md-editor,
.pat-form fieldset.horizontal .group > .colour-chooser-launcher,
.pat-form fieldset.horizontal .group > .read-only-field,
.pat-form fieldset.horizontal .group > .pat-rich-editor,
.pat-form fieldset.horizontal .group > .pat-miller-columns,
.pat-form fieldset.horizontal .group > .output-field,
.pat-form fieldset.horizontal .group > .composed,
.pat-form fieldset.horizontal .group > .field-cluster,
.pat-form fieldset.horizontal .group > .pat-checklist {
  display: block;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  font-weight: var(--font-weight-normal);
  min-width: 0;
  border-radius: var(--form-input-field-border-radius);
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal .pat-checklist {
  margin-top: 8px;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal label > .composed input,
.pat-form fieldset.horizontal .group > .composed input {
  width: 100%;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal textarea.pat-content-mirror,
.pat-form fieldset.horizontal .group.md-editor .md-render {
  margin-top: 0;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal .legend,
.pat-form fieldset.horizontal legend,
.pat-form fieldset.horizontal > label:not(.pat-toggle-switch),
.pat-form fieldset.horizontal .group:not(.pat-checklist):not(.pat-toggle-switch) > label {
  font-weight: var(--font-weight-bold);
  margin-bottom: 1em;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal .legend,
.pat-form fieldset.horizontal legend {
  display: block;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal .group.pat-form-field-toggle {
  display: flex;
  justify-content: space-between;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal .group.pat-form-field-toggle .pat-toggle-switch {
  margin-bottom: 0em;
  margin-top: 8px;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal .legend {
  margin-bottom: 0em;
  margin-top: 8px;
}
}
.pat-form fieldset.vertical {
  --pat-form-help-button-height: 19px;
  --pat-form-help-button-width: 19px;
  --pat-form-help-button-icon-height: 19px;
}
.pat-form fieldset.vertical .password-toggle {
  margin-top: 0 !important;
}
.pat-form fieldset.vertical > br,
.pat-form fieldset.vertical .group > br {
  display: none;
}
.pat-form fieldset.vertical label {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 0;
  gap: 0.2em;
  grid-template-areas: 
          "label icons"
          "field field";
}
.pat-form fieldset.vertical label:has(.message),
.pat-form fieldset.vertical label:has(.pat-message) {
  grid-template-areas:
            "label icons"
            "field field"
            "message message";
}
.pat-form fieldset.vertical label > * {
  grid-area: field;
}
.pat-form fieldset.vertical label .help-icon {
  grid-area: icons;
  justify-self: end;
  align-self: center;
  margin: 0;
}
.pat-form fieldset.vertical label .message,
.pat-form fieldset.vertical label .pat-message {
  grid-area: message;
}
.pat-form fieldset.vertical label.columns,
.pat-form fieldset.vertical label.column {
  display: inline-block;
}
.pat-form fieldset.vertical label img {
  max-width: 100%;
}
.pat-form fieldset.vertical .group.pat-checklist legend,
.pat-form fieldset.vertical .group.pat-checklist .legend {
  margin-bottom: 0.2em;
}
.pat-form fieldset.vertical label > input,
.pat-form fieldset.vertical label > textarea,
.pat-form fieldset.vertical label > select,
.pat-form fieldset.vertical label > .sortable-items-list,
.pat-form fieldset.vertical label > .pat-sortable-blocks,
.pat-form fieldset.vertical label > .select2-container,
.pat-form fieldset.vertical label > .button-field,
.pat-form fieldset.vertical label > .group.textarea,
.pat-form fieldset.vertical label > .field-value,
.pat-form fieldset.vertical label > .group.md-editor,
.pat-form fieldset.vertical label > .colour-chooser-launcher,
.pat-form fieldset.vertical label > .read-only-field,
.pat-form fieldset.vertical label > .pat-rich-editor,
.pat-form fieldset.vertical label > .pat-miller-columns,
.pat-form fieldset.vertical label > .output-field,
.pat-form fieldset.vertical label > .composed,
.pat-form fieldset.vertical label > .field-cluster,
.pat-form fieldset.vertical label > .pat-checklist,
.pat-form fieldset.vertical .group > input,
.pat-form fieldset.vertical .group > textarea,
.pat-form fieldset.vertical .group > select,
.pat-form fieldset.vertical .group > .sortable-items-list,
.pat-form fieldset.vertical .group > .pat-sortable-blocks,
.pat-form fieldset.vertical .group > .select2-container,
.pat-form fieldset.vertical .group > .button-field,
.pat-form fieldset.vertical .group > .group.textarea,
.pat-form fieldset.vertical .group > .field-value,
.pat-form fieldset.vertical .group > .group.md-editor,
.pat-form fieldset.vertical .group > .colour-chooser-launcher,
.pat-form fieldset.vertical .group > .read-only-field,
.pat-form fieldset.vertical .group > .pat-rich-editor,
.pat-form fieldset.vertical .group > .pat-miller-columns,
.pat-form fieldset.vertical .group > .output-field,
.pat-form fieldset.vertical .group > .composed,
.pat-form fieldset.vertical .group > .field-cluster,
.pat-form fieldset.vertical .group > .pat-checklist {
  display: block;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  font-weight: var(--font-weight-normal);
  min-width: 0;
  border-radius: var(--form-input-field-border-radius);
}
.pat-form fieldset.vertical .pat-checklist {
  margin-top: 8px;
}
.pat-form fieldset.vertical label > .composed input,
.pat-form fieldset.vertical .group > .composed input {
  width: 100%;
}
.pat-form fieldset.vertical textarea.pat-content-mirror,
.pat-form fieldset.vertical .group.md-editor .md-render {
  margin-top: 0;
}
.pat-form fieldset.vertical .legend,
.pat-form fieldset.vertical legend,
.pat-form fieldset.vertical > label:not(.pat-toggle-switch),
.pat-form fieldset.vertical .group:not(.pat-checklist):not(.pat-toggle-switch) > label {
  font-weight: var(--font-weight-bold);
  margin-bottom: 1em;
}
.pat-form fieldset.vertical .legend,
.pat-form fieldset.vertical legend {
  display: block;
}
.pat-form fieldset.vertical .group.pat-form-field-toggle {
  display: flex;
  justify-content: space-between;
}
.pat-form fieldset.vertical .group.pat-form-field-toggle .pat-toggle-switch {
  margin-bottom: 0em;
  margin-top: 8px;
}
.pat-form fieldset.vertical .legend {
  margin-bottom: 0em;
  margin-top: 8px;
}
.zavat-chalav-ve-devach,
.zavat-chalav-ve-devach input {
  opacity: 0;
  position: absolute !important;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
  speak: none;
}
.pat-icon {
  font-family: fontello;
  text-indent: -1000em;
  width: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
  position: relative;
  color: rgba(0,0,0,0.6);
  cursor: default;
  line-height: var(--pat-toolbar-button-height);
  border-radius: var(--button-border-radius);
  display: inline-block;
  text-align: left;
}
body[dir=rtl] .pat-icon {
  text-align: right;
}
.pat-icon:before {
  font-family: fontello;
  text-indent: 0;
  line-height: calc(var(--pat-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;
}
.pat-icon:hover {
  color: var(--body-font-colour);
  text-decoration: none;
}
.pat-icon.active {
  color: var(--colour-accent);
  box-shadow: none;
}
.pat-icon.active:before {
  color: var(--colour-accent);
}
.pat-injection-sentinel.injecting > * {
  opacity: 0.19;
}
.pat-injection-sentinel.injecting.injecting-after *,
.pat-injection-sentinel.injecting.injecting-content-after * {
  opacity: inherit;
}
.pat-injection-sentinel.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.pat-injection-sentinel.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.pat-injection-sentinel.injecting:before {
  animation: none;
}
}
.pat-jitsi {
  width: var(--pat-jitsi-width, 100%);
  height: var(--pat-jitsi-height, 100%);
}
.pat-jitsi iframe {
  border-radius: var(--border-radii);
  height: 100%;
  width: 100%;
}
.pat-lazy-load {
  display: block;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  position: relative;
  color: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  clear: both;
  height: 60px;
  text-decoration: none !important;
  cursor: default;
  align-self: center;
  justify-self: center;
  color: transparent;
  font-size: 0;
}
.pat-lazy-load:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  margin-top: 0;
  top: 5px;
}
@media (prefers-reduced-motion: reduce) {
.pat-lazy-load:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
.pat-link-list {
  display: block;
  column-gap: var(--pat-x-list-gutter);
  column-width: 19em;
}
.pat-link-list.columns-none {
  column-count: 1;
}
.pat-link-list.cards li a,
.pat-link-list li a.card {
  box-sizing: border-box;
  background-color: var(--pat-x-list-background-colour);
  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);
}
.pat-link-list.cards-auto {
  container-type: inline-size;
}
@container (min-width: calc(38em + 10px)) {
.pat-link-list.cards-auto:not(.columns-none) li a {
  box-sizing: border-box;
  background-color: var(--pat-x-list-background-colour);
  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);
}
}
@container preview-cards (min-width: 350px) {
.pat-link-list.cards-auto.preview-cards li a {
  box-sizing: border-box;
  background-color: var(--pat-x-list-background-colour);
  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);
}
}
.pat-link-list.tile-icons li a:not(.pat-lazy-load),
.pat-link-list li a.tile-icon:not(.pat-lazy-load) {
  grid-template-columns: calc(var(--bullet-space) * 2) 1fr;
}
.pat-link-list.tile-icons li a:not(.pat-lazy-load):before,
.pat-link-list.tile-icons li a:not(.pat-lazy-load) > .event-date,
.pat-link-list li a.tile-icon:not(.pat-lazy-load):before,
.pat-link-list li a.tile-icon:not(.pat-lazy-load) > .event-date {
  grid-area: icon;
  width: 100%;
  height: auto;
  align-self: start;
  border-radius: var(--border-radii-medium, var(--border-radii));
  border: var(--ll-tile-border, 1px solid rgba(0, 0, 0, 0.3));
  padding: 0;
  aspect-ratio: 1 / 1;
  align-content: center;
  background-color: var(--ll-file-bg, rgba(0, 0, 0, 0.02));
  margin: 0;
}
.pat-link-list.tile-icons li a:not(.pat-lazy-load):before,
.pat-link-list li a.tile-icon:not(.pat-lazy-load):before {
  --pat-link-list-title-font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pat-link-list.tile-icons li a:not(.pat-lazy-load) > .event-date,
.pat-link-list li a.tile-icon:not(.pat-lazy-load) > .event-date {
  background-color: color-mix(in srgb, var(--kik-card-colour, red) 10%, white);
}
.pat-link-list.cards:not(.preview-cards) > li,
.pat-link-list.cards-auto:not(.preview-cards) > li {
  display: inline-block;
  width: 100%;
}
.pat-link-list li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  vertical-align: top;
  margin-bottom: var(--pat-x-list-gutter);
}
.pat-link-list li a {
  display: grid;
  grid-template-columns: var(--bullet-space) 1fr;
  column-gap: var(--pat-x-list-gutter);
  row-gap: 0;
  hyphens: auto;
  grid-template-areas:
        "icon title";
}
.pat-link-list li a:has(.item-byline),
.pat-link-list li a:has(.item-summary) {
  grid-template-areas:
          "icon title"
          "icon byline";
}
.pat-link-list li a .item-title,
.pat-link-list li a .link-title,
.pat-link-list li a .group-title {
  display: block;
  font-weight: bold;
  line-height: var(--pat-link-list-title-line-height);
  font-size: var(--pat-link-list-title-font-size);
  overflow: hidden;
  align-content: center;
}
.pat-link-list li a .item-title {
  display: flex;
  align-items: center;
  align-self: center;
}
.pat-link-list li a .item-summary,
.pat-link-list li a .item-byline {
  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);
  margin-top: 0;
  grid-area: byline;
  line-height: 1.3;
  zoom: 0.8;
}
.pat-link-list li a[href] {
  color: var(--colour-link);
}
.pat-link-list li a[href]:hover {
  text-decoration: underline;
  color: var(--colour-dark-blue-d);
}
.pat-link-list li a[href]:hover .classification-tags .classification-tag {
  text-decoration: none;
}
.pat-link-list li a[href]:hover:has(.link-title),
.pat-link-list li a[href]:hover:has(.item-title) {
  text-decoration: none;
}
.pat-link-list li a[href]:hover .link-byline,
.pat-link-list li a[href]:hover .item-byline {
  text-decoration: none !important;
}
.pat-link-list li a[href]:hover .link-title,
.pat-link-list li a[href]:hover .item-title {
  text-decoration: underline;
}
.pat-link-list li a:not(.pat-lazy-load):before {
  font-family: fontello;
  font-weight: normal;
  text-decoration: none;
  speak: none;
  display: inline-block;
  grid-area: icon;
}
.pat-link-list li a:not(.pat-lazy-load):before,
.pat-link-list li a.item-title {
  line-height: var(--pat-link-list-title-line-height);
  font-size: var(--pat-link-list-title-font-size);
}
.pat-link-list li a.pat-avatar {
  grid-area: icon;
  width: 100%;
}
.pat-link-list li a:not([class*="icon-"]):not(:has(> .icon)):not(:has(> .event-date)):not(.pat-lazy-load):not(.more):before {
  content: var(--glyph-angle-right);
}
.pat-link-list li a:has(> .icon) {
  grid-template-columns: calc(var(--bullet-space) * 2) 1fr;
}
.pat-link-list li a > .icon {
  grid-area: icon;
  width: 100%;
  height: auto;
  align-self: start;
  border-radius: var(--border-radii-medium, var(--border-radii));
  border: var(--ll-tile-border, 1px solid rgba(0, 0, 0, 0.3));
  padding: 0;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}
.pat-link-list li a > .icon.pat-avatar {
  border-radius: 50%;
}
.pat-link-list li a:has(> .event-date) {
  grid-template-columns: calc(var(--bullet-space) * 2) 1fr;
}
.pat-link-list li a > .event-date {
  grid-area: icon;
  width: 100%;
  align-self: start;
  text-align: center;
  display: grid;
  line-height: 20px;
}
.pat-link-list li a > .event-date .month,
.pat-link-list li a > .event-date .day {
  color: color-mix(in srgb, var(--kik-card-colour, red) 60%, black 50%);
}
.pat-link-list li a > .event-date .month {
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  line-height: 13px;
  margin-bottom: 3px;
}
.pat-link-list li a > .event-date .day {
  font-size: 22px;
  display: block;
}
.pat-link-list li a .app-icon * {
  fill: var(--app-tile-icon-colour, var(--app-colour)) !important;
}
.pat-link-list li a.type-link-external:before {
  content: var(--glyph-link-ext);
}
.pat-link-list li a.type-link-internal:before {
  content: var(--glyph-link-internal);
}
.pat-link-list li a.type-tag:before {
  content: var(--glyph-tag);
}
.pat-link-list li a.warning a:not([class*="icon-"])::before {
  font-family: fontello;
  content: var(--glyph-attention);
  color: var(--colour-orange);
  line-height: 1.5;
  font-size: 0.7em;
}
.pat-link-list li a:has(> .preview) {
  grid-template-areas:
      "preview preview"
      "icon title";
}
.pat-link-list li a:has(> .preview):has(.item-byline),
.pat-link-list li a:has(> .preview):has(.item-summary) {
  grid-template-areas:
        "preview preview"
        "icon title"
        "icon byline";
}
.pat-link-list li a:has(> .preview) > .preview {
  grid-area: preview;
  width: 100%;
  object-fit: cover;
  object-position: top center;
  margin-bottom: var(--pat-x-list-gutter);
  border-radius: var(--border-radii-medium, var(--border-radii));
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: var(--ll-file-bg, rgba(0, 0, 0, 0.02));
}
.pat-link-list.tile-icons li a:has(> .preview) {
  grid-template-columns: 1fr;
  grid-template-areas:
      "preview"
      "title";
}
.pat-link-list.tile-icons li a:has(> .preview):has(.item-byline),
.pat-link-list.tile-icons li a:has(> .preview):has(.item-summary) {
  grid-template-areas:
        "preview"
        "title"
        "byline";
}
.pat-link-list.tile-icons li a:has(> .preview)::before {
  display: none;
}
.pat-link-list.preview-cards {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pat-x-list-gutter);
  align-items: stretch;
  container-type: inline-size;
  container-name: preview-cards;
}
.pat-link-list.preview-cards li {
  flex: 1 1 100%;
  margin-bottom: 0;
}
.pat-link-list.preview-cards li > a {
  width: 100%;
  height: 100%;
  align-content: start;
}
.pat-link-list.preview-cards .item-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  margin-bottom: 5px;
}
.pat-link-list.preview-cards .item-byline {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
@container preview-cards (min-width: 350px) {
.pat-link-list.preview-cards > li {
  flex-basis: calc(100% / 2 - var(--pat-x-list-gutter));
}
}
@container preview-cards (min-width: 530px) {
.pat-link-list.preview-cards > li {
  flex-basis: calc(100% / 3 - var(--pat-x-list-gutter));
}
}
@container preview-cards (min-width: 890px) {
.pat-link-list.preview-cards > li {
  flex-basis: calc(100% / 5 - var(--pat-x-list-gutter));
}
}
.pat-link-list.articles li a {
  grid-template-columns: 1fr auto;
  grid-template-areas: "title preview";
  align-items: start;
  --pat-link-list-title-font-size: 0.85em;
  --pat-link-list-title-line-height: 1.25;
}
.pat-link-list.articles li a:has(.item-byline),
.pat-link-list.articles li a:has(.item-summary) {
  grid-template-areas:
        "title preview"
        "byline preview";
}
.pat-link-list.articles li a:before {
  display: none;
}
.pat-link-list.articles li a .item-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}
.pat-link-list.articles li a .item-byline {
  zoom: 1;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  font-size: 0.8em;
  margin-top: 0.2em;
}
.pat-link-list.articles li a > .preview {
  grid-area: preview;
  align-self: center;
  width: 3.75em;
  height: 3.75em;
  object-fit: cover;
  border-radius: var(--border-radii-small, var(--border-radii));
  margin: 0;
  border: none;
  background-color: var(--ll-file-bg, rgba(0, 0, 0, 0.02));
}
.pat-link-list.articles li {
  box-sizing: border-box;
  margin-bottom: 0;
  padding: 0.6em 0;
  border-bottom: 1px solid var(--default-border-colour, rgba(0, 0, 0, 0.12));
}
.pat-link-list.articles li:first-child {
  border-top: 1px solid var(--default-border-colour, rgba(0, 0, 0, 0.12));
}
.pat-link-list.truncate .item-title,
.pat-link-list.truncate .link-title,
.pat-link-list.truncate .group-title,
.pat-link-list.truncate .item-byline,
.pat-link-list.truncate .link-byline,
.pat-link-list.truncate .item-summary {
  display: block;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  -webkit-hyphens: none;
  hyphens: none;
}
.pat-link-list.truncate .item-title:has(.counter) {
  display: flex;
  align-items: center;
}
.pat-link-list.truncate .item-title:has(.counter) .title-text {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pat-link-list.truncate .item-title:has(.counter) .counter {
  flex: 0 0 auto;
}
.pat-message {
  color: var(--body-font-colour);
  padding: var(--pat-message-padding);
  background-color: var(--colour-base);
  border-radius: var(--border-radii);
  line-height: 1.3;
  font-family: var(--body-font-family);
  box-shadow: var(--pat-message-box-shadow, 0 0 0 1px var(--pat-message-box-shadow-colour));
  border: var(--pat-message-border, 0);
  box-sizing: var(--pat-message-box-sizing, content-box);
  margin-bottom: var(--pat-message-margin-bottom);
}
.pat-message[class*=icon-] {
  display: flex;
  align-items: center;
  padding-right: 40px;
}
.pat-message[class*=icon-]:before {
  font-family: fontello;
  width: 80px;
  font-size: 30px;
  margin-right: 0.4em;
  text-align: center;
}
.pat-message .pat-button {
  text-decoration: none;
}
.pat-message a:not(.pat-button) {
  text-decoration: underline;
}
.pat-message > p,
.pat-message .message-title {
  margin-bottom: 0.4rem;
}
.pat-message .message-title {
  font-size: 1.5rem;
}
.pat-message > *:last-child {
  margin-bottom: 0;
}
.pat-message.success {
  --pat-message-box-shadow-colour: var(--colour-success);
  background-color: var(--colour-success-background);
  color: var(--colour-success-text);
}
.pat-message.success:before {
  color: var(--colour-success);
}
.pat-message.notice {
  --pat-message-box-shadow-colour: var(--colour-notice);
  background-color: var(--colour-notice-background);
  color: var(--colour-notice-text);
}
.pat-message.notice:before {
  color: var(--colour-notice);
}
.pat-message.notice .pat-button {
  color: var(--button-text-colour-default);
  background-color: var(--app-colour, var(--button-background-colour-default));
  box-shadow: var(--pat-button-box-shadow-default);
}
.pat-message.notice .pat-button:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
.pat-message.info {
  --pat-message-box-shadow-colour: var(--colour-info);
  background-color: var(--colour-info-background);
  color: var(--colour-info-text);
}
.pat-message.info:before {
  color: var(--colour-info);
}
.pat-message.info .pat-button {
  color: var(--button-text-colour-default);
  background-color: var(--app-colour, var(--button-background-colour-default));
  box-shadow: var(--pat-button-box-shadow-default);
}
.pat-message.info .pat-button:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
.pat-message.error {
  --pat-message-box-shadow-colour: var(--colour-error);
  background-color: var(--colour-error-background);
  color: var(--colour-error-text);
}
.pat-message.error:before {
  color: var(--colour-error);
}
.pat-message.warning {
  --pat-message-box-shadow-colour: var(--colour-warning);
  background-color: var(--colour-warning-background);
  color: var(--colour-warning-text);
}
.pat-message.warning:before {
  color: var(--colour-warning);
}
.pat-message.warning .pat-button {
  color: var(--button-text-colour-default);
  background-color: var(--app-colour, var(--button-background-colour-default));
  box-shadow: var(--pat-button-box-shadow-default);
}
.pat-message.warning .pat-button:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
#pat-modal-panel-space {
  transition: all var(--base-animation-duration);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
}
#pat-modal-panel-space.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
}
@media (prefers-reduced-motion: reduce) {
#pat-modal-panel-space.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
#pat-modal-panel-space:has(dialog[open],
  #pat-modal-panel-space.injecting) {
  background-color: var(--pat-modal-panel-space-background-colour);
  backdrop-filter: var(--pat-modal-panel-space-backdrop-filter);
  pointer-events: initial;
}
#pat-modal-panel-space:has(dialog[open],
  #pat-modal-panel-space.injecting):first-child {
  background: var(--colour-base);
}
.pat-modal-panel {
  position: fixed;
  z-index: 9998;
  max-width: 95%;
  width: var(--modal-panel-width-medium);
  top: 50%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  animation: fadeIn var(--base-animation-duration);
  padding: 0;
  margin: 0;
  z-index: 9998;
  border: none;
  background-color: transparent;
  color: var(--body-font-colour);
}
.pat-modal-panel.small {
  width: var(--modal-panel-width-small);
}
.pat-modal-panel.small .modal-panel-body {
  width: var(--modal-panel-width-small);
}
.pat-modal-panel .modal-panel-contents {
  position: relative;
  background-color: var(--colour-base-background);
  border-radius: var(--border-radii);
  box-shadow: var(--pat-modal-panel-panel-box-shadow);
}
.pat-modal-panel .modal-panel-contents:after {
  content: ' ';
  display: table;
  clear: both;
}
.pat-modal-panel .modal-panel-header {
  margin: 0;
  padding: 20px 20px;
}
.pat-modal-panel .modal-panel-header .modal-panel-title {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  font-size: 22px;
}
.pat-modal-panel .modal-panel-header .modal-panel-close-button {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: var(--close-button-height);
  height: var(--close-button-height);
  border-radius: var(--border-radii);
  color: transparent !important;
  filter: none;
  border: none;
  background: none;
  outline: none;
  display: block;
  padding: 0;
  margin: 0;
  transition: transform var(--base-animation-duration) ease-out;
  z-index: 2;
  font-size: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  color: transparent;
}
.pat-modal-panel .modal-panel-header .modal-panel-close-button:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-modal-panel .modal-panel-header .modal-panel-close-button:active {
  box-shadow: inherit;
  transform: scale(0.9);
  box-shadow: none;
}
.pat-modal-panel .modal-panel-header .modal-panel-close-button:before {
  font-family: fontello;
  content: var(--glyph-cancel);
  display: block;
  width: var(--close-button-height);
  text-align: center;
  font-size: calc(0.7 * var(--close-button-height));
  margin: 0;
  display: block;
  border-radius: var(--border-radii);
  text-indent: 1%;
  line-height: calc(0.95 * var(--close-button-height));
  height: var(--close-button-height);
  color: var(--button-text-colour);
  background-color: var(--button-background-colour);
}
.pat-modal-panel .modal-panel-header .modal-panel-close-button:before:hover {
  color: var(--button-text-colour-hover);
  background-color: var(--button-background-colour-hover);
  text-decoration: none;
}
.pat-modal-panel .pat-toolbar {
  margin-bottom: 10px;
}
.pat-modal-panel .modal-panel-body {
  overflow: auto;
  overscroll-behavior: none;
  max-height: calc(100vh - 190px);
  padding: var(--modal-panel-body-top-padding) var(--modal-panel-body-left-right-padding) 0;
  box-sizing: border-box;
}
@container screen style(--screen-large: true) {
.pat-modal-panel .modal-panel-body {
  width: var(--modal-panel-width-medium);
}
}
@container screen style(--screen-medium: true) {
.pat-modal-panel .modal-panel-body {
  width: var(--modal-panel-width-medium);
}
}
@container screen style(--screen-small: true) {
.pat-modal-panel .modal-panel-body {
  width: 100%;
}
}
.pat-modal-panel .modal-panel-body > .form-fields {
  padding-bottom: 20px;
}
.pat-modal-panel .modal-panel-body > .modal-panel-main-button-bar {
  position: -webkit-sticky !important;
  position: sticky !important;
  bottom: 0;
  margin-bottom: 0;
  margin-bottom: 1px;
  background: var(--colour-base-background);
  padding-bottom: calc(var(--modal-panel-body-bottom-padding) - 1px);
  padding-top: 25px;
  border-top: 1px solid white;
  z-index: 10;
}
.pat-modal-panel .modal-panel-body > .modal-panel-main-button-bar.bumped-bottom {
  border-top: var(--default-border);
  padding-bottom: var(--modal-panel-body-bottom-padding);
}
.pat-modal-panel .sliding-sheets {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  scroll-behavior: smooth;
  margin-bottom: 77px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.pat-modal-panel .sliding-sheets .modal-panel-body {
  width: var(--modal-panel-width-large);
}
.pat-modal-panel .sliding-sheets::-webkit-scrollbar {
  display: none;
}
.pat-modal-panel .sliding-sheets .modal-panel-footer {
  display: none;
}
.pat-modal-panel .sliding-sheets .modal-panel-footer,
.pat-modal-panel .sliding-sheets + .modal-panel-footer {
  position: absolute;
  bottom: 0;
  right: 30px;
  left: 30px;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: var(--default-border);
  background-color: var(--colour-base-background);
}
.pat-modal-panel .sliding-sheets .modal-panel-body {
  scroll-snap-align: center;
}
.pat-modal-panel .sliding-sheets .modal-panel-body:target .modal-panel-footer,
.pat-modal-panel .sliding-sheets .modal-panel-body:first-child .modal-panel-footer {
  display: block;
}
@container screen style(--screen-large: true) {
.pat-modal-panel.large {
  width: var(--modal-panel-width-large);
}
}
@container screen style(--screen-large: true) {
.pat-modal-panel.large .modal-panel-body {
  width: var(--modal-panel-width-large);
}
}
@media print {
body.modal-active > *:not(.pat-modal) {
  display: none;
}
}
@keyframes show-sheet {

    0% {
      opacity: 0;
      transform: translate(-50%, 100%);
    }

    100% {
      opacity: 1;
      transform: translate(-50%, 0);
    }
  }
@media screen {
div.pat-modal.sheet {
  position: absolute;
  left: 50%;
  max-width: 840px;
  width: 90%;
  bottom: 0;
  top: 80px !important;
  z-index: 10000;
  animation: show-sheet 0.4s;
  box-sizing: border-box;
  transform: translate(-50%, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
}
@media print {
div.pat-modal.sheet {
  transform: translate(0, 0) !important;
}
}
div.pat-modal.sheet .close-panel {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 1;
  color: transparent;
}
div.pat-modal.sheet .close-panel:hover:before {
  background-color: rgba(black, 0.4);
}
div.pat-modal.sheet .close-panel:before {
  font-family: fontello;
  content: var(--glyph-cancel);
  color: white;
  border-radius: 50%;
  background-color: rgba(black, 0.3);
  width: var(--close-button-height);
  height: var(--close-button-height);
  line-height: var(--close-button-height);
  text-align: center;
  display: block;
  font-size: 28px;
}
@media print {
div.pat-modal.sheet .close-panel {
  display: none !important;
}
}
@media screen {
div.pat-modal.sheet .panel-content {
  overflow: auto;
  padding: 80px;
  background-color: var(--colour-base-background);
  border-top-left-radius: var(--border-radii);
  border-top-right-radius: var(--border-radii);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  box-shadow: var(--pat-modal-panel-panel-box-shadow);
}
}
@media print {
div.pat-modal.sheet .panel-content {
  overflow: visible;
}
}
@media screen {
div.pat-modal.sheet:before {
  position: absolute;
  top: -2000px;
  right: -2000px;
  bottom: -2000px;
  left: -2000px;
  content: ' ';
  z-index: -1;
  background-color: rgba(0,0,0,0.15);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  animation: fadeIn 1s;
}
}
div.pat-modal.panel {
  position: fixed;
  z-index: 9998;
  max-width: 95%;
  width: 550px !important;
  height: auto !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  animation: fadeIn 0.2s;
  background-color: transparent;
  border-radius: var(--border-radii);
}
div.pat-modal.panel.carousel .panel-content .panel-body {
  overflow-y: visible;
  max-height: auto;
  padding-bottom: 0;
}
div.pat-modal.panel.carousel .panel-content .panel-body * {
  -webkit-user-select: none;
  user-select: none;
}
div.pat-modal.panel.carousel .panel-content .panel-body:has(.pat-button-bar) {
  padding-bottom: 20px;
}
div.pat-modal.panel.carousel .panel-content .panel-body .pat-toolbar {
  margin-bottom: 30px;
  margin-top: -10px;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel {
  margin-left: calc(-1 * var(--modal-panel-body-left-right-padding));
  margin-right: calc(-1 * var(--modal-panel-body-left-right-padding));
  margin-top: 0;
  margin-bottom: 0;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list {
  position: static;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track {
  position: static;
  transform: none !important;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track .slick-slide {
  padding: 0 var(--modal-panel-body-left-right-padding);
  max-height: calc(100vh - 390px);
  overflow-y: auto;
  position: static;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track .slick-slide .sheet-content:has(.pat-button-bar) {
  padding-bottom: 80px;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track .slick-slide .sheet-content .modal-panel-main-button-bar {
  position: absolute;
  bottom: 0;
  right: 30px;
  left: 30px;
  margin: 0;
  padding-top: 20px;
  border-top: 1px silver solid;
  background-color: var(--colour-base-background);
  display: none;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track .slick-slide.slick-current .sheet-content .modal-panel-main-button-bar {
  display: block;
}
div.pat-modal.panel.carousel .panel-content .panel-body .container > .pat-button-bar:last-child,
div.pat-modal.panel.carousel .panel-content .panel-body .container .main.pat-button-bar {
  position: relative !important;
  bottom: 0;
  border-top: 1px solid silver;
}
div.pat-modal.panel.carousel .panel-content .panel-body .slick-slide:not(.slick-active) .sheet-content > .pat-button-bar:last-child {
  opacity: 0;
}
div.pat-modal.panel.small {
  animation: bounceInCentred 0.5s;
}
div.pat-modal.panel.medium {
  width: 900px !important;
}
div.pat-modal.panel.large {
  width: 1200px !important;
}
div.pat-modal.panel.large.object {
  height: calc(100vh - 80px) !important;
  height: 100%;
  box-sizing: border-box;
}
div.pat-modal.panel.large.object object {
  height: 100%;
  width: 100%;
}
div.pat-modal.panel.large.object .panel-content {
  box-sizing: border-box;
  height: 100%;
}
div.pat-modal.panel.full {
  width: 95% !important;
}
div.pat-modal.panel > .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
div.pat-modal.panel > .header h1 {
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}
div.pat-modal.panel > .header .button-fullscreen,
div.pat-modal.panel > .header .close-panel {
  display: none;
  position: absolute;
  top: 15px;
  height: var(--image-details-social-button-bar-height);
  width: var(--image-details-social-button-bar-height);
  line-height: var(--image-details-social-button-bar-height);
  background-color: var(--button-background-colour-default);
  color: transparent;
}
div.pat-modal.panel > .header .button-fullscreen:hover,
div.pat-modal.panel > .header .close-panel:hover {
  background-color: var(--button-background-colour-default-hover);
}
div.pat-modal.panel > .header .button-fullscreen:before,
div.pat-modal.panel > .header .close-panel:before {
  font-family: fontello;
  content: var(--glyph-cancel);
  color: var(--button-text-colour-default);
  font-size: 24px;
  width: 100%;
  display: block;
  text-align: center;
}
div.pat-modal.panel > .header .button-fullscreen {
  right: 65px;
}
div.pat-modal.panel > .header .button-fullscreen:before {
  content: var(--glyph-resize-full);
}
div.pat-modal.panel > .header .close-panel {
  right: 15px;
}
div.pat-modal.panel > .header .close-panel:before {
  content: var(--glyph-cancel);
}
div.pat-modal.panel.object > .header .close-panel,
div.pat-modal.panel.object > .header .button-fullscreen {
  display: block;
}
div.pat-modal.panel.object:-webkit-full-screen {
  width: 100%;
  height: 100%;
  background-color: var(--body-font-colour);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div.pat-modal.panel.object:-ms-fullscreen {
  width: 100%;
  height: 100%;
  background-color: var(--body-font-colour);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div.pat-modal.panel.object:fullscreen {
  width: 100%;
  height: 100%;
  background-color: var(--body-font-colour);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div.pat-modal.panel .panel-content {
  background: var(--colour-base-background);
  box-shadow: var(--pat-modal-panel-panel-box-shadow);
  padding-top: 68px;
  border-radius: var(--border-radii);
}
div.pat-modal.panel .panel-content .panel-body {
  max-height: calc(100vh - 250px);
  overflow-y: auto;
  padding-top: var(--modal-panel-body-top-padding);
}
div.pat-modal.panel .panel-content .panel-body > .pat-button-bar:last-child,
div.pat-modal.panel .panel-content .panel-body .container > .pat-button-bar:last-child,
div.pat-modal.panel .panel-content .panel-body .container > form > .pat-button-bar:last-child,
div.pat-modal.panel .panel-content .panel-body .container > .panel-sheets > .sheet-content > form > .pat-button-bar:last-child {
  position: -webkit-sticky !important;
  position: sticky !important;
  bottom: -21px;
  background: var(--colour-base-background);
  padding-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid white;
  z-index: 10;
}
div.pat-modal.panel .panel-content .panel-body > .pat-button-bar:last-child.bumped,
div.pat-modal.panel .panel-content .panel-body .container > .pat-button-bar:last-child.bumped,
div.pat-modal.panel .panel-content .panel-body .container > form > .pat-button-bar:last-child.bumped,
div.pat-modal.panel .panel-content .panel-body .container > .panel-sheets > .sheet-content > form > .pat-button-bar:last-child.bumped {
  border-top: var(--default-border);
}
div.pat-modal.panel .panel-content > .pat-button-bar,
div.pat-modal.panel .panel-content .container > .pat-button-bar {
  margin: 0;
  padding-bottom: 5px;
}
div.pat-modal.panel:after {
  position: fixed;
  top: -2000px;
  right: -2000px;
  bottom: -2000px;
  left: -2000px;
  content: ' ';
  z-index: -1;
  background-color: rgba(0,0,0,0.15);
  -webkit-backdrop-filter: blur(3px) saturate(0.5);
  backdrop-filter: blur(3px) saturate(0.5);
  animation: fadeIn 1s;
}
div.pat-modal.panel .panel-body {
  padding-bottom: 20px;
}
div.pat-modal.panel .panel-footer {
  padding-bottom: 10px;
}
div.pat-modal.panel .panel-footer .container:before {
  content: ' ';
  height: 1px;
  display: block;
  margin-bottom: 20px;
  background: var(--pat-modal-panel-footer-border-colour);
}
div.pat-modal.panel .panel-footer .container .pat-button {
  margin: 0 10px 10px 0;
}
div.pat-modal.panel .panel-footer .container .float-after {
  margin-right: 0;
  float: right;
}
div.pat-modal.panel .container {
  width: 100%;
  padding: 0 var(--modal-panel-body-left-right-padding);
}
div.pat-modal:not(.panel):not(.sheet),
div.pat-modal.document-content:not(.panel):not(.sheet) {
  background-color: rgba(255,255,255,0.95);
  box-sizing: border-box;
  position: fixed;
  z-index: 9998;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
}
.backdropfilter div.pat-modal:not(.panel):not(.sheet),
.backdropfilter div.pat-modal.document-content:not(.panel):not(.sheet) {
  background-color: rgba(255,255,255,0.15);
  -webkit-backdrop-filter: blur(100px) saturate(4) brightness(1.2);
  backdrop-filter: blur(100px) saturate(4) brightness(1.2);
}
div.pat-modal:not(.panel):not(.sheet) .filter-bar,
div.pat-modal.document-content:not(.panel):not(.sheet) .filter-bar {
  margin-bottom: 2em;
}
div.pat-modal:not(.panel):not(.sheet) .filter-bar input[type=search],
div.pat-modal.document-content:not(.panel):not(.sheet) .filter-bar input[type=search] {
  float: right;
  width: 14em;
}
div.pat-modal:not(.panel):not(.sheet) .header,
div.pat-modal.document-content:not(.panel):not(.sheet) .header {
  color: gray;
  padding: 0;
  position: relative;
  z-index: 2;
  background-color: transparent;
  height: 0;
}
div.pat-modal:not(.panel):not(.sheet) .header *,
div.pat-modal.document-content:not(.panel):not(.sheet) .header * {
  display: none;
}
div.pat-modal:not(.panel):not(.sheet) .header .close-panel,
div.pat-modal.document-content:not(.panel):not(.sheet) .header .close-panel {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: var(--close-button-height);
  height: var(--close-button-height);
  border-radius: var(--border-radii);
  color: transparent !important;
  filter: none;
  border: none;
  background: none;
  outline: none;
  display: block;
  padding: 0;
  margin: 0;
  transition: transform var(--base-animation-duration) ease-out;
  z-index: 2;
  font-size: 0;
  font-size: 20px;
  background: none;
}
div.pat-modal:not(.panel):not(.sheet) .header .close-panel:focus,
div.pat-modal.document-content:not(.panel):not(.sheet) .header .close-panel:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
div.pat-modal:not(.panel):not(.sheet) .header .close-panel:active,
div.pat-modal.document-content:not(.panel):not(.sheet) .header .close-panel:active {
  box-shadow: inherit;
  transform: scale(0.9);
  box-shadow: none;
}
div.pat-modal:not(.panel):not(.sheet) .header .close-panel:before,
div.pat-modal.document-content:not(.panel):not(.sheet) .header .close-panel:before {
  font-family: fontello;
  content: var(--glyph-cancel);
  display: block;
  width: var(--close-button-height);
  text-align: center;
  font-size: calc(0.7 * var(--close-button-height));
  margin: 0;
  display: block;
  border-radius: var(--border-radii);
  text-indent: 1%;
  line-height: calc(0.95 * var(--close-button-height));
  height: var(--close-button-height);
  color: var(--button-text-colour);
  background-color: var(--button-background-colour);
}
div.pat-modal:not(.panel):not(.sheet) .header .close-panel:before:hover,
div.pat-modal.document-content:not(.panel):not(.sheet) .header .close-panel:before:hover {
  color: var(--button-text-colour-hover);
  background-color: var(--button-background-colour-hover);
  text-decoration: none;
}
div.pat-modal:not(.panel):not(.sheet).small .panel-content .container,
div.pat-modal:not(.panel):not(.sheet) > .panel-content .panel-class-small .container,
div.pat-modal.document-content:not(.panel):not(.sheet).small .panel-content .container,
div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content .panel-class-small .container {
  max-width: 640px;
}
div.pat-modal:not(.panel):not(.sheet).small > .panel-content > h1,
div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small,
div.pat-modal.document-content:not(.panel):not(.sheet).small > .panel-content > h1,
div.pat-modal.document-content:not(.panel):not(.sheet) h1.panel-class-small {
  max-width: 530px;
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
div.pat-modal:not(.panel):not(.sheet).small > .panel-content > h1,
div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small,
div.pat-modal.document-content:not(.panel):not(.sheet).small > .panel-content > h1,
div.pat-modal.document-content:not(.panel):not(.sheet) h1.panel-class-small {
  max-width: 580px;
  padding: 0 2.25em;
}
}
div.pat-modal:not(.panel):not(.sheet).medium .panel-content .container,
div.pat-modal:not(.panel):not(.sheet) > .panel-content .panel-class-small .container,
div.pat-modal.document-content:not(.panel):not(.sheet).medium .panel-content .container,
div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content .panel-class-small .container {
  max-width: 840px;
}
div.pat-modal:not(.panel):not(.sheet).medium > .panel-content > h1,
div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small,
div.pat-modal.document-content:not(.panel):not(.sheet).medium > .panel-content > h1,
div.pat-modal.document-content:not(.panel):not(.sheet) h1.panel-class-small {
  max-width: 730px;
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
div.pat-modal:not(.panel):not(.sheet).medium > .panel-content > h1,
div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small,
div.pat-modal.document-content:not(.panel):not(.sheet).medium > .panel-content > h1,
div.pat-modal.document-content:not(.panel):not(.sheet) h1.panel-class-small {
  max-width: 780px;
  padding: 0 2.25em;
}
}
div.pat-modal:not(.panel):not(.sheet) > .panel-content,
div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content {
  background-color: transparent;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  opacity: 0;
  padding: 5em 3em;
  transform: scale(1.5) translate(-50%, -50%);
  transform-origin: 0;
  transition: var(--base-animation-duration) all;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  box-sizing: border-box;
}
div.pat-modal:not(.panel):not(.sheet) > .panel-content > *,
div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content > * {
  max-width: var(--break-large);
  margin-left: auto;
  margin-right: auto;
}
div.pat-modal:not(.panel):not(.sheet) > .panel-content > h1,
div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content > h1 {
  max-width: 1280px;
  font-weight: 200;
  font-size: 2em;
  line-height: 1.3;
  margin-bottom: 0.7em;
  padding: 0 3em;
  box-sizing: border-box;
}
@container screen style(--screen-small: true) {
div.pat-modal:not(.panel):not(.sheet) > .panel-content > h1,
div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content > h1 {
  display: none;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
div.pat-modal:not(.panel):not(.sheet) > .panel-content > h1,
div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content > h1 {
  padding: 0 2.25em;
}
}
@media only screen and (min-width: 1280px) {
div.pat-modal:not(.panel):not(.sheet) > .panel-content > h1,
div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content > h1 {
  padding: 0 6.7rem;
}
}
.modal-active div.pat-modal:not(.panel):not(.sheet) > .panel-content,
.modal-active div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content {
  transform: scale(1) translate(-50%,-50%);
  opacity: 1;
}
@container screen style(--screen-small: true) {
div.pat-modal:not(.panel):not(.sheet) > .panel-content,
div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content {
  padding: 5em 1.5rem;
}
}
div.pat-modal:not(.panel):not(.sheet).max-height > .panel-content,
div.pat-modal.document-content:not(.panel):not(.sheet).max-height > .panel-content {
  height: 100%;
}
div.pat-modal:not(.panel):not(.sheet) img,
div.pat-modal.document-content:not(.panel):not(.sheet) img {
  max-width: 100%;
}
div.pat-modal:not(.panel):not(.sheet) .wizard-box,
div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box {
  padding: 0;
}
div.pat-modal:not(.panel):not(.sheet) .wizard-box .panel-body,
div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box .panel-body {
  padding: 0 3em 0;
  margin-bottom: 0;
  margin-top: 0;
}
@container screen style(--screen-small: true) {
div.pat-modal:not(.panel):not(.sheet) .wizard-box .panel-body,
div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box .panel-body {
  padding: 5em 1em 0;
}
}
div.pat-modal:not(.panel):not(.sheet) .wizard-box .panel-footer,
div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box .panel-footer {
  margin: 0;
  height: 1.6em;
  padding: 0.8em 3em;
}
@container screen style(--screen-small: true) {
div.pat-modal:not(.panel):not(.sheet) .wizard-box .panel-footer,
div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box .panel-footer {
  padding: 0.8em 1em;
}
}
div.pat-modal:not(.panel):not(.sheet).max-height .wizard-box,
div.pat-modal.document-content:not(.panel):not(.sheet).max-height .wizard-box {
  overflow: hidden;
}
div.pat-modal:not(.panel):not(.sheet).max-height .wizard-box .panel-body,
div.pat-modal.document-content:not(.panel):not(.sheet).max-height .wizard-box .panel-body {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 5em 3em;
  overflow: auto;
}
div.pat-modal:not(.panel):not(.sheet).max-height .wizard-box .panel-footer,
div.pat-modal.document-content:not(.panel):not(.sheet).max-height .wizard-box .panel-footer {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  border-top: 1px solid #dedede;
  background: rgba(255,255,255,0.9);
  z-index: 10000;
}
@container screen style(--screen-small: true) {
div.pat-modal:not(.panel):not(.sheet),
div.pat-modal.document-content:not(.panel):not(.sheet) {
  width: 100% !important;
  height: 100% !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  max-width: inherit !important;
  max-height: inherit !important;
  margin: 0 !important;
  border: none !important;
}
}
@container screen style(--screen-small: true) {
div.pat-modal:not(.panel):not(.sheet) > .panel-content,
div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content {
  height: 100%;
  padding-top: 4em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
}
@container screen style(--screen-small: true) {
div.pat-modal:not(.panel):not(.sheet) .wizard-box,
div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box {
  overflow: hidden;
}
}
@container screen style(--screen-small: true) {
div.pat-modal:not(.panel):not(.sheet) .header,
div.pat-modal.document-content:not(.panel):not(.sheet) .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
}
@container screen style(--screen-small: true) {
div.pat-modal:not(.panel):not(.sheet) .panel-body,
div.pat-modal.document-content:not(.panel):not(.sheet) .panel-body {
  position: absolute;
  top: 2em;
  bottom: 57px;
  right: 0;
  left: 0;
}
}
@container screen style(--screen-small: true) {
div.pat-modal:not(.panel):not(.sheet) .panel-footer,
div.pat-modal.document-content:not(.panel):not(.sheet) .panel-footer {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
}
.pat-more-menu:before {
  content: var(--glyph-ellipsis);
}
.pat-notification-panel {
  width: 380px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  padding: var(--pat-notification-padding);
  margin-bottom: 1em;
  display: block;
  border-radius: var(--pat-notification-border-radius);
  background-color: var(--pat-notification-background-colour);
  color: rgba(0,0,0,0.8);
  border: 1px solid white;
  -webkit-backdrop-filter: blur(3px) saturate(0.5);
  backdrop-filter: blur(3px) saturate(0.5);
  font-size: var(--pat-notification-font-size);
  line-height: var(--pat-notification-line-height);
  padding: var(--pat-notification-padding);
  --close-button-height: var(--pat-notification-line-height);
  --close-button-width: var(--pat-notification-line-height);
}
.pat-notification-panel 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;
}
.pat-notification-panel button:before {
  line-height: inherit;
}
.pat-notification-panel 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);
}
.pat-notification-panel 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);
}
.pat-notification-panel button:active {
  box-shadow: var(--pat-button-box-shadow-active);
}
.pat-notification-panel 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);
}
.pat-notification-panel button.default:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
.pat-notification-panel button.warning {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-warning);
}
.pat-notification-panel button.warning:hover {
  color: white;
  background-color: var(--colour-warning-hover);
}
.pat-notification-panel button.success {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-success);
}
.pat-notification-panel button.success:hover {
  color: white;
  background-color: var(--colour-success-hover);
}
.pat-notification-panel button[disabled],
.pat-notification-panel button.disabled,
.pat-notification-panel button:is(a):not([href]),
.pat-notification-panel button.default[disabled],
.pat-notification-panel button.default.disabled,
.pat-notification-panel button:is(a).default:not([href]) {
  color: var(--button-text-colour-disabled);
  background-color: var(--button-background-colour-disabled);
}
.pat-notification-panel button[disabled]:hover,
.pat-notification-panel button.disabled:hover,
.pat-notification-panel button:is(a):not([href]):hover,
.pat-notification-panel button.default[disabled]:hover,
.pat-notification-panel button.default.disabled:hover,
.pat-notification-panel button:is(a).default:not([href]):hover {
  color: var(--button-text-colour-disabled-hover);
  background-color: var(--button-background-colour-disabled-hover);
}
@media print {
.pat-notification-panel button {
  display: none;
}
}
.pat-notification-panel 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);
}
.pat-notification-panel button.small:before {
  font-size: 15px;
}
.pat-notification-panel button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.pat-notification-panel button.iconified {
  width: 30px;
  padding: 0;
}
.pat-notification-panel button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: var(--pat-button-height);
}
.pat-notification-panel button.link {
  padding: 0;
  display: inline;
  background: none;
  color: var(--colour-link);
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.pat-notification-panel button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: var(--colour-link-hover);
}
.pat-notification-panel button.no-label {
  padding: 0;
  aspect-ratio: 1 / 1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.pat-notification-panel button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.pat-notification-panel button:before {
  font-weight: normal;
  margin-right: 5px;
  float: left;
}
body[dir=rtl] .pat-notification-panel button:before {
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
.pat-notification-panel button.add:before {
  font-family: fontello;
  content: var(--glyph-plus);
}
.pat-notification-panel button {
  font-size: var(--button-small-font-size);
  padding: var(--button-small-paddings);
  line-height: var(--button-small-height);
  vertical-align: baseline;
}
@container screen style(--screen-small: true) {
.pat-notification-panel {
  width: 100%;
  box-sizing: border-box;
}
}
.pat-notification-panel p {
  hyphens: auto;
}
.pat-notification-panel a {
  text-decoration: underline;
}
.pat-notification-panel.notice {
  background-color: var(--colour-notice-background);
}
.pat-notification-panel.success {
  background-color: var(--colour-success-background);
  color: var(--body-font-colour);
}
.pat-notification-panel.success * {
  color: black !important;
}
.pat-notification-panel.warning {
  background-color: var(--colour-warning-background);
}
.pat-notification-panel.warning * {
  color: black !important;
}
.pat-notification-panel.error {
  background-color: var(--colour-error-background);
}
.pat-notification-panel.error * {
  color: black !important;
}
.pat-notification-panel.info {
  background-color: var(--colour-info-background);
  color: #154963;
}
.pat-notification-panel p:last-of-type {
  margin-bottom: 0;
}
#pat-notification-banners {
  position: fixed;
  top: var(--pat-notifications-top-distance);
  right: 0;
  padding: var(--pat-notification-padding);
  overflow: auto;
  z-index: 2147483647;
  max-height: calc(100vh - var(--pat-notifications-top-distance));
}
@container screen style(--screen-small: true) {
#pat-notification-banners {
  left: 0;
}
}
#pat-notification-banners .pat-notification-panel {
  padding-right: 15px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  backdrop-filter: var(--pat-notification-backdrop-filter);
  box-shadow: var(--pat-notification-box-shadow);
}
#pat-notification-banners .close-panel {
  color: transparent !important;
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: var(--close-button-height);
  height: var(--close-button-height);
  border-radius: var(--border-radii);
  color: transparent !important;
  filter: none;
  border: none;
  background: none;
  outline: none;
  display: block;
  padding: 0;
  margin: 0;
  transition: transform var(--base-animation-duration) ease-out;
  z-index: 2;
  font-size: 0;
  position: static;
  justify-self: flex-end;
}
#pat-notification-banners .close-panel:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
#pat-notification-banners .close-panel:active {
  box-shadow: inherit;
  transform: scale(0.9);
  box-shadow: none;
}
#pat-notification-banners .close-panel:before {
  font-family: fontello;
  content: var(--glyph-cancel);
  display: block;
  width: var(--close-button-height);
  text-align: center;
  font-size: calc(0.7 * var(--close-button-height));
  margin: 0;
  display: block;
  border-radius: var(--border-radii);
  text-indent: 1%;
  line-height: calc(0.95 * var(--close-button-height));
  height: var(--close-button-height);
  color: var(--button-text-colour);
  background-color: var(--button-background-colour);
}
#pat-notification-banners .close-panel:before:hover {
  color: var(--button-text-colour-hover);
  background-color: var(--button-background-colour-hover);
  text-decoration: none;
}
.pat-picture {
  position: relative;
  display: block;
}
.pat-picture img {
  display: block;
  width: 100%;
}
.pat-picture .copyright-mention {
  position: absolute;
  z-index: 10;
  bottom: 0.5rem;
  left: 0.5rem;
  margin: 0;
  color: #fff;
  text-shadow: 0px 0px 1px rgba(0,0,0,.5),-1px 0px 1px rgba(0,0,0,.5),1px 0px 1px rgba(0,0,0,.5),0px -1px 1px rgba(0,0,0,.5),0px 1px 1px rgba(0,0,0,.5),2px 2px 6px rgba(0,0,0,.5);
  font-size: 0.8888888889rem;
  line-height: 1.125;
  display: block;
  opacity: 0.7;
  white-space: nowrap;
}
.pat-picture .copyright-mention:before {
  font-family: fontello;
}
.pat-picture .copyright-mention.type-copyright:before {
  content: var(--glyph-copyright);
}
.pat-picture .copyright-mention.type-creative-commons:before {
  content: var(--glyph-creative-commons);
}
div.ProseMirror {
  outline: none !important;
}
body div.ProseMirror {
  -webkit-user-select: text;
  user-select: text;
}
.pat-rich-editor {
  width: 100%;
  position: relative;
}
.pat-form .pat-rich-editor:not(.toolbar-detached) {
  padding-top: calc(var(--pat-toolbar-button-height) + 15px);
}
.pat-rich-editor .tiptap-menubar {
  display: none;
}
.pat-rich-editor .canvas-toolbar.inline,
.pat-rich-editor .pat-toolbar.inline {
  --pat-toolbar-padding: 4px;
  background-color: rgba(0,0,0,0.06);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: var(--pat-toolbar-padding) var(--pat-form-input-field-padding-start-end);
  font-size: 18px;
}
.pat-rich-editor .canvas-toolbar.inline .canvas-toolbar-section.editor,
.pat-rich-editor .pat-toolbar.inline .canvas-toolbar-section.editor {
  font-size: 0.8em;
}
.pat-rich-editor .canvas-toolbar.inline .pat-toolbar-section.editor,
.pat-rich-editor .pat-toolbar.inline .pat-toolbar-section.editor {
  font-size: 0.8em;
}
.pat-screenshot {
  overflow: hidden;
  position: relative;
  margin-bottom: var(--rich-block-tail-white);
}
.pat-screenshot:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: ' ';
  z-index: 1;
}
.pat-screenshot.allow-interaction:before {
  display: none;
}
.pat-screenshot.allow-interaction object,
.pat-screenshot.allow-interaction iframe {
  -webkit-user-select: auto;
  user-select: auto;
  pointer-events: auto;
}
.pat-screenshot figcaption {
  position: relative;
  z-index: 2;
  margin-top: var(--pat-rich-figcaption-top-distance);
}
.pat-screenshot figcaption .icon {
  height: 1em;
  margin-right: 0.2em;
  vertical-align: middle;
}
.pat-screenshot object,
.pat-screenshot iframe {
  width: 1280px;
  height: 800px;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  margin: 0;
  border: none;
  background-color: var(--colour-base-background);
}
.pat-screenshot .auto-scale-wrapper {
  overflow: hidden;
  border: var(--default-border);
  border-radius: var(--border-radii);
  background-color: var(--colour-base);
  box-sizing: border-box;
  max-width: 100%;
}
.pat-screenshot .passe-partout {
  width: 1280px;
  height: 800px;
  overflow: hidden;
  background-color: var(--colour-base);
}
.pat-screenshot .passe-partout.cutout object,
.pat-screenshot .passe-partout.cutout iframe {
  transform: scale(2);
}
.pat-screenshot .passe-partout.cut-tl object,
.pat-screenshot .passe-partout.cut-tl iframe {
  transform-origin: top left;
}
.pat-screenshot .passe-partout.cut-tr object,
.pat-screenshot .passe-partout.cut-tr iframe {
  transform-origin: top right;
}
.pat-screenshot .passe-partout.cut-br object,
.pat-screenshot .passe-partout.cut-br iframe {
  transform-origin: bottom right;
}
.pat-screenshot .passe-partout.cut-bl object,
.pat-screenshot .passe-partout.cut-bl iframe {
  transform-origin: bottom left;
}
.pat-screenshot.type-app-icon {
  margin-bottom: 0;
  margin-top: 20px;
}
.pat-screenshot.type-app-icon .auto-scale-wrapper {
  box-shadow: none;
  border-radius: 0;
}
.pat-screenshot.type-app-icon .auto-scale-wrapper {
  margin-bottom: -10px;
}
.pat-screenshot.type-app-icon .passe-partout,
.pat-screenshot.type-app-icon object,
.pat-screenshot.type-app-icon iframe {
  height: 480px;
  box-shadow: none;
}
.pat-screenshot.browser-window {
  background-color: var(--colour-base-background);
  border-radius: var(--browser-window-border-radii);
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.20);
  position: relative;
  overflow: hidden;
  border: 1px solid silver;
  padding: 0;
}
.pat-screenshot.browser-window .auto-scale-wrapper,
.pat-screenshot.browser-window img {
  border-bottom-left-radius: var(--browser-window-border-radii);
  border-bottom-right-radius: var(--browser-window-border-radii);
  overflow: hidden;
  border-top: 35px solid rgba(silver, 0.8);
  box-shadow: none;
  border-radius: 0;
}
@container screen style(--screen-small: true) {
.pat-screenshot.browser-window .auto-scale-wrapper,
.pat-screenshot.browser-window img {
  border-top: 25px solid rgba(silver, 0.8);
}
}
.pat-screenshot.browser-window object,
.pat-screenshot.browser-window iframe {
  box-shadow: none;
  background-color: var(--colour-base-background);
}
.pat-screenshot.browser-window img {
  display: block;
  width: 100%;
}
.pat-screenshot.browser-window:before,
.pat-screenshot.browser-window:after {
  line-height: 24px;
  height: 24px;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 4px;
  border-radius: 6px;
  border: rgba(0,0,0,0.25) 1px solid;
}
.pat-screenshot.browser-window:before {
  content: var(--glyph-arrows-apart);
  font-family: fontello;
  width: 48px;
  left: 14px;
  background-color: rgba(255,255,255,0.5);
  color: rgba(0,0,0,0.5);
  font-size: 29px;
}
@container screen style(--screen-small: true) {
.pat-screenshot.browser-window:before {
  transform: scale(0.65);
  transform-origin: top left;
}
}
.pat-screenshot.browser-window:after {
  content: attr(data-url);
  background-color: var(--colour-base-background);
  left: 120px;
  right: 120px;
  font-size: 15px;
  padding: 0 25px;
  overflow: hidden;
  white-space: nowrap;
}
.pat-sortable-blocks {
  counter-reset: count;
  -webkit-user-select: none;
  user-select: none;
  display: none;
}
.pat-modal .pat-sortable-blocks:first-of-type {
  padding-top: 20px;
}
.pat-sortable-blocks:has(.remove-clone),
.pat-sortable-blocks:has(.remove-clone-submit) {
  margin-right: 36px;
}
.horizontal .pat-sortable-blocks {
  margin-right: 0;
}
.horizontal .pat-sortable-blocks + .pat-button-bar {
  margin-top: 0px;
}
.horizontal .pat-sortable-blocks + .pat-button-bar {
  margin-bottom: 0;
}
.pat-sortable-blocks .pat-button-bar {
  transition: padding-left 0.4s;
}
.pat-sortable-blocks:has(.sortable-item) {
  display: block;
  margin-top:    calc(-1 * var(--pat-sortable-blocks-gap) + -1 * var(--pat-form-input-field-padding-top-bottom));
  margin-bottom: calc(-1 * var(--pat-sortable-blocks-gap) + -1 * var(--pat-form-input-field-padding-top-bottom));
}
.pat-sortable-blocks:has(.sortable-item) + .pat-button-bar {
  margin-top: calc(2 * calc(var(--pat-sortable-blocks-gap) + var(--pat-form-input-field-padding-top-bottom)));
  padding-left: var(--pat-sortable-blocks-padding-start);
}
.pat-sortable-blocks .sortable-item {
  counter-increment: count;
  padding: var(--pat-sortable-blocks-gap) 0;
  position: relative;
  margin: 0 0 0 var(--pat-sortable-blocks-padding-start);
}
.pat-sortable-blocks .sortable-item.dragged {
  opacity: 0.5;
}
.pat-sortable-blocks .sortable-item:not(.dragged) {
  animation: fadeIn 1s;
}
.pat-sortable-blocks .sortable-item:after {
  display: block;
  opacity: 0;
  height: 2px;
  content: ' ';
  background: var(--colour-link);
  position: absolute;
  left: -15px;
  right: 15px;
}
.pat-sortable-blocks .sortable-item.drop-target-above:after,
.pat-sortable-blocks .sortable-item.drop-target-below:after {
  opacity: 1;
}
.pat-sortable-blocks .sortable-item.drop-target-above .sortable-handle,
.pat-sortable-blocks .sortable-item.drop-target-below .sortable-handle {
  margin-top: -24px;
}
.pat-sortable-blocks .sortable-item.drop-target-above:after {
  top: -1px;
}
.pat-sortable-blocks .sortable-item.drop-target-below:after {
  bottom: -1px;
}
.pat-sortable-blocks .sortable-item:before,
.pat-sortable-blocks .sortable-item .sortable-handle {
  content: counter(count);
  text-align: center;
  line-height: var(--pat-sortable-blocks-button-width);
  color: white;
  display: block;
  position: absolute;
  left: calc(-1 * var(--pat-sortable-blocks-padding-start));
  top: 	var(--pat-sortable-blocks-gap);
  bottom: var(--pat-sortable-blocks-gap);
  width: var(--pat-sortable-blocks-button-width);
  background: var(--pat-sortable-blocks-handle-colour);
  border-radius: var(--border-radii);
  overflow: hidden;
  margin: 0;
}
@media print {
.pat-sortable-blocks .sortable-item:before,
.pat-sortable-blocks .sortable-item .sortable-handle {
  background: transparent;
  width: 1em;
  text-align: left;
  color: var(--body-font-colour);
}
}
.pat-sortable-blocks .sortable-item:has(.sortable-item-functions) {
  min-height: 88px;
}
.pat-sortable-blocks .sortable-item:has(.sortable-item-functions) .sortable-handle {
  height: var(--pat-sortable-blocks-button-width);
}
.pat-sortable-blocks .sortable-item:has(.sortable-item-functions):before {
  height: var(--pat-sortable-blocks-button-width);
}
.pat-sortable-blocks .sortable-item .sortable-item-functions {
  margin-top: calc(var(--pat-sortable-blocks-button-width) + 15px);
  position: absolute;
  top: 0;
  left: calc(var(--pat-sortable-blocks-padding-start) * -1);
}
.pat-sortable-blocks .sortable-item .sortable-item-functions .pat-button {
  margin-bottom: 15px;
  width: var(--pat-sortable-blocks-button-width);
}
.pat-sortable-blocks .sortable-item .sortable-item-functions .pat-button::before {
  font-family: fontello;
  display: block;
  font-weight: normal;
}
.pat-sortable-blocks .sortable-item .sortable-item-functions .pat-button.edit::before {
  content: var(--glyph-pencil);
}
.pat-sortable-blocks .sortable-item .sortable-item-functions .pat-button:last-child {
  margin-bottom: 0;
}
.pat-sortable-blocks .sortable-item .sortable-handle {
  opacity: 0;
  text-indent: -10em;
  background: var(--pat-sortable-blocks-handle-colour);
  cursor: grab;
  color: transparent;
}
.pat-sortable-blocks .sortable-item .sortable-handle:hover {
  filter:
					brightness(0.9),
					contrast(1.1);
}
.pat-sortable-blocks .sortable-item .sortable-handle:active,
.pat-sortable-blocks .sortable-item .sortable-handle:focus {
  cursor: grabbing;
}
.pat-sortable-blocks .sortable-item .sortable-handle:before {
  content: var(--glyph-arrow-combo);
  display: block;
  font-family: fontello;
  text-indent: 0.1em;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0.8em;
  color: white;
}
.pat-sortable-blocks .sortable-item:hover .sortable-handle {
  opacity: 1;
}
.pat-sortable-blocks .sortable-item:hover .sortable-handle:hover {
  text-decoration: none;
}
.pat-sortable-blocks .sortable-item:active .sortable-handle,
.pat-sortable-blocks .sortable-item:focus .sortable-handle {
  cursor: grabbing;
}
.pat-sortable-blocks .sortable-item > .button-cluster {
  position: absolute;
  -webkit-pointer-events: none;
  pointer-events: none;
  opacity: 0;
}
.pat-sortable-blocks .sortable-item .pat-well {
  margin-bottom: 0;
}
.pat-sortable-blocks .sortable-item .field-cluster {
  margin-top: 0;
  margin-bottom: 0;
  min-height: calc(var(--pat-form-input-field-line-height) + calc(var(--pat-form-input-field-padding-top-bottom) * 2));
}
.pat-sortable-blocks .sortable-item .field-cluster textarea,
.pat-sortable-blocks .sortable-item .field-cluster input,
.pat-sortable-blocks .sortable-item .field-cluster .output-field {
  margin: 0;
}
.pat-sortable-blocks .sortable-item .remove-clone,
.pat-sortable-blocks .sortable-item .remove-clone-submit {
  color: transparent;
  font-family: fontello;
  position: relative;
  margin: 0;
  line-height: var(--pat-form-input-field-line-height);
  height: var(--pat-sortable-blocks-remove-button-height);
  width: var(--pat-sortable-blocks-remove-button-width);
  overflow: hidden;
  background: transparent;
  position: absolute;
  right: -31px;
  top: calc(var(--pat-form-input-field-padding-top-bottom) + 2px);
}
.pat-sortable-blocks .sortable-item .remove-clone:hover:before,
.pat-sortable-blocks .sortable-item .remove-clone.tooltip-active-click:before,
.pat-sortable-blocks .sortable-item .remove-clone-submit:hover:before,
.pat-sortable-blocks .sortable-item .remove-clone-submit.tooltip-active-click:before {
  background-color: var(--button-background-colour-default-hover);
}
.pat-sortable-blocks .sortable-item .remove-clone:before,
.pat-sortable-blocks .sortable-item .remove-clone-submit:before {
  content: var(--glyph-minus);
  border-radius: var(--pat-sortable-blocks-remove-button-icon-border-radius);
  background-color: var(--button-background-colour);
  color: var(--button-text-colour);
  transform: none;
  margin: 0;
  font-family: fontello;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  line-height: var(--pat-sortable-blocks-remove-button-icon-height);
  height: var(--pat-sortable-blocks-remove-button-icon-height);
  width: 100%;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  font-size: 0.8em;
  transition: opacity 0.8s;
  transition-delay: 0.3s;
  overflow: hidden;
}
.pat-sortable-blocks .sortable-item .remove-clone:hover:before,
.pat-sortable-blocks .sortable-item .remove-clone-submit:hover:before {
  background-color: var(--button-background-colour-hover);
  color: var(--button-text-colour-hover);
}
.pat-sortable-blocks .sortable-item:not(.clone) .remove-clone,
.pat-sortable-blocks .sortable-item:not(.clone) .remove-clone-submit {
  display: none;
}
.data-table-top {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 0.3em;
  overflow: hidden;
}
.data-table-top:after {
  content: ' ';
  display: table;
  clear: both;
}
.data-table-top .dataTables_info {
  float: left;
}
.data-table-top .dataTables_filter {
  float: right;
  color: transparent;
}
.data-table-top .dataTables_filter input {
  background-color: rgba(0,0,0,0.09);
  padding: 0 0.2em;
  font-size: 18px;
  border: none;
  outline: none;
  line-height: 30px;
  border-radius: var(--border-radii);
  margin-right: 0;
  color: var(--body-font-colour);
}
.data-table-bottom {
  font-size: 20px;
  line-height: 30px;
  margin-top: 0.3em;
  margin-bottom: 1em;
  line-height: var(--button-height);
}
.data-table-bottom:after {
  content: ' ';
  display: table;
  clear: both;
}
.data-table-bottom .dataTables_paginate {
  float: left;
}
.data-table-bottom .dataTables_paginate .paginate_button {
  display: inline-block;
  padding: 0;
  cursor: pointer;
  width: var(--button-height);
  height: var(--button-height);
  text-align: center;
  line-height: var(--button-height);
  border-radius: var(--button-border-radius);
}
.data-table-bottom .dataTables_paginate .paginate_button:hover {
  background-color: rgba(0,0,0,0.09);
}
.data-table-bottom .dataTables_paginate .paginate_button.current {
  background-color: var(--colour-accent);
  color: white;
}
.data-table-bottom .dataTables_length {
  float: right;
}
.data-table-bottom .dataTables_length select {
  font-size: 18px;
}
.pat-sortable-table thead th {
  cursor: default;
}
.pat-sortable-table thead th.sorting,
.pat-sortable-table thead th.sorting_asc,
.pat-sortable-table thead th.sorting-asc,
.pat-sortable-table thead th.sorting_desc,
.pat-sortable-table thead th.sorting-desc {
  position: relative;
  padding-right: 30px;
  top: 0;
}
.pat-sortable-table thead th.sorting:focus,
.pat-sortable-table thead th.sorting_asc:focus,
.pat-sortable-table thead th.sorting-asc:focus,
.pat-sortable-table thead th.sorting_desc:focus,
.pat-sortable-table thead th.sorting-desc:focus {
  outline: none;
  cursor: default;
}
.pat-sortable-table thead th.sorting:after,
.pat-sortable-table thead th.sorting_asc:after,
.pat-sortable-table thead th.sorting-asc:after,
.pat-sortable-table thead th.sorting_desc:after,
.pat-sortable-table thead th.sorting-desc:after {
  font-family: fontello;
  position: absolute;
  top: 50%;
  right: 0.5em;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  transform: translateY(-50%);
}
.pat-sortable-table thead th.sorting_asc:after,
.pat-sortable-table thead th.sorting-asc:after {
  content: var(--glyph-up-circle);
}
.pat-sortable-table thead th.sorting_desc:after,
.pat-sortable-table thead th.sorting-desc:after {
  content: var(--glyph-down-circle);
}
pre.pat-syntax-highlight {
  padding: 10px;
  background-color: rgba(0,0,0,0.75);
  color: white;
  padding: 10px 15px;
  overflow: auto;
  font-size: 18px;
  border-radius: var(--border-radii);
}
.pat-syntax-highlight {
  background-color: rgba(0,0,0,0.75);
  -webkit-user-select: auto;
  user-select: auto;
}
.pat-syntax-highlight .str,
.pat-syntax-highlight .str {
  color: #65b042;
}
.pat-syntax-highlight .kwd,
.pat-syntax-highlight .kwd {
  color: #e28964;
}
.pat-syntax-highlight .com,
.pat-syntax-highlight .com {
  color: lightblue;
  font-style: italic;
}
.pat-syntax-highlight .typ,
.pat-syntax-highlight .typ {
  color: #89bdff;
}
.pat-syntax-highlight .lit,
.pat-syntax-highlight .lit {
  color: #3387cc;
}
.pat-syntax-highlight .pun,
.pat-syntax-highlight .pun {
  color: #fff;
}
.pat-syntax-highlight .pln,
.pat-syntax-highlight .pln {
  color: #fff;
}
.pat-syntax-highlight .tag,
.pat-syntax-highlight .tag {
  color: #89bdff;
}
.pat-syntax-highlight .atn,
.pat-syntax-highlight .atn {
  color: #bdb76b;
}
.pat-syntax-highlight .atv,
.pat-syntax-highlight .atv {
  color: #65b042;
}
.pat-syntax-highlight .dec,
.pat-syntax-highlight .dec {
  color: #3387cc;
}
.pat-syntax-highlight pre.prettyprint,
.pat-syntax-highlight code.prettyprint {
  background-color: rgba(0, 0, 0, 0.2);
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -ms-border-radius: 0.3em;
  -khtml-border-radius: 0.3em;
  border-radius: 0.3em;
}
.pat-syntax-highlight pre.prettyprint.light-bg,
.pat-syntax-highlight code.prettyprint.light-bg {
  background-color: rgba(0, 0, 0, 0.9);
}
.pat-syntax-highlight pre.prettyprint {
  display: block;
  margin: 0 0 2em 0;
  padding: 1em;
  white-space: pre-wrap;
}
.pat-syntax-highlight ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #aeaeae;
}
.pat-syntax-highlight li.L0,
.pat-syntax-highlight li.L1,
.pat-syntax-highlight li.L2,
.pat-syntax-highlight li.L3,
.pat-syntax-highlight li.L5,
.pat-syntax-highlight li.L6,
.pat-syntax-highlight li.L7,
.pat-syntax-highlight li.L8 {
  list-style-type: none;
}
@media print {
.pat-syntax-highlight .str,
.pat-syntax-highlight .str {
  color: #060;
}
}
@media print {
.pat-syntax-highlight .kwd,
.pat-syntax-highlight .kwd {
  color: #006;
  font-weight: bold;
}
}
@media print {
.pat-syntax-highlight .com,
.pat-syntax-highlight .com {
  color: #600;
  font-style: italic;
}
}
@media print {
.pat-syntax-highlight .typ,
.pat-syntax-highlight .typ {
  color: #404;
  font-weight: bold;
}
}
@media print {
.pat-syntax-highlight .lit,
.pat-syntax-highlight .lit {
  color: #044;
}
}
@media print {
.pat-syntax-highlight .pun,
.pat-syntax-highlight .pun {
  color: #440;
}
}
@media print {
.pat-syntax-highlight .pln,
.pat-syntax-highlight .pln {
  color: #000;
}
}
@media print {
.pat-syntax-highlight .tag,
.pat-syntax-highlight .tag {
  color: #006;
  font-weight: bold;
}
}
@media print {
.pat-syntax-highlight .atn,
.pat-syntax-highlight .atn {
  color: #404;
}
}
@media print {
.pat-syntax-highlight .atv,
.pat-syntax-highlight .atv {
  color: #060;
}
}
.js select.pat-select,
.js label.pat-select select {
  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;
}
.js select.pat-select:has([disabled]),
.js label.pat-select select:has([disabled]) {
  pointer-events: none;
  padding-right: var(--pat-select-box-padding-start);
}
.js select.pat-select:has([disabled]):after,
.js label.pat-select select:has([disabled]):after {
  display: none;
}
.js select.pat-select:hover,
.js select.pat-select.tooltip-active-click,
.js label.pat-select select:hover,
.js label.pat-select select.tooltip-active-click {
  background-color: var(--pat-select-box-background-colour-hover);
  color: var(--pat-select-box-arrow-text-colour-hover);
}
.js select.pat-select:hover:after,
.js select.pat-select.tooltip-active-click:after,
.js label.pat-select select:hover:after,
.js label.pat-select select.tooltip-active-click:after {
  color: var(--pat-select-box-arrow-text-colour-hover);
}
.js select.pat-select.success,
.js label.pat-select select.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);
}
.js select.pat-select[data-value="draft"],
.js select.pat-select.state-draft,
.js label.pat-select select[data-value="draft"],
.js label.pat-select select.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);
}
.js select.pat-select[data-value="open"],
.js select.pat-select.state-open,
.js label.pat-select select[data-value="open"],
.js label.pat-select select.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);
}
.js select.pat-select[data-value="in-progress"],
.js select.pat-select.state-in-progress,
.js label.pat-select select[data-value="in-progress"],
.js label.pat-select select.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);
}
.js select.pat-select[data-value="published"],
.js select.pat-select.state-published,
.js label.pat-select select[data-value="published"],
.js label.pat-select select.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);
}
.js select.pat-select[data-value="done"],
.js select.pat-select.state-done,
.js label.pat-select select[data-value="done"],
.js label.pat-select select.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);
}
.js select.pat-select[data-value="for-review"],
.js select.pat-select[data-value="review"],
.js select.pat-select.state-for-review,
.js label.pat-select select[data-value="for-review"],
.js label.pat-select select[data-value="review"],
.js label.pat-select select.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);
}
.js select.pat-select[data-value="in-progress"],
.js select.pat-select.state-in-progress,
.js label.pat-select select[data-value="in-progress"],
.js label.pat-select select.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);
}
.js select.pat-select[data-value="approved"],
.js select.pat-select.state-approved,
.js label.pat-select select[data-value="approved"],
.js label.pat-select select.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);
}
.js select.pat-select[data-value="draft_contributors"],
.js select.pat-select.state-draft-contributors,
.js label.pat-select select[data-value="draft_contributors"],
.js label.pat-select select.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);
}
.js select.pat-select[data-value="review_contributors"],
.js select.pat-select.state-review-contributors,
.js label.pat-select select[data-value="review_contributors"],
.js label.pat-select select.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);
}
.js select.pat-select[data-value="final_members"],
.js select.pat-select.state-final-members,
.js label.pat-select select[data-value="final_members"],
.js label.pat-select select.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);
}
.js select.pat-select[data-value="final_library"],
.js select.pat-select.state-final-library,
.js label.pat-select select[data-value="final_library"],
.js label.pat-select select.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);
}
.js select.pat-select[data-value="final_external"],
.js select.pat-select.state-final-external,
.js label.pat-select select[data-value="final_external"],
.js label.pat-select select.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);
}
.js select.pat-select.locked:before,
.js label.pat-select select.locked:before {
  font-family: fontello;
  content: var(--glyph-lock);
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
}
.js select.pat-select:not([class*="icon-"]):before,
.js label.pat-select select: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;
}
.js select.pat-select[class*=icon-]:before,
.js label.pat-select select[class*=icon-]:before {
  margin-left: 4px;
  margin-right: 6px;
}
.js select.pat-select select,
.js label.pat-select select select {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100% !important;
  width: 100% !important;
  opacity: 0;
  margin: 0;
  z-index: 1;
}
.js select.pat-select select option,
.js label.pat-select select select option {
  font-size: initial;
  color: var(--body-font-colour);
}
.js select.pat-select:after,
.js label.pat-select select:after {
  font-family: fontello;
  content: var(--glyph-down-open);
  width: var(--pat-select-box-arrow-width);
  background-color: var(--pat-select-box-arrow-background-colour);
  background-image: none;
  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;
}
.js select.pat-select option:disabled,
.js label.pat-select select option:disabled {
  color: silver;
}
.js a.pat-select {
  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;
}
.js a.pat-select:has([disabled]) {
  pointer-events: none;
  padding-right: var(--pat-select-box-padding-start);
}
.js a.pat-select:has([disabled]):after {
  display: none;
}
.js a.pat-select:hover,
.js a.pat-select.tooltip-active-click {
  background-color: var(--pat-select-box-background-colour-hover);
  color: var(--pat-select-box-arrow-text-colour-hover);
}
.js a.pat-select:hover:after,
.js a.pat-select.tooltip-active-click:after {
  color: var(--pat-select-box-arrow-text-colour-hover);
}
.js a.pat-select.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);
}
.js a.pat-select[data-value="draft"],
.js a.pat-select.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);
}
.js a.pat-select[data-value="open"],
.js a.pat-select.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);
}
.js a.pat-select[data-value="in-progress"],
.js a.pat-select.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);
}
.js a.pat-select[data-value="published"],
.js a.pat-select.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);
}
.js a.pat-select[data-value="done"],
.js a.pat-select.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);
}
.js a.pat-select[data-value="for-review"],
.js a.pat-select[data-value="review"],
.js a.pat-select.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);
}
.js a.pat-select[data-value="in-progress"],
.js a.pat-select.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);
}
.js a.pat-select[data-value="approved"],
.js a.pat-select.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);
}
.js a.pat-select[data-value="draft_contributors"],
.js a.pat-select.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);
}
.js a.pat-select[data-value="review_contributors"],
.js a.pat-select.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);
}
.js a.pat-select[data-value="final_members"],
.js a.pat-select.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);
}
.js a.pat-select[data-value="final_library"],
.js a.pat-select.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);
}
.js a.pat-select[data-value="final_external"],
.js a.pat-select.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);
}
.js a.pat-select.locked:before {
  font-family: fontello;
  content: var(--glyph-lock);
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
}
.js a.pat-select: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;
}
.js a.pat-select[class*=icon-]:before {
  margin-left: 4px;
  margin-right: 6px;
}
.js a.pat-select select {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100% !important;
  width: 100% !important;
  opacity: 0;
  margin: 0;
  z-index: 1;
}
.js a.pat-select select option {
  font-size: initial;
  color: var(--body-font-colour);
}
.js a.pat-select:after {
  font-family: fontello;
  content: var(--glyph-down-open);
  width: var(--pat-select-box-arrow-width);
  background-color: var(--pat-select-box-arrow-background-colour);
  background-image: none;
  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;
}
.js a.pat-select option:disabled {
  color: silver;
}
.js a.pat-select:hover {
  text-decoration: none;
}
.js a.pat-select:after {
  font-family: fontello;
  content: var(--glyph-down-open);
  width: var(--pat-select-box-arrow-width);
  background-color: var(--pat-select-box-arrow-background-colour);
  background-image: none;
  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;
  width: 30px;
}
.js select.bare {
  background-color: transparent !important;
  background-position: calc(100% - var(--pat-select-arrow-edge-distance)) center;
  background-image: var(--arrow-down-dark-image);
  background-size: auto 10px;
  background-repeat: no-repeat;
}
.js label.pat-select.bare,
.js a.pat-select.bare,
.js select.bare {
  --pat-select-arrow-edge-distance: 1px;
  --pat-select-arrow-space: 20px;
  appearance: none;
  position: relative;
  cursor: default;
  box-sizing: border-box;
  padding: 0 var(--pat-select-arrow-space) 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  border-radius: var(--pat-form-fields-border-radius);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.js label.pat-select.bare:hover,
.js label.pat-select.bare.focus,
.js a.pat-select.bare:hover,
.js a.pat-select.bare.focus,
.js select.bare:hover,
.js select.bare.focus {
  text-decoration: none !important;
}
@media print {
.js label.pat-select.bare,
.js a.pat-select.bare,
.js select.bare {
  background-image: none;
  padding-right: 0;
}
}
.js label.pat-select.bare:after,
.js a.pat-select.bare:after,
.js select.bare:after {
  content: ' ';
  padding-right: var(--pat-select-arrow-space);
  box-shadow: none !important;
  position: absolute;
  top: 2%;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-repeat: no-repeat;
  background-position: calc(100% - var(--pat-select-arrow-edge-distance)) center;
  background-image: var(--arrow-down-dark-image);
  background-size: auto 10px;
}
.js label.pat-select.bare:before,
.js a.pat-select.bare:before,
.js select.bare:before {
  display: inline-block;
  content: attr(data-option);
  float: left;
  max-height: 100%;
  max-width: 100%;
  font-weight: normal;
  box-shadow: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js label.pat-select.bare:has(:focus),
.js a.pat-select.bare:has(:focus),
.js select.bare:has(:focus) {
  outline: var(--pat-form-input-field-outline-focus);
}
.js label.pat-select.bare select,
.js a.pat-select.bare select,
.js select.bare select {
  opacity: 0;
  line-height: 1.5em;
  font-size: 1em;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  border-right: none;
}
:root {
  --table-avatar-height: 34px;
  --pat-table-icon-height: 35px;
  --pat-table-icon-width: 35px;
  --pat-table-avatar-margin: -4px 0;
  --pat-table-icon-height-hd: 32px;
  --pat-table-icon-width-hd: 32px;
  --pat-table-avatar-height-hd: 31px;
}
.scroll-table,
.tableWrapper {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  clear: both;
}
.scroll-table.scroll-vertical,
.tableWrapper.scroll-vertical {
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 130px);
}
.scroll-table.scroll-vertical thead.sticky,
.scroll-table.scroll-vertical tfoot.sticky,
.tableWrapper.scroll-vertical thead.sticky,
.tableWrapper.scroll-vertical tfoot.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}
.pat-table {
  --pat-checklist-checkbox-vertical-position: var(--pat-table-checkbox-vertical-position);
  --pat-checklist-checkbox-horizontal-position: 19px;
  --pat-checklist-line-height: var(--pat-table-line-height);
  border-collapse: separate;
  border-spacing: var(--pat-table-border-spacing);
  vertical-align: top;
  width: 100%;
  margin: calc(-1 * var(--pat-table-border-spacing-vertical)) 0;
  line-height: var(--body-line-height);
  font-size: var(--body-font-size);
  color: var(--pat-table-cell-text-colour, var(--body-font-colour));
}
.pat-table .infinite-scrolling-trigger {
  z-index: 0;
}
@container screen style(--screen-small: true) {
.pat-table {
  background-color: transparent;
}
}
@media only screen and (min-width: 769px) {
.pat-table {
  background-color: var(--pat-table-background-colour);
  border-bottom: var(--pat-table-border-bottom);
  padding: var(--pat-table-padding);
}
}
.mode-select .pat-table {
  -webkit-user-select: none;
  user-select: none;
}
.pat-table .tableWrapper {
  display: none !important;
}
.pat-table ins {
  background-color: palegreen;
  text-decoration: none;
}
.pat-table del {
  background-color: pink;
}
.pat-table abbr {
  text-decoration: none;
}
.pat-table caption {
  padding-left: 0;
  margin: 1em 0;
  color: var(--body-font-colour);
  line-height: 1.5;
  text-align: left;
  font-weight: bold;
}
.pat-table .status-marker {
  font-weight: normal;
  display: inline-block;
  background: var(--colour-base-background);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  padding: 0 0.8rem;
  margin-left: 0.2rem;
  font-style: normal;
  text-decoration: none;
}
.pat-table .status-marker.warning {
  color: var(--colour-warning-background);
}
.pat-table tr {
  width: 100%;
  outline: var(--pat-table-row-outline);
  border-radius: var(--pat-table-border-radius);
  overflow: hidden;
  background-color: var(--pat-table-row-background-colour);
}
.mode-select .pat-table tr:has(.item-name:hover) th,
.mode-select .pat-table tr:has(.item-name:hover) td {
  background-color: rgba(0, 0, 0, 0.05);
}
.pat-table tr:has(input:checked) th,
.pat-table tr:has(input:checked) td {
  background-color: var(--colour-accent) !important;
  color: white;
}
.pat-table tr:has(input:checked) th *,
.pat-table tr:has(input:checked) th .value,
.pat-table tr:has(input:checked) th .segment:after,
.pat-table tr:has(input:checked) td *,
.pat-table tr:has(input:checked) td .value,
.pat-table tr:has(input:checked) td .segment:after {
  color: white;
}
.pat-table tr > *:last-child {
  border-top-right-radius: var(--pat-table-border-radius);
  border-bottom-right-radius: var(--pat-table-border-radius);
}
body[dir=rtl] .pat-table tr > *:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--pat-table-border-radius);
  border-bottom-left-radius: var(--pat-table-border-radius);
}
.pat-table tr > *:first-child {
  border-top-left-radius: var(--pat-table-border-radius);
  border-bottom-left-radius: var(--pat-table-border-radius);
}
body[dir=rtl] .pat-table tr > *:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--pat-table-border-radius);
  border-bottom-right-radius: var(--pat-table-border-radius);
}
@container screen style(--screen-small: true) {
.pat-table tr {
  display: block;
  padding: 15px;
  border-radius: var(--pat-table-border-radius);
  margin-bottom: 20px;
  overflow: hidden;
  box-shadow: var(--default-box-shadow);
  background-color: var(--colour-base-background);
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: space-between;
  display: grid;
  grid-template-columns: auto 1frauto;
  grid-auto-rows: minmax(40px, auto);
}
}
@container screen style(--screen-small: true) {
.pat-table tr:has(.item-name .name > .icon) > td:not(.item-name):not(.functions):not(.select),
.pat-table tr:has(.item-name .name > .icon) > th:not(.item-name):not(.functions):not(.select),
.pat-table tr:has(.item-name .name > .avatar) > td:not(.item-name):not(.functions):not(.select),
.pat-table tr:has(.item-name .name > .avatar) > th:not(.item-name):not(.functions):not(.select),
.pat-table tr:has(.item-name a.name[class*="icon-"]) > td:not(.item-name):not(.functions):not(.select),
.pat-table tr:has(.item-name a.name[class*="icon-"]) > th:not(.item-name):not(.functions):not(.select) {
  padding-left: calc(10px + var(--pat-table-icon-width) + 9px);
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .pat-table tr:has(.item-name .name > .icon) > td:not(.item-name):not(.functions):not(.select),
body[dir=rtl] .pat-table tr:has(.item-name .name > .icon) > th:not(.item-name):not(.functions):not(.select),
body[dir=rtl] .pat-table tr:has(.item-name .name > .avatar) > td:not(.item-name):not(.functions):not(.select),
body[dir=rtl] .pat-table tr:has(.item-name .name > .avatar) > th:not(.item-name):not(.functions):not(.select),
body[dir=rtl] .pat-table tr:has(.item-name a.name[class*="icon-"]) > td:not(.item-name):not(.functions):not(.select),
body[dir=rtl] .pat-table tr:has(.item-name a.name[class*="icon-"]) > th:not(.item-name):not(.functions):not(.select) {
  padding-left: 10px;
  padding-right: calc(10px + var(--pat-table-icon-width) + 9px);
}
}
@container screen style(--screen-small: true) {
.pat-table tr {
  position: relative;
}
}
@container screen style(--screen-small: true) {
.pat-table tr .item-name a.name::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
}
}
@container screen style(--screen-small: true) {
.pat-table tr a:not(.name),
.pat-table tr button,
.pat-table tr label,
.pat-table tr .functions {
  position: relative;
  z-index: 1;
}
}
.pat-table tr.folder .item-name a {
  padding-left: 30px !important;
  position: relative;
}
.mode-select .pat-table tr.folder .item-name a {
  -webkit-pointer-events: none;
  pointer-events: none;
}
.pat-table tr.folder .item-name a:before {
  position: absolute;
  left: 8px;
  display: inline-block;
  margin-right: 5px;
  font-family: fontello;
  content: var(--glyph-folder);
}
.pat-table tr:has(.current) {
  --pat-table-cell-background-colour: var(--colour-accent);
  --colour-link: var(--colour-accent-text);
  --colour-alert: var(--colour-accent-text);
  --pat-table-icon-colour: var(--colour-accent-text);
  --pat-table-icon-text-colour-active: var(--colour-accent);
  --pat-table-icon-background-colour-active: var(--colour-accent-text);
}
.pat-table tr:has(.current) > * {
  --pat-table-cell-text-colour: var(--colour-accent-text);
}
.pat-table tr.task.personal:not(:has(.current)) {
  --pat-table-cell-background-colour: var(--colour-notice-background);
  --colour-accent: var(--colour-notice);
  --colour-accent-text: var(--colour-notice-text);
}
.pat-table tr.state-draft th,
.pat-table tr.state-draft th a {
  color: var(--colour-warning);
}
.pat-table tr.state-archived th a {
  text-decoration:line-through;
  opacity: 0.5;
}
.pat-table tr.mutated th,
.pat-table tr.has-differences th {
  background: rgba(255,100,0,0.2);
}
.pat-table tr.mutated td,
.pat-table tr.has-differences td {
  background: rgba(255,100,0,0.1);
}
.pat-table tr.has-mutations td:last-child {
  position: relative;
  padding-right: 25px;
}
.pat-table tr.has-mutations td:last-child:after {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  content: ' ';
  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;
}
.pat-table tr td,
.pat-table tr th {
  border-collapse: collapse;
  vertical-align: top;
}
@media only screen and (min-width: 769px) {
.pat-table tr td,
.pat-table tr th {
  padding-top: var(--pat-table-cell-padding-top);
  padding-right: var(--pat-table-cell-padding-right);
  padding-bottom: var(--pat-table-cell-padding-bottom);
  padding-left: var(--pat-table-cell-padding-left);
  background-color: var(--pat-table-cell-background-colour);
  border-top: var(--pat-table-cell-border-top);
}
}
@container screen style(--screen-small: true) {
.pat-table tr td,
.pat-table tr th {
  display: block;
  padding: 0;
  margin-bottom: 0;
  border: 0;
  grid-column-start: 1;
  grid-column-end: 2;
}
}
@container screen style(--screen-small: true) {
.pat-table tr td:last-child,
.pat-table tr th:last-child {
  margin-bottom: 0;
}
}
@container screen style(--screen-small: true) {
.pat-table tr td:before,
.pat-table tr th:before {
  content: attr(data-title);
  font-weight: bold;
  color: var(--body-font-colour);
  display: block;
  font-size: 0.8em;
}
}
.pat-table tr td.select,
.pat-table tr th.select {
  width: 0;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 !important;
  transition: width 1s, border 1s;
  border-left: 0 solid white;
  border-right: 0 solid white;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.pat-table tr td.select:hover,
.pat-table tr th.select:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.pat-table tr td.select label,
.pat-table tr th.select label {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: 
                    	"icon label"
                    	".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  font-size: var(--pat-checklist-font-size);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: transparent;
  box-sizing: border-box;
}
body[dir=rtl] .pat-table tr td.select label,
body[dir=rtl] .pat-table tr th.select label {
  padding-left: var(--pat-checklist-label-padding-end);
}
.pat-table tr td.select label > *,
.pat-table tr th.select label > * {
  grid-area: label;
}
.pat-table tr td.select label:has(:focus):before,
.pat-table tr th.select label:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-table tr td.select label:has(input[type="checkbox"]):before,
.pat-table tr td.select label:has(input[type="radio"]):before,
.pat-table tr th.select label:has(input[type="checkbox"]):before,
.pat-table tr th.select label:has(input[type="radio"]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: '';
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
.pat-table tr td.select label:has(input[type="radio"]):before,
.pat-table tr th.select label:has(input[type="radio"]):before {
  border-radius: 50%;
}
.pat-table tr td.select label:has(input:checked):before,
.pat-table tr th.select label:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: var(--glyph-ok);
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
.pat-table tr td.select label:has([disabled]):has(input[type="checkbox"]):before,
.pat-table tr td.select label:has([disabled]):has(input[type="radio"]):before,
.pat-table tr td.select label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-table tr td.select label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before,
.pat-table tr th.select label:has([disabled]):has(input[type="checkbox"]):before,
.pat-table tr th.select label:has([disabled]):has(input[type="radio"]):before,
.pat-table tr th.select label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-table tr th.select label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before {
  background-color: rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.3);
  box-shadow: none;
}
.pat-table tr td.select label .label-fragment-title,
.pat-table tr th.select label .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
  display: block;
}
.pat-table tr td.select label .label-fragment-description,
.pat-table tr th.select label .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0,0,0,0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
.pat-table tr td.select label .label-fragment-description > *,
.pat-table tr th.select label .label-fragment-description > * {
  color: var(--body-font-colour);
}
.pat-table tr td.select label input[type="checkbox"],
.pat-table tr td.select label input[type="radio"],
.pat-table tr th.select label input[type="checkbox"],
.pat-table tr th.select label input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  grid-area: icon;
}
.pat-table tr td.select label:before,
.pat-table tr th.select label:before {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%,-50%) !important;
  font-size: 18px !important;
  color: var(--pat-table-cell-text-colour);
}
#product-space.mode-select .pat-table tr td.select,
#product-space.mode-select .pat-table tr th.select {
  width: 32px;
  border-right: 2px solid white;
}
.pat-table tr td.workflow-change,
.pat-table tr th.workflow-change {
  width: 50px;
  max-width: 50px;
  font-size: 0;
  background-color: var(--colour-base-background);
  background-color: var(--colour-info) !important;
}
.pat-table tr td.workflow-change:before,
.pat-table tr th.workflow-change:before {
  display: none;
}
.pat-table tr td.workflow-change .workflow-change-title,
.pat-table tr th.workflow-change .workflow-change-title {
  position: absolute;
  top: -7px;
  left: -15px;
  transform: rotate(90deg);
  transform-origin: bottom left;
  font-size: 40px;
  width: calc(100vh - 140px);
  text-align: left;
  line-height: 78px;
  height: 78px;
  color: rgba(0,0,0,0.5);
  display: block;
  background: var(--colour-info);
  padding-left: 15px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pat-table tr td > *:last-child,
.pat-table tr th > *:last-child {
  margin-bottom: 0;
}
@container screen style(--screen-small: true) {
.pat-table tr td,
.pat-table tr th {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  padding: 5px 10px 5px 10px;
}
}
.pat-table tr td.injecting > p,
.pat-table tr th.injecting > p {
  opacity: 0.5;
}
.pat-table tr td.injecting .suggested-content > *,
.pat-table tr th.injecting .suggested-content > * {
  opacity: 0.5;
}
.pat-table tr td.injecting .suggested-content:before,
.pat-table tr th.injecting .suggested-content:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.pat-table tr td.injecting .suggested-content:before,
.pat-table tr th.injecting .suggested-content:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
.pat-table tr td .suggested-content,
.pat-table tr th .suggested-content {
  margin-bottom: 5px;
  margin-top: 10px;
  background-color: var(--colour-info);
  position: relative;
}
.pat-table tr td .suggested-content p.buttons,
.pat-table tr th .suggested-content p.buttons {
  margin-top: 5px;
}
.pat-table tr td .suggested-content p.buttons button,
.pat-table tr th .suggested-content p.buttons button {
  margin-right: 5px;
}
.pat-table tr td.symbol,
.pat-table tr th.symbol {
  text-align: center;
}
.pat-table tr td.date-compact,
.pat-table tr th.date-compact {
  width: 100px;
}
.pat-table tr td.item-date,
.pat-table tr td.date,
.pat-table tr th.item-date,
.pat-table tr th.date {
  white-space: nowrap;
}
.pat-table tr td.indicator-order,
.pat-table tr td.indicator-number,
.pat-table tr th.indicator-order,
.pat-table tr th.indicator-number {
  width: 50px;
}
.pat-table tr td.icon,
.pat-table tr th.icon {
  width: 1em;
  padding-left: 0.2em;
  padding-right: 0;
}
@container screen style(--screen-small: true) {
.pat-table tr td.icon,
.pat-table tr th.icon {
  margin-bottom: 20px;
}
}
.pat-table tr td.price,
.pat-table tr th.price {
  white-space: nowrap;
  width: 5em;
}
.pat-table tr td.cost,
.pat-table tr th.cost {
  white-space: nowrap;
  width: 2em;
}
.pat-table tr th label {
  overflow: hidden;
  display: block;
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: 
                	"icon label"
                	".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  font-size: var(--pat-checklist-font-size);
  padding: 0;
  color: transparent;
  box-sizing: border-box;
  transition: grid 0.2s;
  overflow: hidden;
  grid-template-columns: 0 auto;
}
body[dir=rtl] .pat-table tr th label {
  padding-left: var(--pat-checklist-label-padding-end);
}
.pat-table tr th label > * {
  grid-area: label;
}
.pat-table tr th label:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-table tr th label:has(input[type="checkbox"]):before,
.pat-table tr th label:has(input[type="radio"]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: '';
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
.pat-table tr th label:has(input[type="radio"]):before {
  border-radius: 50%;
}
.pat-table tr th label:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: var(--glyph-ok);
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
.pat-table tr th label:has([disabled]):has(input[type="checkbox"]):before,
.pat-table tr th label:has([disabled]):has(input[type="radio"]):before,
.pat-table tr th label:has([disabled]) .label-fragment-description:has(input[type="checkbox"]):before,
.pat-table tr th label:has([disabled]) .label-fragment-description:has(input[type="radio"]):before {
  background-color: rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.3);
  box-shadow: none;
}
.pat-table tr th label .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
  display: block;
}
.pat-table tr th label .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0,0,0,0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
.pat-table tr th label .label-fragment-description > * {
  color: var(--body-font-colour);
}
.pat-table tr th label input[type="checkbox"],
.pat-table tr th label input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  grid-area: icon;
}
.pat-table tr th label input {
  position: absolute;
  opacity: 0;
}
.mode-select .pat-table tr th label {
  grid-template-columns: 20px auto;
}
.mode-select .pat-table tr th label a {
  -webkit-pointer-events: none;
  pointer-events: none;
}
.pat-table tr th label:before {
  position: absolute;
  left: -15px !important;
  transform: translate(-50%, -50%) !important;
  color: var(--body-font-colour);
  opacity: 0;
  transition: all 1s;
  margin-top: 0 !important;
}
.mode-select .pat-table tr th label:before {
  opacity: 1;
  left: var(--pat-checklist-checkbox-horizontal-position) !important;
}
.pat-table tr td.no-width {
  width: auto;
  min-width: auto;
  max-width: none;
}
.pat-table tr td.functions {
  white-space: nowrap;
  text-align: right;
  vertical-align: middle !important;
}
@container screen style(--screen-small: true) {
.pat-table tr td.functions {
  padding: 0 !important;
  grid-row-start: 1;
  grid-column-start: 2;
}
}
@media only screen and (min-width: 769px) {
.pat-table tr td.functions {
  padding: 0 9px 0 0 !important;
}
}
.pat-table tr td.functions .icon {
  padding-top: var(--pat-table-cell-padding-top);
  padding-right: var(--pat-table-cell-padding-right);
  padding-bottom: var(--pat-table-cell-padding-bottom);
  padding-left: var(--pat-table-cell-padding-left);
  margin: 0;
  padding: 0;
  width: var(--pat-table-icon-width);
  height: var(--pat-table-icon-height);
  overflow: hidden;
  color: transparent;
  cursor: default;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  border-radius: var(--border-radii);
  background-color: var(--pat-table-icon-background-colour);
}
@container screen style(--screen-small: true) {
.pat-table tr td.functions .icon {
  display: inline-block;
  float: none;
  vertical-align: top;
}
}
.pat-table tr td.functions .icon:hover {
  background-color: var(--pat-table-icon-background-colour-hover);
}
.pat-table tr td.functions .icon:hover .pie-graph {
  --pie-graph-segment-colour: black;
  border-color: var(--body-font-colour);
}
.pat-table tr td.functions .icon:before {
  font-family: fontello;
  content: '';
  display: block;
  line-height: var(--pat-table-icon-height);
  height: var(--pat-table-icon-height);
  width: 100%;
  text-align: center;
  color: var(--pat-table-icon-colour);
  margin: 0;
}
.pat-table tr td.functions .icon.tooltip-active-click {
  background-color: var(--pat-table-icon-background-colour-active);
}
.pat-table tr td.functions .icon.tooltip-active-click:before {
  color: var(--pat-table-icon-text-colour-active);
}
.pat-table tr td.functions .icon.tooltip-active-click .pie-graph {
  border: 2px var(--pat-table-icon-text-colour-active) solid;
  --pie-graph-segment-colour: var(--pat-table-icon-background-colour-active);
}
.pat-table tr td.functions .icon:first-child {
  margin: 0;
}
.pat-table tr td.functions .icon.more:before {
  content: var(--glyph-ellipsis);
}
.pat-table tr td.functions .icon.progress {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pat-table tr td.functions .icon.progress .pie-graph {
  --pie-graph-segment-colour: var(--pat-table-icon-colour);
}
.pat-table tr td.functions .icon.locked:before {
  content: var(--glyph-lock);
}
.pat-table tr td.functions .icon.validated:before {
  font-size: var(--pat-table-icon-height);
  content: var(--glyph-ok);
  color: var(--colour-success);
}
.pat-table tr td.functions .icon.validated.tooltip-active-click {
  background-color: var(--colour-success-background);
}
.pat-table tr td.functions .icon.validated.tooltip-active-click:before {
  color: var(--colour-success) !important;
}
.pat-table tr td.functions .icon.under-review:before {
  font-size: var(--pat-table-icon-height);
  content: var(--glyph-eye);
  color: var(--colour-warning);
}
.pat-table tr td.functions .icon.under-review.tooltip-active-click {
  background-color: var(--colour-warning-background);
}
.pat-table tr td.functions .icon.under-review.tooltip-active-click:before {
  color: var(--colour-warning) !important;
}
.pat-table tr td.functions .icon.unlocked:before {
  content: var(--glyph-lock-open);
}
.pat-table tr td.item-state {
  padding: 0 !important;
  vertical-align: middle;
  white-space: nowrap;
}
.pat-table tr td.item-state a {
  background-color: var(--button-background-colour);
  color: var(--pat-table-cell-text-colour);
  cursor: default;
}
.pat-table tr td.item-state a:hover {
  background-color: var(--button-background-colour-hover);
  text-decoration: none;
}
.pat-table tr td.item-state a.state-draft {
  background-color: var(--colour-orange-xl);
  color: var(--colour-orange-xd);
}
.pat-table tr td.item-state a.state-draft:hover,
.pat-table tr td.item-state a.state-draft.tooltip-active-click {
  background-color: color-mix(in srgb, var(--colour-orange-xl) 95%, black);
}
.pat-table tr td.item-state a.state-for-review {
  background-color: var(--colour-purple-xl);
  color: var(--colour-purple);
}
.pat-table tr td.item-state a.state-for-review:hover,
.pat-table tr td.item-state a.state-for-review.tooltip-active-click {
  background-color: color-mix(in srgb, var(--colour-purple-xl) 95%, black);
}
.pat-table tr td.item-state a.state-sent,
.pat-table tr td.item-state a.state-published {
  background-color: var(--colour-dark-blue-xl);
  color: var(--colour-dark-blue-d);
}
.pat-table tr td.item-state a.state-sent:hover,
.pat-table tr td.item-state a.state-sent.tooltip-active-click,
.pat-table tr td.item-state a.state-published:hover,
.pat-table tr td.item-state a.state-published.tooltip-active-click {
  background-color: color-mix(in srgb, var(--colour-dark-blue-xl) 95%, black);
}
.pat-table tr td.item-state a.state-approved {
  background-color: var(--colour-green-xl);
  color: var(--colour-green-d);
}
.pat-table tr td.item-state a.state-approved:hover,
.pat-table tr td.item-state a.state-approved.tooltip-active-click {
  background-color: color-mix(in srgb, var(--colour-green-xl) 95%, black);
}
@media only screen and (min-width: 769px) {
.pat-table tbody td:not(.separation-cell),
.pat-table tbody th:not(.separation-cell) {
  vertical-align: top;
}
}
.pat-table tbody td:not(.separation-cell) .table-body-title,
.pat-table tbody th:not(.separation-cell) .table-body-title {
  display: block;
  padding-top: 1.5em;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1.4444;
}
.pat-table tbody tr {
  box-shadow: var(--pat-table-row-box-box-shadow, 0 0 5px rgba(0, 0, 0, 0.08));
}
@media only screen and (min-width: 769px) {
.pat-table tbody th {
  width: 33%;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 9;
}
}
@media only screen and (min-width: 769px) {
.pat-table tbody th.item-name,
.pat-table tbody th.item-state {
  padding: 0;
}
}
.pat-table tbody th.item-name .value,
.pat-table tbody th.item-state .value {
  color: var(--pat-table-cell-text-colour);
}
.pat-table tbody th.item-name .value[href],
.pat-table tbody th.item-state .value[href] {
  color: var(--colour-link);
  cursor: default;
}
.pat-table tbody th.item-name .value[href].current,
.pat-table tbody th.item-name .value[href].current:hover,
.pat-table tbody th.item-state .value[href].current,
.pat-table tbody th.item-state .value[href].current:hover {
  text-decoration: none;
}
.pat-table tbody th.item-name .value[class*='priority-']:before,
.pat-table tbody th.item-state .value[class*='priority-']:before {
  display: inline-block;
  margin-right: 0.2em;
  font-weight: bold;
  color: var(--colour-alert);
}
.pat-table tbody th.item-name .value.priority-high:before,
.pat-table tbody th.item-state .value.priority-high:before {
  content: '!!!';
}
.pat-table tbody th.item-name .value.priority-medium:before,
.pat-table tbody th.item-state .value.priority-medium:before {
  content: '!!';
}
.pat-table tbody th.item-name .value.priority-low:before,
.pat-table tbody th.item-state .value.priority-low:before {
  content: '!';
}
.pat-table tbody th.item-name a,
.pat-table tbody th.item-name .value,
.pat-table tbody th.item-state a,
.pat-table tbody th.item-state .value {
  display: block;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media only screen and (min-width: 769px) {
.pat-table tbody th.item-name a,
.pat-table tbody th.item-name .value,
.pat-table tbody th.item-state a,
.pat-table tbody th.item-state .value {
  padding-top: var(--pat-table-cell-padding-top);
  padding-bottom: var(--pat-table-cell-padding-bottom);
  padding-left: var(--pat-table-cell-padding-left);
  padding-right: var(--pat-table-cell-padding-right);
}
}
.pat-table tbody th.item-name a::before,
.pat-table tbody th.item-name .value::before,
.pat-table tbody th.item-state a::before,
.pat-table tbody th.item-state .value::before {
  line-height: var(--body-line-height);
}
.pat-table tbody th.item-name a .addition:before,
.pat-table tbody th.item-name .value .addition:before,
.pat-table tbody th.item-state a .addition:before,
.pat-table tbody th.item-state .value .addition:before {
  content: ', ';
}
.pat-table tbody th.item-name a .byline,
.pat-table tbody th.item-name a .description,
.pat-table tbody th.item-name .value .byline,
.pat-table tbody th.item-name .value .description,
.pat-table tbody th.item-state a .byline,
.pat-table tbody th.item-state a .description,
.pat-table tbody th.item-state .value .byline,
.pat-table tbody th.item-state .value .description {
  opacity: 0.7;
  font-size: 0.8em;
  display: block;
  line-height: 1.3;
  margin-top: 2px;
  margin-bottom: 3px;
  font-weight: normal;
}
.pat-table tbody th.item-name a .byline.pat-comma-separated,
.pat-table tbody th.item-name .value .byline.pat-comma-separated,
.pat-table tbody th.item-state a .byline.pat-comma-separated,
.pat-table tbody th.item-state .value .byline.pat-comma-separated {
  opacity: 1;
  color: var(--colour-accent);
}
.pat-table tbody th.item-name a .byline.pat-comma-separated .segment,
.pat-table tbody th.item-name .value .byline.pat-comma-separated .segment,
.pat-table tbody th.item-state a .byline.pat-comma-separated .segment,
.pat-table tbody th.item-state .value .byline.pat-comma-separated .segment {
  font-weight: bold;
}
.pat-table tbody th.item-name a[href]:not(.icon):not(.current):hover,
.pat-table tbody th.item-name .value[href]:not(.icon):not(.current):hover,
.pat-table tbody th.item-state a[href]:not(.icon):not(.current):hover,
.pat-table tbody th.item-state .value[href]:not(.icon):not(.current):hover {
  cursor: pointer;
}
.pat-table tbody th.item-name a[href]:not(.icon):not(.current):hover:has(.link-title),
.pat-table tbody th.item-name .value[href]:not(.icon):not(.current):hover:has(.link-title),
.pat-table tbody th.item-state a[href]:not(.icon):not(.current):hover:has(.link-title),
.pat-table tbody th.item-state .value[href]:not(.icon):not(.current):hover:has(.link-title) {
  text-decoration: none;
}
.pat-table tbody th.item-name a[href]:not(.icon):not(.current):hover:has(.link-title) .link-title,
.pat-table tbody th.item-name .value[href]:not(.icon):not(.current):hover:has(.link-title) .link-title,
.pat-table tbody th.item-state a[href]:not(.icon):not(.current):hover:has(.link-title) .link-title,
.pat-table tbody th.item-state .value[href]:not(.icon):not(.current):hover:has(.link-title) .link-title {
  text-decoration: underline;
}
.pat-table tbody th.item-name a[href]:not(.icon):not(.current):hover:has(.link-title) .link-title:has(.byline),
.pat-table tbody th.item-name .value[href]:not(.icon):not(.current):hover:has(.link-title) .link-title:has(.byline),
.pat-table tbody th.item-state a[href]:not(.icon):not(.current):hover:has(.link-title) .link-title:has(.byline),
.pat-table tbody th.item-state .value[href]:not(.icon):not(.current):hover:has(.link-title) .link-title:has(.byline) {
  text-decoration: none;
}
.pat-table tbody th.item-name a[href]:not(.icon):not(.current):hover:has(.link-title) .link-title:has(.byline) .title,
.pat-table tbody th.item-name .value[href]:not(.icon):not(.current):hover:has(.link-title) .link-title:has(.byline) .title,
.pat-table tbody th.item-state a[href]:not(.icon):not(.current):hover:has(.link-title) .link-title:has(.byline) .title,
.pat-table tbody th.item-state .value[href]:not(.icon):not(.current):hover:has(.link-title) .link-title:has(.byline) .title {
  text-decoration: underline;
}
.pat-table tbody th.item-name a .classification-tags,
.pat-table tbody th.item-name .value .classification-tags,
.pat-table tbody th.item-state a .classification-tags,
.pat-table tbody th.item-state .value .classification-tags {
  line-height: 19px;
}
.pat-table tbody th.item-name:before {
  display: none;
}
@container screen style(--screen-small: true) {
.pat-table tbody th.item-name {
  grid-column-start: 1;
  grid-column-end: 1;
  font-size: 1.3em;
  padding-top: 8px;
}
}
.pat-table tbody th.item-name:has(.avatar),
.pat-table tbody th.item-name:has(.icon) {
  --pat-checklist-checkbox-vertical-position: 34px;
}
.pat-table tbody th.item-name:has(.avatar) .name,
.pat-table tbody th.item-name:has(.icon) .name {
  display: grid;
  grid-template-columns: var(--pat-table-icon-width) auto auto;
  grid-template-areas: "icon label markers";
  align-items: start;
  justify-content: initial;
  column-gap: 9px;
}
.pat-table tbody th.item-name:has(.avatar) .name .avatar,
.pat-table tbody th.item-name:has(.avatar) .name .icon,
.pat-table tbody th.item-name:has(.icon) .name .avatar,
.pat-table tbody th.item-name:has(.icon) .name .icon {
  margin: var(--pat-table-avatar-margin, 0);
  object-fit: cover;
  justify-self: end;
  grid-area: icon;
  box-sizing: border-box;
  height: var(--pat-table-icon-height);
  width: var(--pat-table-icon-width);
}
.pat-table tbody th.item-name:has(.avatar) .name .avatar,
.pat-table tbody th.item-name:has(.icon) .name .avatar {
  border-radius: 50%;
}
.pat-table tbody th.item-name:has(.avatar) .name .icon,
.pat-table tbody th.item-name:has(.icon) .name .icon {
  border-radius: calc(var(--border-radii) - 7px);
}
.pat-table tbody th.item-name:has(.avatar) .name .icon:before,
.pat-table tbody th.item-name:has(.icon) .name .icon:before {
  font-size: 24px;
  font-weight: normal;
}
.pat-table tbody th.item-name:has(.avatar) .name .label,
.pat-table tbody th.item-name:has(.icon) .name .label {
  grid-area: label;
}
.pat-table tbody tr.header-row th,
.pat-table tbody tr.header-row td {
  background: transparent;
}
.pat-table tbody tr.header-row th:after,
.pat-table tbody tr.header-row td:after {
  display: none;
}
.pat-table tbody tr.header-row th .table-body-title,
.pat-table tbody tr.header-row td .table-body-title {
  padding-top: 1.5em;
}
.pat-table tbody tr.header-row th .table-body-title a,
.pat-table tbody tr.header-row td .table-body-title a {
  text-overflow: ellipsis;
  overflow: hidden;
}
.pat-table tbody tr.header-row:first-child .header-cell .table-body-title {
  padding-top: 30px;
}
.pat-table tbody .separation-cell {
  vertical-align: bottom;
  padding-top: 1.5em;
  background-color: transparent;
}
.pat-table tbody tr.header-row + .separation-row .separation-cell {
  padding-top: 0;
}
@container screen style(--screen-small: true) {
.pat-table thead {
  display: none;
}
}
.pat-table thead tr {
  outline: var(--pat-table-thead-row-outline);
}
.pat-table thead th {
  vertical-align: bottom;
  text-align: left;
  hyphens: none;
  position: relative;
  padding-bottom: var(--pat-table-thead-cell-padding-bottom);
  padding-top: var(--pat-table-thead-cell-padding-top);
  background-color: var(--pat-table-thead-cell-background-colour);
}
.pat-table thead th .select-all-items {
  padding: 0;
  z-index: 2;
  width: 31px;
  position: absolute !important;
  left: 0;
  top: 0;
  bottom: 0;
}
.pat-table thead th .select-all-items:before {
  top: 16px !important;
}
.pat-table thead th.spacer-cell {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 9;
}
.pat-table thead th a.sorting,
.pat-table thead th a.sorting_asc,
.pat-table thead th a.sorting-asc,
.pat-table thead th a.sorting_desc,
.pat-table thead th a.sorting-desc {
  position: relative;
  padding-right: 30px;
  top: 0;
}
.pat-table thead th a.sorting:focus,
.pat-table thead th a.sorting_asc:focus,
.pat-table thead th a.sorting-asc:focus,
.pat-table thead th a.sorting_desc:focus,
.pat-table thead th a.sorting-desc:focus {
  outline: none;
  cursor: default;
}
.pat-table thead th a.sorting:after,
.pat-table thead th a.sorting_asc:after,
.pat-table thead th a.sorting-asc:after,
.pat-table thead th a.sorting_desc:after,
.pat-table thead th a.sorting-desc:after {
  font-family: fontello;
  position: absolute;
  top: 50%;
  right: 0.5em;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  transform: translateY(-50%);
}
.pat-table thead th a.sorting_asc:after,
.pat-table thead th a.sorting-asc:after {
  content: var(--glyph-up-circle);
}
.pat-table thead th a.sorting_desc:after,
.pat-table thead th a.sorting-desc:after {
  content: var(--glyph-down-circle);
}
.pat-table thead th a.sorting {
  display: block;
  color: var(--body-font-colour);
  cursor: default;
  padding: 5px 20px 5px 10px;
  margin: -5px -10px;
}
.pat-table.hd {
  --pat-table-avatar-height: var(--pat-table-avatar-height-hd);
  --pat-table-icon-height: var(--pat-table-icon-height-hd);
  --pat-table-icon-width: var(--pat-table-icon-width-hd);
}
@media only screen and (min-width: 769px) {
.pat-table.hd {
  padding: var(--pat-table-padding-hd);
}
}
.pat-table.hd tbody,
.pat-table.hd tfoot {
  font-size: 0.8em;
}
@media only screen and (min-width: 769px) {
.pat-table.hd tbody th:not(.item-name),
.pat-table.hd tbody td:not(.item-state),
.pat-table.hd tbody .item-name a,
.pat-table.hd tbody .item-state > a,
.pat-table.hd tfoot th:not(.item-name),
.pat-table.hd tfoot td:not(.item-state),
.pat-table.hd tfoot .item-name a,
.pat-table.hd tfoot .item-state > a {
  padding-top: var(--pat-table-cell-padding-hd-top);
  padding-right: var(--pat-table-cell-padding-hd-right);
  padding-bottom: var(--pat-table-cell-padding-hd-bottom);
  padding-left: var(--pat-table-cell-padding-hd-left);
}
}
.pat-table.hd thead {
  font-size: 0.8em;
}
.pat-table.hd thead th {
  padding-top: var(--pat-table-thead-cell-padding-top);
  padding-right: var(--pat-table-cell-padding-hd-right);
  padding-bottom: var(--pat-table-thead-cell-padding-bottom);
  padding-left: var(--pat-table-cell-padding-hd-left);
}
.pat-table.hd tbody td.functions .icon {
  width: 34px;
  height: 34px;
}
.pat-table.hd tbody td.functions .icon:before {
  line-height: 34px;
}
.pat-toolbar {
  --pat-button-cluster-text-colour: var(--pat-toolbar-button-text-colour);
  --pat-context-menu-panel-distance: calc(var(--pat-toolbar-button-height) + 12px);
  --pat-button-background-colour: var(--pat-toolbar-button-background-colour);
  --pat-button-background-colour-hover: var(--pat-toolbar-button-background-colour-hover);
  --pat-button-text-colour: var(--pat-toolbar-button-text-colour);
  --pat-button-text-colour-hover: var(--pat-toolbar-button-text-colour-hover);
  --pat-button-box-shadow: var(--pat-toolbar-button-box-shadow);
  position: relative;
  z-index: var(--pat-toolbar-z-index);
  padding-top: var(--pat-toolbar-padding);
  padding-bottom: var(--pat-toolbar-padding);
  border-radius: var(--border-radii);
  font-size: 0;
  user-select: none;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: grid;
  grid-template-areas: var(--pat-toolbar-grid-template-areas);
  gap: var(--pat-toolbar-element-separation);
  margin-bottom: var(--pat-toolbar-margin-bottom);
}
.pat-toolbar:has(.toolbar-section.navigation) {
  grid-template-columns: 1fr minmax(0, auto) 1fr;
}
.pat-toolbar:has(.toolbar-section.navigation):has(.tabs-wrapped) {
  grid-template-columns: 1fr minmax(0, 100%) 1fr;
}
@container screen style(--screen-small: true) {
.pat-toolbar:has(.toolbar-section.navigation):has(.tabs-wrapped) {
  grid-template-columns: var(--pat-button-height) minmax(0, auto) minmax(0, auto);
}
}
@container screen style(--screen-small: true) {
.pat-toolbar:has(.toolbar-section.navigation .pat-tabs) {
  grid-template-columns: var(--pat-button-height) minmax(0, auto) minmax(0, auto);
}
}
.pat-toolbar:not(:has(.toolbar-section.navigation)) {
  grid-template-columns: minmax(0, 100%) auto auto;
}
.pat-toolbar:not(:has(.toolbar-section.navigation)) .toolbar-section:first-child,
.pat-toolbar:not(:has(.toolbar-section.navigation)) .toolbar-section.view-options,
.pat-toolbar:not(:has(.toolbar-section.navigation)) .toolbar-section.quick-navigation,
.pat-toolbar:not(:has(.toolbar-section.navigation)) .toolbar-section.batch-operations {
  max-width: 100%;
}
.pat-toolbar:not(:has(.toolbar-section ~ .toolbar-section)) {
  gap: 0;
}
.pat-toolbar .toolbar-area,
.pat-toolbar > *:not(.toolbar-section):not(.pat-assistive-element) {
  display: contents;
}
.pat-toolbar .toolbar-section {
  vertical-align: top;
  box-sizing: border-box;
  display: flex;
  gap: var(--pat-toolbar-element-separation);
  max-width: 100%;
}
.pat-toolbar .toolbar-section > .pat-select {
  --pat-select-box-font-size: var(--pat-toolbar-font-size);
  --pat-select-box-box-shadow: var(--pat-toolbar-button-box-shadow);
}
.pat-toolbar .toolbar-section:first-child {
  grid-area: first;
  justify-self: start;
}
.pat-toolbar .toolbar-section.view-options,
.pat-toolbar .toolbar-section.quick-navigation,
.pat-toolbar .toolbar-section.batch-operations {
  grid-area: first;
  justify-self: start;
}
@container screen style(--screen-small: true) {
.application-body.state-on:has(.toolbar-section.navigation .pat-tabs) .pat-toolbar .toolbar-section.view-options,
.application-body.state-on:has(.toolbar-section.navigation .pat-tabs) .pat-toolbar .toolbar-section.quick-navigation,
.application-body.state-on:has(.toolbar-section.navigation .pat-tabs) .pat-toolbar .toolbar-section.batch-operations {
  grid-area: middle;
  justify-content: start;
}
}
.pat-toolbar .toolbar-section.navigation {
  grid-area: middle;
  justify-self: center;
  justify-content: center;
  max-width: 100%;
}
@container screen style(--screen-small: true) {
.pat-toolbar .toolbar-section.navigation:has(.pat-tabs) {
  grid-area: first;
  justify-content: start;
  justify-self: start;
}
}
.pat-toolbar .toolbar-section.navigation:has(.tabs-wrapped) {
  width: 100%;
}
.pat-toolbar .toolbar-section.quick-functions,
.pat-toolbar .toolbar-section:last-of-type:not(:first-child) {
  grid-area: last;
  justify-self: end;
  justify-content: end;
  white-space: nowrap;
}
.pat-toolbar .toolbar-section.quick-functions > .icon,
.pat-toolbar .toolbar-section.quick-functions > .pat-subform .icon,
.pat-toolbar .toolbar-section.quick-functions > .pat-button,
.pat-toolbar .toolbar-section.quick-functions > .context-menu > .pat-button,
.pat-toolbar .toolbar-section.quick-functions > .pat-context-menu > .pat-button,
.pat-toolbar .toolbar-section:last-of-type:not(:first-child) > .icon,
.pat-toolbar .toolbar-section:last-of-type:not(:first-child) > .pat-subform .icon,
.pat-toolbar .toolbar-section:last-of-type:not(:first-child) > .pat-button,
.pat-toolbar .toolbar-section:last-of-type:not(:first-child) > .context-menu > .pat-button,
.pat-toolbar .toolbar-section:last-of-type:not(:first-child) > .pat-context-menu > .pat-button {
  margin: 0;
  position: relative;
}
.pat-toolbar .toolbar-section.quick-functions .save-button,
.pat-toolbar .toolbar-section:last-of-type:not(:first-child) .save-button {
  --pat-context-menu-panel-width: 450px;
}
.pat-toolbar:before {
  position: absolute;
  left: calc(-1 * var(--pat-toolbar-padding));
  right: calc(-1 * var(--pat-toolbar-padding));
  top: 0;
  bottom: 0;
  border-radius: var(--border-radii);
  transition: all 1s;
  content: ' ';
  display: block;
  z-index: -1;
  opacity: 0;
  box-shadow: var(--pat-toolbar-box-shadow);
  background-color: var(--colour-floating-ui-elements-background);
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
}
@container screen style(--screen-small: true) {
.pat-toolbar {
  margin: 0 0 var(--default-screen-padding-small) 0;
  --pat-toolbar-top-distance: 5px;
}
}
@media only screen and (min-width: 769px) {
.pat-toolbar {
  height: calc(var(--pat-toolbar-button-height) + calc(2 * var(--pat-toolbar-padding)));
}
}
.pat-toolbar .toolbar-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);
}
.pat-toolbar .toolbar-title.auto-hide {
  opacity: 0;
  transition: all 1s;
}
.pat-toolbar .toolbar-title.select {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.8);
  cursor: default;
  padding-right: 1.5em;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-image: none;
  background-size: auto 10px;
}
@media print {
.pat-toolbar .toolbar-title.select {
  background-image: none;
}
}
.pat-toolbar .toolbar-title.select:hover {
  text-decoration: none;
  color: var(--body-font-colour);
}
.pat-toolbar .toolbar-title .icon {
  height: calc(0.6 * var(--pat-toolbar-button-height));
  width: auto;
  vertical-align: middle;
}
.pat-toolbar .text-button {
  line-height: var(--pat-toolbar-button-line-height);
  display: inline-block;
  cursor: default;
  border-radius: var(--button-border-radius);
  padding: var(--button-paddings);
}
.pat-toolbar .text-button:before {
  margin-left: 0;
}
.pat-toolbar .text-button:hover {
  color: var(--body-font-colour);
}
.pat-toolbar .text-button.tooltip-active-click {
  background-color: var(--colour-accent);
  color: white;
}
.pat-toolbar .text-button.tooltip-active-click:before {
  color: white;
  -webkit-text-stroke: none;
  text-stroke: none;
}
.pat-toolbar:focus {
  outline: none;
}
.pat-modal .pat-toolbar {
  margin-bottom: 15px;
}
.pat-toolbar.inline {
  margin: 0;
  padding: 0;
}
.pat-toolbar.bordered:before {
  opacity: 1;
}
.pat-toolbar.sticky {
  position: sticky;
  top: var(--pat-toolbar-top-distance);
  transition: 
			top var(--pat-toolbar-hiding-speed),
			zoom var(--default-animation-duration),
			transform var(--default-animation-duration);
  --pat-toolbar-auto-hide-offset: calc(-2 * calc(100% + var(--pat-toolbar-top-distance)));
}
.pat-toolbar.sticky:before {
  transition: all 1s;
}
.pat-scroll-box:not(.scroll-position-top) .pat-toolbar.sticky:before,
.pat-toolbar.sticky:has(.tiptap-focus):before {
  opacity: 1;
}
.scrolling-down:not(.scroll-position-top) .pat-toolbar.sticky.auto-hide,
.scroll-down:not(.scroll-position-top) .pat-toolbar.sticky.auto-hide,
.scroll-position-bottom .pat-toolbar.sticky.auto-hide {
  transform: translateY(var(--pat-toolbar-auto-hide-offset));
}
.pat-toolbar.sticky.auto-hide:has(.tiptap-focus, .focus, :focus) {
  --pat-toolbar-auto-hide-offset: 0;
}
.pat-toolbar .editor-toolbar {
  opacity: 0;
  transition: opacity var(--base-animation-duration);
  pointer-events: none;
  position: relative;
  z-index: 1;
  white-space: nowrap !important;
  display: flex;
  gap: calc(0.5 * var(--pat-toolbar-element-separation));
}
.pat-toolbar .editor-toolbar.tiptap-focus {
  opacity: 1;
  pointer-events: initial;
}
.pat-toolbar.tiptap-focus .editor-toolbar,
.pat-toolbar.inline .editor-toolbar {
  opacity: 1;
  pointer-events: all;
}
@media print {
.pat-toolbar {
  display: none;
}
}
.pat-toolbar .toolbar-section > label.pat-checklist {
  margin-left: 1em;
}
.pat-toolbar .toolbar-section > label.pat-checklist:before {
  top: calc(0.5 * var(--pat-toolbar-button-height));
}
.pat-toolbar .toolbar-section > label.pat-checklist:hover {
  color: var(--body-font-colour);
}
.pat-toolbar .pat-context-menu {
  display: inline-block;
  vertical-align: top;
}
@container screen style(--screen-small: true) {
.pat-toolbar .pat-context-menu {
  order: -1;
}
}
.sidebar-normal .sidebar .pat-toolbar .pat-context-menu {
  order: -1;
}
.pat-toolbar .pat-context-menu:hover.no-label:before {
  color: var(--pat-toolbar-icon-text-colour-hover);
  text-decoration: none;
  background-color: var(--pat-toolbar-icon-background-colour-hover);
}
.pat-toolbar .pat-context-menu .context-menu-label {
  height: var(--pat-toolbar-button-height);
}
.pat-toolbar .pat-context-menu.open .label.default {
  color: white;
}
.pat-toolbar .pat-context-menu.no-label:before {
  background-color: var(--pat-toolbar-icon-background-colour);
  color: var(--pat-toolbar-icon-text-colour);
  border-radius: var(--border-radii);
}
.pat-toolbar .pat-context-menu.no-label.open:before,
.pat-toolbar .pat-context-menu.no-label.closed.in-progress:before {
  background-color: var(--colour-accent);
  color: white;
}
.pat-toolbar > .pat-select,
.pat-toolbar .toolbar-section > .pat-select,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label,
.pat-toolbar > input[type="search"],
.pat-toolbar .toolbar-section label.pat-checklist {
  display: inline-block;
  vertical-align: top;
  height:  var(--pat-toolbar-button-height);
  line-height: var(--pat-toolbar-button-line-height);
  font-size: var(--pat-toolbar-font-size);
}
.pat-toolbar > .pat-select.bare:before,
.pat-toolbar .toolbar-section > .pat-select.bare:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.bare:before,
.pat-toolbar > input[type="search"].bare:before,
.pat-toolbar .toolbar-section label.pat-checklist.bare:before {
  height:  var(--pat-toolbar-button-height);
  line-height: var(--pat-toolbar-button-line-height);
}
.pat-toolbar > .pat-select select,
.pat-toolbar .toolbar-section > .pat-select select,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label select,
.pat-toolbar > input[type="search"] select,
.pat-toolbar .toolbar-section label.pat-checklist select {
  line-height: var(--pat-toolbar-button-line-height);
  font-size: var(--pat-toolbar-font-size);
  height: var(--pat-toolbar-button-height);
  padding-top: 0;
  padding-bottom: 0;
}
.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-toolbar .toolbar-section > .extras > .pat-select:not(.bare) {
  --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;
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
  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;
  line-height: var(--pat-toolbar-button-line-height);
  white-space: nowrap;
  overflow: hidden;
  height: var(--pat-toolbar-button-line-height);
  text-decoration: none !important;
}
.pat-toolbar > .pat-select:not(.bare):has([disabled]),
.pat-toolbar .toolbar-section > .pat-select:not(.bare):has([disabled]),
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:has([disabled]),
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare):has([disabled]) {
  pointer-events: none;
  padding-right: var(--pat-select-box-padding-start);
}
.pat-toolbar > .pat-select:not(.bare):has([disabled]):after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):has([disabled]):after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:has([disabled]):after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare):has([disabled]):after {
  display: none;
}
.pat-toolbar > .pat-select:not(.bare):hover,
.pat-toolbar > .pat-select:not(.bare).tooltip-active-click,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).tooltip-active-click,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.tooltip-active-click,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare):hover,
.pat-toolbar .toolbar-section > .extras > .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);
}
.pat-toolbar > .pat-select:not(.bare):hover:after,
.pat-toolbar > .pat-select:not(.bare).tooltip-active-click:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):hover:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).tooltip-active-click:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:hover:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.tooltip-active-click:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare):hover:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).tooltip-active-click:after {
  color: var(--pat-select-box-arrow-text-colour-hover);
}
.pat-toolbar > .pat-select:not(.bare).success,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).success,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.success,
.pat-toolbar .toolbar-section > .extras > .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);
}
.pat-toolbar > .pat-select:not(.bare)[data-value="draft"],
.pat-toolbar > .pat-select:not(.bare).state-draft,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value="draft"],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-draft,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value="draft"],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-draft,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value="draft"],
.pat-toolbar .toolbar-section > .extras > .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);
}
.pat-toolbar > .pat-select:not(.bare)[data-value="open"],
.pat-toolbar > .pat-select:not(.bare).state-open,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value="open"],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-open,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value="open"],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-open,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value="open"],
.pat-toolbar .toolbar-section > .extras > .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);
}
.pat-toolbar > .pat-select:not(.bare)[data-value="in-progress"],
.pat-toolbar > .pat-select:not(.bare).state-in-progress,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value="in-progress"],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-in-progress,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value="in-progress"],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-in-progress,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value="in-progress"],
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-in-progress {
  --pat-select-box-background-colour: var(--colour-in-progress-background);
  --pat-select-box-arrow-text-colour: var(--colour-in-progress-text);
  --pat-select-box-background-colour-hover: var(--colour-in-progress-background-hover);
  --pat-select-box-arrow-text-colour-hover: var(--colour-in-progress-text-hover);
}
.pat-toolbar > .pat-select:not(.bare)[data-value="published"],
.pat-toolbar > .pat-select:not(.bare).state-published,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value="published"],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-published,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value="published"],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-published,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value="published"],
.pat-toolbar .toolbar-section > .extras > .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);
}
.pat-toolbar > .pat-select:not(.bare)[data-value="done"],
.pat-toolbar > .pat-select:not(.bare).state-done,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value="done"],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-done,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value="done"],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-done,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value="done"],
.pat-toolbar .toolbar-section > .extras > .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);
}
.pat-toolbar > .pat-select:not(.bare)[data-value="for-review"],
.pat-toolbar > .pat-select:not(.bare)[data-value="review"],
.pat-toolbar > .pat-select:not(.bare).state-for-review,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value="for-review"],
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value="review"],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-for-review,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value="for-review"],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value="review"],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-for-review,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value="for-review"],
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value="review"],
.pat-toolbar .toolbar-section > .extras > .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);
}
.pat-toolbar > .pat-select:not(.bare)[data-value="approved"],
.pat-toolbar > .pat-select:not(.bare).state-approved,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value="approved"],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-approved,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value="approved"],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-approved,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value="approved"],
.pat-toolbar .toolbar-section > .extras > .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);
}
.pat-toolbar > .pat-select:not(.bare)[data-value="draft_contributors"],
.pat-toolbar > .pat-select:not(.bare).state-draft-contributors,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value="draft_contributors"],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-draft-contributors,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value="draft_contributors"],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-draft-contributors,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value="draft_contributors"],
.pat-toolbar .toolbar-section > .extras > .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);
}
.pat-toolbar > .pat-select:not(.bare)[data-value="review_contributors"],
.pat-toolbar > .pat-select:not(.bare).state-review-contributors,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value="review_contributors"],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-review-contributors,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value="review_contributors"],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-review-contributors,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value="review_contributors"],
.pat-toolbar .toolbar-section > .extras > .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);
}
.pat-toolbar > .pat-select:not(.bare)[data-value="final_members"],
.pat-toolbar > .pat-select:not(.bare).state-final-members,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value="final_members"],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-final-members,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value="final_members"],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-final-members,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value="final_members"],
.pat-toolbar .toolbar-section > .extras > .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);
}
.pat-toolbar > .pat-select:not(.bare)[data-value="final_library"],
.pat-toolbar > .pat-select:not(.bare).state-final-library,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value="final_library"],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-final-library,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value="final_library"],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-final-library,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value="final_library"],
.pat-toolbar .toolbar-section > .extras > .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);
}
.pat-toolbar > .pat-select:not(.bare)[data-value="final_external"],
.pat-toolbar > .pat-select:not(.bare).state-final-external,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value="final_external"],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-final-external,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value="final_external"],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-final-external,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value="final_external"],
.pat-toolbar .toolbar-section > .extras > .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);
}
.pat-toolbar > .pat-select:not(.bare).locked:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).locked:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.locked:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).locked:before {
  font-family: fontello;
  content: var(--glyph-lock);
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
}
.pat-toolbar > .pat-select:not(.bare):not([class*="icon-"]):before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):not([class*="icon-"]):before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:not([class*="icon-"]):before,
.pat-toolbar .toolbar-section > .extras > .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;
}
.pat-toolbar > .pat-select:not(.bare)[class*=icon-]:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[class*=icon-]:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[class*=icon-]:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[class*=icon-]:before {
  margin-left: 4px;
  margin-right: 6px;
}
.pat-toolbar > .pat-select:not(.bare) select,
.pat-toolbar .toolbar-section > .pat-select:not(.bare) select,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label select,
.pat-toolbar .toolbar-section > .extras > .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;
}
.pat-toolbar > .pat-select:not(.bare) select option,
.pat-toolbar .toolbar-section > .pat-select:not(.bare) select option,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label select option,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare) select option {
  font-size: initial;
  color: var(--body-font-colour);
}
.pat-toolbar > .pat-select:not(.bare):after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare):after {
  font-family: fontello;
  content: var(--glyph-down-open);
  width: var(--pat-select-box-arrow-width);
  background-color: var(--pat-select-box-arrow-background-colour);
  background-image: none;
  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;
}
.pat-toolbar > .pat-select:not(.bare) option:disabled,
.pat-toolbar .toolbar-section > .pat-select:not(.bare) option:disabled,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label option:disabled,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare) option:disabled {
  color: silver;
}
@media only screen and (max-width: 768px) {
.pat-toolbar > .pat-select:not(.bare)[class*="icon-"]:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[class*="icon-"]:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[class*="icon-"]:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[class*="icon-"]:before {
  margin-left: 0;
  margin-right: 0;
}
}
.pat-toolbar .pat-button,
.pat-toolbar .icon {
  display: inline-block;
  vertical-align: top;
  line-height: var(--pat-toolbar-button-line-height);
  border: none;
  float: none;
  white-space: nowrap;
  font-size: var(--pat-toolbar-font-size);
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
}
.pat-toolbar .pat-button:not(.open-close-toggle).collapsible-open:after,
.pat-toolbar .icon:not(.open-close-toggle).collapsible-open:after {
  display: block;
  content: ' ';
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.pat-toolbar .pat-button.meta-data-toggle,
.pat-toolbar .icon.meta-data-toggle {
  transition: transform var(--base-animation-duration);
}
.more-metadata .pat-toolbar .pat-button.meta-data-toggle,
.more-metadata .pat-toolbar .icon.meta-data-toggle {
  transform: scaleY(-1);
}
@container screen style(--screen-small: true) {
.pat-toolbar .pat-button,
.pat-toolbar .icon {
  margin: 0;
}
}
.pat-toolbar .pat-button:focus,
.pat-toolbar .icon:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-toolbar .pat-button:hover,
.pat-toolbar .icon:hover {
  text-decoration: none;
}
.pat-toolbar .pat-tabs .icon:focus,
.pat-toolbar .pat-button-cluster .icon:focus {
  outline: none;
  outline-offset: 0;
}
.pat-toolbar .pat-toolbar-breadcrumbs,
.pat-toolbar .pat-button-cluster {
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  background-color: var(--pat-toolbar-icon-frost-background);
}
.pat-toolbar .icon {
  font-family: fontello;
  text-indent: -1000em;
  width: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
  position: relative;
  cursor: default;
  line-height: var(--pat-toolbar-button-line-height);
  border-radius: var(--button-border-radius);
  display: inline-block;
  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);
}
body[dir=rtl] .pat-toolbar .icon {
  text-align: right;
}
.pat-toolbar .icon:hover {
  color: var(--pat-toolbar-icon-text-colour-hover);
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  text-decoration: none;
}
.pat-toolbar .icon:hover:before {
  color: var(--pat-toolbar-icon-text-colour-hover);
}
.pat-toolbar .icon[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  background-color: var(--pat-toolbar-icon-background-colour);
  color: var(--pat-toolbar-icon-text-colour);
}
.pat-toolbar .icon:before {
  font-family: fontello;
  text-indent: 0;
  line-height: var(--pat-toolbar-button-line-height);
  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;
}
.pat-toolbar .icon.current:before {
  color: white;
  background-color: var(--colour-accent);
}
.pat-toolbar .icon.pat-tooltip.tooltip-active-click:before,
.pat-toolbar .icon:not(.open-close-toggle).collapsible-open:before {
  background-color: var(--colour-accent);
  color: white;
  -webkit-text-stroke: initial;
  text-stroke: initial;
}
.pat-toolbar .icon.active:before {
  color: var(--colour-accent);
}
.pat-toolbar .icon.progress .pie-graph {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.pat-toolbar .icon.progress.pat-tooltip.tooltip-active-click {
  background-color: var(--colour-accent);
}
.pat-toolbar .icon.progress.pat-tooltip.tooltip-active-click .pie-graph {
  border-color: white;
}
.pat-toolbar .icon.warning {
  color: var(--colour-warning);
  box-shadow: none;
}
.pat-toolbar .icon.warning:before {
  color: var(--colour-warning);
}
.pat-toolbar .icon.create:before,
.pat-toolbar .icon.new:before {
  content: var(--glyph-plus);
  font-size: 1.3em;
}
.pat-toolbar .icon.grid:before {
  content: var(--glyph-grid-large);
}
.pat-toolbar .icon.list:before {
  content: var(--glyph-list-large);
}
.pat-toolbar .icon.visibility:before {
  content: var(--glyph-user-secret);
}
.pat-toolbar .icon.settings:before {
  content: var(--glyph-cog);
}
.pat-toolbar .icon.resize-full:before {
  content: var(--glyph-resize-full);
}
.application-body.state-on.sidebar-large .pat-toolbar .icon.resize-full:before {
  content: var(--glyph-resize-small);
}
@container screen style(--screen-small: true) {
.pat-toolbar .icon.resize-full {
  display: none;
}
}
.pat-toolbar .icon.back:before {
  content: var(--glyph-left-open);
}
.pat-toolbar .icon.back + .toolbar-title {
  padding-left: 0;
}
.pat-toolbar .icon.up:before,
.pat-toolbar .icon.down:before {
  font-family: fontello;
  content: var(--glyph-left-open);
}
.pat-toolbar .icon.up:before {
  transform: rotate(90deg);
}
.pat-toolbar .icon.down:before {
  transform: rotate(-90deg);
}
.pat-toolbar .icon.expand-all-sections:before,
.pat-toolbar .icon.collapse-all-sections:before {
  font-family: fontello;
  content: var(--glyph-angle-right);
  transform: rotate(90deg);
}
.pat-toolbar .icon.collapse-all-sections:before {
  transform: rotate(-90deg);
}
.pat-toolbar .icon.level-up:before {
  font-family: fontello;
  content: var(--glyph-level-up);
  transform: scaleX(-100%);
}
.pat-toolbar .icon.level-up + .toolbar-title {
  padding-left: 0;
}
.pat-toolbar .icon.share:before {
  content: var(--glyph-share);
}
.pat-toolbar .icon.edit:before {
  content: var(--glyph-pencil);
}
.pat-toolbar .icon.open-close-toggle:before {
  content: var(--glyph-down-open);
  transition: transform var(--base-animation-duration);
}
.pat-toolbar .icon.open-close-toggle.collapsible-open:before,
.well-title-group.collapsible-open .pat-toolbar .icon.open-close-toggle {
  transform: scaleY(-100%);
}
.pat-toolbar .icon.sidebar-toggle.left:before {
  content: var(--glyph-sidebar-left);
}
.sidebar-left-closed .pat-toolbar .icon.sidebar-toggle.left:before {
  content: var(--glyph-sidebar-left-open);
}
.sidebar-normal .sidebar .pat-toolbar .icon.sidebar-toggle.left {
  order: -1;
}
@container screen style(--screen-small: true) {
.pat-toolbar .icon.sidebar-toggle {
  display: none;
}
}
.pat-toolbar .icon.cancel:before,
.pat-toolbar .icon.close:before {
  content: var(--glyph-cancel);
}
.pat-toolbar .icon.preview:before {
  content: var(--glyph-eye);
}
.pat-toolbar .icon.settings:before {
  content: var(--glyph-cog);
}
.pat-toolbar .icon.app:before {
  content: var(--glyph-app);
}
.pat-toolbar .icon.bookmark:before {
  content: var(--glyph-bookmark);
}
.pat-toolbar .icon.bookmark.icon-bookmark-empty:before {
  content: var(--glyph-bookmark-empty);
}
.pat-toolbar .icon.bookmark.active:before {
  content: var(--glyph-bookmark);
}
.pat-toolbar .icon.modify:before {
  content: var(--glyph-cog);
}
.pat-toolbar .icon.filter:before {
  content: var(--glyph-filter);
}
.pat-toolbar .icon.more:before {
  content: var(--glyph-ellipsis);
}
.pat-toolbar .icon.upload:before {
  content: var(--glyph-upload);
}
.pat-toolbar .icon.slideshow:before {
  content: var(--glyph-slides);
}
.pat-toolbar .icon.download:before {
  content: var(--glyph-download);
}
.pat-toolbar .icon.card-view:before {
  content: var(--glyph-grid-large);
}
.pat-toolbar .icon.list-view:before {
  content: var(--glyph-list-large);
}
.pat-toolbar .icon.language:before {
  content: var(--glyph-language);
}
.pat-toolbar .icon.menu:before {
  content: var(--glyph-menu);
}
.pat-toolbar .icon.search:before {
  content: var(--glyph-search);
}
.pat-toolbar .icon.metadata:before {
  content: var(--glyph-cog-many);
}
.pat-toolbar .icon.help:before {
  content: var(--glyph-help);
}
.pat-toolbar .icon.select:before {
  content: var(--glyph-checkboxes-double-checked);
}
#product-space.mode-select .pat-toolbar .icon.select {
  background-color: var(--colour-accent);
}
#product-space.mode-select .pat-toolbar .icon.select:before {
  color: white;
}
.pat-toolbar .icon.zoom-in:before {
  content: var(--glyph-zoom-in);
}
.pat-toolbar .icon.zoom-out:before {
  content: var(--glyph-zoom-out);
}
.pat-toolbar .icon.select-all:before {
  content: var(--glyph-checkboxes-triple-checked);
}
.pat-toolbar .icon.deselect-all:before {
  content: var(--glyph-checkboxes-triple-unchecked-svg);
}
.pat-toolbar .icon.under-review:before {
  content: var(--glyph-eye);
  -webkit-text-stroke: 3px white;
  text-stroke: 3px white;
  paint-order: stroke fill;
}
.pat-toolbar .pat-button.locked {
  position: relative;
  padding-right: 3em;
}
.pat-toolbar .pat-button.locked:after {
  display: block;
  font-family: fontello;
  content: var(--glyph-lock);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 2em;
  text-align: center;
  background: var(--colour-warning);
  color: white;
  line-height: var(--pat-toolbar-button-height);
}
.pat-toolbar .pat-button.locked.validated:after,
.pat-toolbar .pat-button.locked.validated.active:after {
  content: var(--glyph-ok);
}
.pat-toolbar .pat-button.locked.active:after {
  content: var(--glyph-lock-open);
}
.pat-toolbar .pat-progress-bar {
  margin-top: 9px;
  width: 540px;
  float: left;
}
.pat-toolbar .pat-toolbar-local-search-box {
  width: var(--pat-toolbar-button-height);
  margin: 0;
  display: inline-block;
  padding: 0;
}
.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel {
  overflow: hidden;
  width: var(--pat-toolbar-button-height);
  padding-top: calc(var(--pat-toolbar-button-height) + 16px);
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  float: right;
  margin: -52px -10px;
  transition: all var(--base-animation-duration);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}
.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel .instance-counter {
  margin-top: calc(-1 * var(--pat-toolbar-button-height));
  transition: all var(--base-animation-duration);
  opacity: 0;
}
.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel .instance-counter a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 769px) {
.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel .instance-counter {
  width: 350px;
}
}
@container screen style(--screen-small: true) {
.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel .instance-counter {
  width: calc(100vw - 40px);
}
}
.pat-toolbar .pat-toolbar-local-search-box.focus .instance-counter,
.pat-toolbar .pat-toolbar-local-search-box.has-value .instance-counter,
.pat-toolbar .pat-toolbar-local-search-box.fixed .instance-counter {
  margin-top: 0;
  opacity: 1;
}
.pat-toolbar .pat-toolbar-local-search-box.focus .spotlight-sentinel,
.pat-toolbar .pat-toolbar-local-search-box.has-value .spotlight-sentinel,
.pat-toolbar .pat-toolbar-local-search-box.fixed .spotlight-sentinel {
  background-color: var(--colour-base-background);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 769px) {
.pat-toolbar .pat-toolbar-local-search-box.focus .spotlight-sentinel,
.pat-toolbar .pat-toolbar-local-search-box.has-value .spotlight-sentinel,
.pat-toolbar .pat-toolbar-local-search-box.fixed .spotlight-sentinel {
  width: 350px;
}
}
@container screen style(--screen-small: true) {
.pat-toolbar .pat-toolbar-local-search-box.focus .spotlight-sentinel,
.pat-toolbar .pat-toolbar-local-search-box.has-value .spotlight-sentinel,
.pat-toolbar .pat-toolbar-local-search-box.fixed .spotlight-sentinel {
  width: calc(100vw - 40px);
}
}
.pat-toolbar .pat-toolbar-search-field {
  width: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
  position: relative;
  display: inline-block;
  z-index: 10;
  vertical-align: top;
  font-size: var(--pat-toolbar-font-size);
  background-color: var(--pat-toolbar-icon-background-colour);
  border-radius: var(--border-radii);
  box-shadow: var(--pat-toolbar-button-box-shadow);
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
  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) {
.pat-toolbar .pat-toolbar-search-field {
  order: 1;
}
}
.pat-toolbar .pat-toolbar-search-field:after {
  position: absolute;
  top: 0;
  left: 0;
  line-height: var(--pat-toolbar-button-line-height);
  width: var(--pat-toolbar-button-height);
  text-align: center;
  font-family: fontello;
  content: var(--glyph-search);
  font-size: var(--pat-toolbar-font-size);
  transition: left var(--base-animation-duration), right var(--base-animation-duration), padding-left var(--base-animation-duration), padding-right var(--base-animation-duration), transform var(--base-animation-duration);
  color: var(--pat-toolbar-icon-text-colour);
}
body[dir=rtl] .pat-toolbar .pat-toolbar-search-field:after {
  left: auto;
  right: 0;
}
.pat-toolbar .pat-toolbar-search-field:hover {
  background-color: var(--pat-toolbar-icon-background-colour-hover);
}
.pat-toolbar .pat-toolbar-search-field:hover:after {
  color: var(--pat-toolbar-icon-text-colour-hover);
}
.pat-toolbar .pat-toolbar-search-field input {
  width: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
  border-radius: var(--border-radii);
  background: var(--colour-base-background);
  box-shadow: var(--pat-toolbar-button-box-shadow);
  max-width: 1000px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all var(--base-animation-duration);
  opacity: 0;
  margin: 0;
}
body[dir=rtl] .pat-toolbar .pat-toolbar-search-field input {
  right: auto;
  left: 0;
}
.pat-toolbar .pat-toolbar-search-field.focus input,
.pat-toolbar .pat-toolbar-search-field.has-value input,
.pat-toolbar .pat-toolbar-search-field.fixed input {
  opacity: 1;
  padding-left: 34px;
  box-shadow: var(--pat-toolbar-search-field-input-field-box-shadow-focus);
}
body[dir=rtl] .pat-toolbar .pat-toolbar-search-field.focus input,
body[dir=rtl] .pat-toolbar .pat-toolbar-search-field.has-value input,
body[dir=rtl] .pat-toolbar .pat-toolbar-search-field.fixed input {
  padding-left: 0;
  padding-right: 34px;
}
@media only screen and (min-width: 769px) {
.pat-toolbar .pat-toolbar-search-field.focus input,
.pat-toolbar .pat-toolbar-search-field.has-value input,
.pat-toolbar .pat-toolbar-search-field.fixed input {
  width: var(--pat-toolbar-search-field-width-open);
}
}
@container screen style(--screen-small: true) {
.pat-toolbar .pat-toolbar-search-field.focus input,
.pat-toolbar .pat-toolbar-search-field.has-value input,
.pat-toolbar .pat-toolbar-search-field.fixed input {
  width: calc(100vw - calc(2 * var(--default-screen-padding-small)));
}
}
.pat-toolbar .pat-toolbar-search-field.focus:after,
.pat-toolbar .pat-toolbar-search-field.has-value:after,
.pat-toolbar .pat-toolbar-search-field.fixed:after {
  color: gray;
}
@media only screen and (min-width: 769px) {
.pat-toolbar .pat-toolbar-search-field.focus:after,
.pat-toolbar .pat-toolbar-search-field.has-value:after,
.pat-toolbar .pat-toolbar-search-field.fixed:after {
  left: calc(-1 * var(--pat-toolbar-search-field-width-open));
  padding-left: var(--pat-toolbar-button-height);
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .pat-toolbar .pat-toolbar-search-field.focus:after,
body[dir=rtl] .pat-toolbar .pat-toolbar-search-field.has-value:after,
body[dir=rtl] .pat-toolbar .pat-toolbar-search-field.fixed:after {
  left: auto;
  right: calc(-1 * var(--pat-toolbar-search-field-width-open));
  padding-left: 0;
  padding-right: var(--pat-toolbar-button-height);
}
}
@container screen style(--screen-small: true) {
.pat-toolbar .pat-toolbar-search-field.focus:after,
.pat-toolbar .pat-toolbar-search-field.has-value:after,
.pat-toolbar .pat-toolbar-search-field.fixed:after {
  left: calc(-1 * (100vw - var(--pat-toolbar-button-height)));
  padding-left: var(--pat-toolbar-button-height);
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .pat-toolbar .pat-toolbar-search-field.focus:after,
body[dir=rtl] .pat-toolbar .pat-toolbar-search-field.has-value:after,
body[dir=rtl] .pat-toolbar .pat-toolbar-search-field.fixed:after {
  left: auto;
  right: calc(-1 * (100vw - var(--pat-toolbar-button-height)));
  padding-left: 0;
  padding-right: var(--pat-toolbar-button-height);
}
}
.pat-toolbar .pat-toolbar-search-field.fixed {
  width: 258px;
}
.pat-toolbar .pat-toolbar-search-field.fixed:after {
  left: -123px;
}
body[dir=rtl] .pat-toolbar .pat-toolbar-search-field.fixed:after {
  left: auto;
  right: -123px;
}
.application-body.state-on.sidebar-normal .sidebar .pat-toolbar:has(.toolbar-section.navigation .pat-tabs) {
  grid-template-columns: var(--pat-button-height) minmax(0, auto) minmax(0, auto);
}
.application-body.state-on.sidebar-normal .sidebar .pat-toolbar:has(.toolbar-section.navigation .pat-tabs):has(.tabs-wrapped) {
  grid-template-columns: var(--pat-button-height) minmax(0, auto) minmax(0, auto);
}
.application-body.state-on.sidebar-normal .sidebar .pat-toolbar:has(.toolbar-section.navigation .pat-tabs) .toolbar-section.view-options,
.application-body.state-on.sidebar-normal .sidebar .pat-toolbar:has(.toolbar-section.navigation .pat-tabs) .toolbar-section.quick-navigation,
.application-body.state-on.sidebar-normal .sidebar .pat-toolbar:has(.toolbar-section.navigation .pat-tabs) .toolbar-section.batch-operations {
  grid-area: middle;
  justify-content: start;
}
.application-body.state-on.sidebar-normal .sidebar .pat-toolbar:has(.toolbar-section.navigation .pat-tabs) .toolbar-section.navigation {
  grid-area: first;
  justify-content: start;
  justify-self: start;
}
.application-body.state-on.sidebar-normal .sidebar .pat-toolbar .icon.toggle-sidebar-size {
  order: 1;
}
.application-body.state-on.sidebar-normal .sidebar .pat-toolbar .pat-toolbar-search-field {
  order: 1;
}
:root {
  --pat-toolbar-breadcrumbs-node-colour: #808080;
  --pat-toolbar-breadcrumbs-current-colour: var(--body-font-colour, #000);
  --pat-toolbar-breadcrumbs-separator: "/";
  --pat-toolbar-breadcrumbs-separator-colour: var(--pat-toolbar-breadcrumbs-node-colour);
}
nav.pat-toolbar-breadcrumbs {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  max-width: 100%;
  height: var(--button-height);
  line-height: var(--button-height);
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  vertical-align: top;
  border-radius: var(--border-radii);
  background: var(--pat-button-cluster-background);
  box-shadow: var(--pat-button-cluster-box-shadow);
  padding: 0;
  font-size: var(--pat-button-cluster-font-size);
}
nav.pat-toolbar-breadcrumbs::-webkit-scrollbar {
  display: none;
}
nav.pat-toolbar-breadcrumbs > a {
  margin: 0;
  border: none;
  background: transparent;
  padding: 0;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: inherit;
  font-weight: normal;
  line-height: var(--pat-button-cluster-button-line-height);
  color: var(--pat-toolbar-breadcrumbs-node-colour);
  text-decoration: none;
  cursor: default;
}
nav.pat-toolbar-breadcrumbs > a:not(:last-child):hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  color: var(--pat-toolbar-breadcrumbs-current-colour);
}
nav.pat-toolbar-breadcrumbs > a + a::before {
  content: var(--pat-toolbar-breadcrumbs-separator);
  display: inline-block;
  padding: 0 0.6em;
  color: var(--pat-toolbar-breadcrumbs-separator-colour);
  text-decoration: none;
}
nav.pat-toolbar-breadcrumbs > a:first-child {
  padding-left: 18px;
}
nav.pat-toolbar-breadcrumbs > a:last-child {
  padding-right: 18px;
  min-width: 0;
}
nav.pat-toolbar-breadcrumbs > a[aria-current="page"],
nav.pat-toolbar-breadcrumbs > a:last-child {
  color: var(--pat-toolbar-breadcrumbs-current-colour);
  font-weight: var(--body-font-weight-bold, bold);
  flex-shrink: 0;
}
@container screen style(--screen-small: true) {
nav.pat-toolbar-breadcrumbs {
  display: none;
}
}
.pat-toggle-switch {
  display: inline-block;
  font-size: calc(0.6 * var(--pat-toggle-height));
  position: relative;
  height: var(--pat-toggle-height);
  background-color: var(--pat-toggle-background-colour-off);
  border-radius: var(--pat-toggle-switch-border-radius);
  transition: all 0.3s;
  justify-self: start;
  position: relative;
  box-sizing: border-box;
  padding: 0 calc( ( var(--pat-toggle-height) - calc(1 * var(--pat-toggle-toggle-distance)) ) + calc(0.5 * var(--pat-toggle-padding-start-end)) ) 0 var(--pat-toggle-padding-start-end);
  line-height: var(--pat-toggle-height);
  color: transparent;
  box-shadow: var(--pat-toggle-box-shadow);
  -webkit-user-select: none;
  user-select: none;
}
.pat-toggle-switch:has(:focus) {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-toggle-switch input {
  position: absolute;
  opacity: 0;
}
.pat-toggle-switch::after {
  content: '';
  display: inline-block;
  position: absolute;
  left: var(--pat-toggle-toggle-distance);
  width: calc(var(--pat-toggle-height) - (calc(var(--pat-toggle-toggle-distance) * 2)));
  height: calc(var(--pat-toggle-height) - (calc(var(--pat-toggle-toggle-distance) * 2)));
  border-radius: var(--pat-toggle-toggle-border-radius);
  transition: all 0.2s;
  background-color: var(--pat-toggle-toggle-background-colour);
  top: 50%;
  transform: translateY(-50%);
}
.pat-toggle-switch:has(input:checked) {
  background-color: var(--pat-toggle-background-colour-on);
  color: var(--pat-toggle-text-colour);
  box-shadow: var(--pat-toggle-box-shadow-on);
  text-shadow: var(--pat-toggle-text-shadow-on);
}
.pat-toggle-switch:has(input:checked)::after {
  left: calc(100% - ( calc(var(--pat-toggle-height) - var(--pat-toggle-toggle-distance)) ) );
  background-color: var(--pat-toggle-toggle-background-colour-on);
}
textarea.pat-tiptap {
  opacity: 0;
}
.ProseMirror-gapcursor {
  position: relative;
  display: block !important;
}
.ProseMirror-gapcursor:after {
  content: " ";
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
}
.tiptap-container {
  animation: fadeIn 0.4s;
}
.tiptap-container .ProseMirror {
  outline: none;
  cursor: text;
  padding-bottom: 100px;
}
.tiptap-container .ProseMirror > p:first-child[data-placeholder]:before {
  content: attr(data-placeholder);
  color: var(--pat-form-placeholder-colour);
  float: right;
  width: 100%;
}
.tiptap-container .ProseMirror-separator + .ProseMirror-trailingBreak,
.tiptap-container .ProseMirror-separator {
  display: none !important;
}
.tiptap-container .collaboration-cursor__caret {
  border-left: 1px solid #0d0d0d;
  border-left-color: rgb(13, 13, 13);
  border-right: 1px solid #0d0d0d;
  border-right-color: rgb(13, 13, 13);
  margin-left: -1px;
  margin-right: -1px;
  pointer-events: none;
  position: relative;
  word-break: normal;
}
.tiptap-container .collaboration-cursor__label {
  border-radius: 3px 3px 3px 0;
  color: #0d0d0d;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  left: -1px;
  line-height: normal;
  padding: .1rem .3rem;
  position: absolute;
  top: -1.4em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.tippy-box[data-animation='fade'][data-state='hidden'] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: white;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^='top'] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^='top'] > .tippy-arrow::before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^='bottom'] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^='left'] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^='left'] > .tippy-arrow::before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^='right'] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^='right'] > .tippy-arrow::before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state='visible'] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow::before {
  content: '';
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
:root {
  --pat-tooltip-box-shadow: 0 4px 14px -2px rgba(0, 8, 16, 0.08);
}
.tippy-box {
  background-color: white;
  background-clip: padding-box;
  border: var(--pat-tooltip-border);
  color: var(--body-font-colour);
  box-shadow: var(--pat-tooltip-box-shadow);
  color: var(--body-font-colour);
  font-size: var(--body-font-size);
  border-radius: var(--tooltip-border-radii);
}
.tippy-box > .tippy-backdrop {
  background-color: white;
}
.tippy-box > .tippy-arrow::after,
.tippy-box > .tippy-svg-arrow::after {
  content: '';
  position: absolute;
  z-index: -1;
}
.tippy-box .tippy-content {
  padding: var(--pat-tooltip-padding);
  max-height: calc(100vh - 100px);
  overflow: auto;
}
.tippy-box .tippy-arrow {
  width: 22px;
  height: 22px;
}
.tippy-box > .tippy-arrow::after {
  border-color: transparent;
  border-style: solid;
}
.tippy-box[data-placement^='top'] > .tippy-arrow::before {
  border-top-color: white;
}
.tippy-box[data-placement^='top'] > .tippy-arrow::after {
  border-top-color: rgba(0, 8, 16, 0.2);
  border-width: 8px 8px 0;
  top: 22px;
  left: 0;
}
.tippy-box[data-placement^='top'] > .tippy-svg-arrow > svg {
  top: 8px;
}
.tippy-box[data-placement^='top'] > .tippy-svg-arrow::after {
  top: 9px;
}
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: white;
  bottom: 22px;
  left: 3px;
  border-width: 0 8px 8px;
}
.tippy-box[data-placement^='bottom'] > .tippy-arrow::after {
  border-bottom-color: var(--pat-tooltip-arrow-border-colour, rgba(0, 8, 16, 0.2));
  border-width: 0 8px 8px;
  bottom: 23px;
  left: 3px;
}
.tippy-box[data-placement^='bottom'] > .tippy-svg-arrow > svg {
  bottom: 22px;
}
.tippy-box[data-placement^='bottom'] > .tippy-svg-arrow::after {
  bottom: 23px;
}
.tippy-box[data-placement^='left'] > .tippy-arrow::before {
  border-left-color: white;
}
.tippy-box[data-placement^='left'] > .tippy-arrow::after {
  border-left-color: var(--pat-tooltip-arrow-border-colour, rgba(0, 8, 16, 0.2));
  border-width: 8px 0 8px 8px;
  left: 22px;
  top: 0;
}
.tippy-box[data-placement^='left'] > .tippy-svg-arrow > svg {
  left: 11px;
}
.tippy-box[data-placement^='left'] > .tippy-svg-arrow::after {
  left: 12px;
}
.tippy-box[data-placement^='right'] > .tippy-arrow::before {
  border-right-color: white;
  right: 22px;
  top: 3px;
}
.tippy-box[data-placement^='right'] > .tippy-arrow::after {
  border-width: 8px 8px 8px 0;
  right: 23px;
  top: 3px;
  border-right-color: var(--pat-tooltip-arrow-border-colour, rgba(0, 8, 16, 0.2));
}
.tippy-box[data-placement^='right'] > .tippy-svg-arrow > svg {
  right: 11px;
}
.tippy-box[data-placement^='right'] > .tippy-svg-arrow::after {
  right: 12px;
}
.tippy-box > .tippy-svg-arrow {
  fill: white;
}
.tippy-box > .tippy-svg-arrow::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiIC8+PC9zdmc+);
  background-size: 8px 6px;
  width: 8px;
  height: 6px;
}
.tooltip-container {
  display: inline-block;
  overflow: visible;
  font-size: 1rem;
  padding: 0;
  user-select: none;
}
@media print {
.tooltip-container {
  display: none !important;
}
}
.tooltip-container .tippy-content {
  min-width: 250px;
  border-radius: var(--tooltip-border-radii);
}
.tooltip-container .tippy-content > *:last-child {
  margin-bottom: 0;
}
.tooltip-container ul.menu {
  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-checklist-checkbox-size: 16px;
}
.tooltip-container ul.menu li {
  padding-left: 0;
  --pat-checklist-margin-bottom: 0;
}
.tooltip-container ul.menu li > a,
.tooltip-container ul.menu li > label,
.tooltip-container ul.menu li > form > label,
.tooltip-container ul.menu li > form > button,
.tooltip-container ul.menu li > form > fieldset > label,
.tooltip-container ul.menu li > fieldset.pat-checklist label,
.tooltip-container ul.menu li > button,
.tooltip-container ul.menu 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);
  display: grid;
  border-radius: var(--border-radii-medium, var(--border-radii));
  user-select: none;
  margin-bottom: 0.2em;
  grid-template-columns: var(--bullet-space) 1fr;
  column-gap: var(--pat-x-list-gutter);
  row-gap: 0;
  hyphens: auto;
  grid-template-areas:
          "icon title"
          "void byline";
  --pat-select-box-height: var(--pat-menu-list-item-line-height);
}
.tooltip-container ul.menu li > a .pat-select.bare,
.tooltip-container ul.menu li > label .pat-select.bare,
.tooltip-container ul.menu li > form > label .pat-select.bare,
.tooltip-container ul.menu li > form > button .pat-select.bare,
.tooltip-container ul.menu li > form > fieldset > label .pat-select.bare,
.tooltip-container ul.menu li > fieldset.pat-checklist label .pat-select.bare,
.tooltip-container ul.menu li > button .pat-select.bare,
.tooltip-container ul.menu li .icon.bookmark .pat-select.bare {
  margin-right: 8px;
}
.tooltip-container ul.menu li > a .item-title,
.tooltip-container ul.menu li > label .item-title,
.tooltip-container ul.menu li > form > label .item-title,
.tooltip-container ul.menu li > form > button .item-title,
.tooltip-container ul.menu li > form > fieldset > label .item-title,
.tooltip-container ul.menu li > fieldset.pat-checklist label .item-title,
.tooltip-container ul.menu li > button .item-title,
.tooltip-container ul.menu li .icon.bookmark .item-title {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  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;
}
.tooltip-container ul.menu li > a .item-title .counter,
.tooltip-container ul.menu li > label .item-title .counter,
.tooltip-container ul.menu li > form > label .item-title .counter,
.tooltip-container ul.menu li > form > button .item-title .counter,
.tooltip-container ul.menu li > form > fieldset > label .item-title .counter,
.tooltip-container ul.menu li > fieldset.pat-checklist label .item-title .counter,
.tooltip-container ul.menu li > button .item-title .counter,
.tooltip-container ul.menu 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;
}
.tooltip-container ul.menu li > a .item-byline,
.tooltip-container ul.menu li > label .item-byline,
.tooltip-container ul.menu li > form > label .item-byline,
.tooltip-container ul.menu li > form > button .item-byline,
.tooltip-container ul.menu li > form > fieldset > label .item-byline,
.tooltip-container ul.menu li > fieldset.pat-checklist label .item-byline,
.tooltip-container ul.menu li > button .item-byline,
.tooltip-container ul.menu 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;
}
.tooltip-container ul.menu li > a:before,
.tooltip-container ul.menu li > a .icon,
.tooltip-container ul.menu li > a .app-icon,
.tooltip-container ul.menu li > label:before,
.tooltip-container ul.menu li > label .icon,
.tooltip-container ul.menu li > label .app-icon,
.tooltip-container ul.menu li > form > label:before,
.tooltip-container ul.menu li > form > label .icon,
.tooltip-container ul.menu li > form > label .app-icon,
.tooltip-container ul.menu li > form > button:before,
.tooltip-container ul.menu li > form > button .icon,
.tooltip-container ul.menu li > form > button .app-icon,
.tooltip-container ul.menu li > form > fieldset > label:before,
.tooltip-container ul.menu li > form > fieldset > label .icon,
.tooltip-container ul.menu li > form > fieldset > label .app-icon,
.tooltip-container ul.menu li > fieldset.pat-checklist label:before,
.tooltip-container ul.menu li > fieldset.pat-checklist label .icon,
.tooltip-container ul.menu li > fieldset.pat-checklist label .app-icon,
.tooltip-container ul.menu li > button:before,
.tooltip-container ul.menu li > button .icon,
.tooltip-container ul.menu li > button .app-icon,
.tooltip-container ul.menu li .icon.bookmark:before,
.tooltip-container ul.menu li .icon.bookmark .icon,
.tooltip-container ul.menu li .icon.bookmark .app-icon {
  font-family: fontello;
  align-self: start;
  display: flex;
  margin-right: 0;
  grid-area: icon;
  text-align: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  align-self: center !important;
  margin: 0;
  width: var(--bullet-space);
  height: var(--bullet-space);
  aspect-ratio: 1 / 1;
  border-radius: calc(0.3 * var(--border-radii));
  padding: 0;
}
.tooltip-container ul.menu li > a > svg.icon,
.tooltip-container ul.menu li > label > svg.icon,
.tooltip-container ul.menu li > form > label > svg.icon,
.tooltip-container ul.menu li > form > button > svg.icon,
.tooltip-container ul.menu li > form > fieldset > label > svg.icon,
.tooltip-container ul.menu li > fieldset.pat-checklist label > svg.icon,
.tooltip-container ul.menu li > button > svg.icon,
.tooltip-container ul.menu li .icon.bookmark > svg.icon {
  grid-area: icon;
  width: 100%;
  height: auto;
  align-self: start;
  border: 1px solid silver;
  background-color: white;
  padding: 15%;
  box-sizing: border-box;
}
.tooltip-container ul.menu li > a .app-icon *,
.tooltip-container ul.menu li > label .app-icon *,
.tooltip-container ul.menu li > form > label .app-icon *,
.tooltip-container ul.menu li > form > button .app-icon *,
.tooltip-container ul.menu li > form > fieldset > label .app-icon *,
.tooltip-container ul.menu li > fieldset.pat-checklist label .app-icon *,
.tooltip-container ul.menu li > button .app-icon *,
.tooltip-container ul.menu 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;
}
.tooltip-container ul.menu li > a:has(.icon):before,
.tooltip-container ul.menu li > a:has(.app-icon):before,
.tooltip-container ul.menu li > label:has(.icon):before,
.tooltip-container ul.menu li > label:has(.app-icon):before,
.tooltip-container ul.menu li > form > label:has(.icon):before,
.tooltip-container ul.menu li > form > label:has(.app-icon):before,
.tooltip-container ul.menu li > form > button:has(.icon):before,
.tooltip-container ul.menu li > form > button:has(.app-icon):before,
.tooltip-container ul.menu li > form > fieldset > label:has(.icon):before,
.tooltip-container ul.menu li > form > fieldset > label:has(.app-icon):before,
.tooltip-container ul.menu li > fieldset.pat-checklist label:has(.icon):before,
.tooltip-container ul.menu li > fieldset.pat-checklist label:has(.app-icon):before,
.tooltip-container ul.menu li > button:has(.icon):before,
.tooltip-container ul.menu li > button:has(.app-icon):before,
.tooltip-container ul.menu li .icon.bookmark:has(.icon):before,
.tooltip-container ul.menu li .icon.bookmark:has(.app-icon):before {
  display: none;
}
.tooltip-container ul.menu li > a:has(input[type="checkbox"]):before,
.tooltip-container ul.menu li > label:has(input[type="checkbox"]):before,
.tooltip-container ul.menu li > form > label:has(input[type="checkbox"]):before,
.tooltip-container ul.menu li > form > button:has(input[type="checkbox"]):before,
.tooltip-container ul.menu li > form > fieldset > label:has(input[type="checkbox"]):before,
.tooltip-container ul.menu li > fieldset.pat-checklist label:has(input[type="checkbox"]):before,
.tooltip-container ul.menu li > button:has(input[type="checkbox"]):before,
.tooltip-container ul.menu li .icon.bookmark:has(input[type="checkbox"]):before {
  line-height: var(--pat-checklist-checkbox-size);
}
.tooltip-container ul.menu li > a:has(input[type="file"]),
.tooltip-container ul.menu li > label:has(input[type="file"]),
.tooltip-container ul.menu li > form > label:has(input[type="file"]),
.tooltip-container ul.menu li > form > button:has(input[type="file"]),
.tooltip-container ul.menu li > form > fieldset > label:has(input[type="file"]),
.tooltip-container ul.menu li > fieldset.pat-checklist label:has(input[type="file"]),
.tooltip-container ul.menu li > button:has(input[type="file"]),
.tooltip-container ul.menu li .icon.bookmark:has(input[type="file"]) {
  position: relative;
}
.tooltip-container ul.menu li > a:hover,
.tooltip-container ul.menu li > label:hover,
.tooltip-container ul.menu li > form > label:hover,
.tooltip-container ul.menu li > form > button:hover,
.tooltip-container ul.menu li > form > fieldset > label:hover,
.tooltip-container ul.menu li > fieldset.pat-checklist label:hover,
.tooltip-container ul.menu li > button:hover,
.tooltip-container ul.menu li .icon.bookmark:hover {
  text-decoration: none;
  background: rgba(0,0,0,0.05);
  color: var(--body-font-colour);
}
.tooltip-container ul.menu li > a.tooltip-active-click,
.tooltip-container ul.menu li > label.tooltip-active-click,
.tooltip-container ul.menu li > form > label.tooltip-active-click,
.tooltip-container ul.menu li > form > button.tooltip-active-click,
.tooltip-container ul.menu li > form > fieldset > label.tooltip-active-click,
.tooltip-container ul.menu li > fieldset.pat-checklist label.tooltip-active-click,
.tooltip-container ul.menu li > button.tooltip-active-click,
.tooltip-container ul.menu li .icon.bookmark.tooltip-active-click {
  background-color: var(--colour-accent);
  color: white;
}
.tooltip-container ul.menu li > a .pat-message,
.tooltip-container ul.menu li > label .pat-message,
.tooltip-container ul.menu li > form > label .pat-message,
.tooltip-container ul.menu li > form > button .pat-message,
.tooltip-container ul.menu li > form > fieldset > label .pat-message,
.tooltip-container ul.menu li > fieldset.pat-checklist label .pat-message,
.tooltip-container ul.menu li > button .pat-message,
.tooltip-container ul.menu li .icon.bookmark .pat-message {
  display: block;
  margin-top: 0.4em;
  margin-bottom: 0.5em;
  padding: 0.3em 0.5em;
}
.tooltip-container ul.menu li > a input[type="file"],
.tooltip-container ul.menu li > label input[type="file"],
.tooltip-container ul.menu li > form > label input[type="file"],
.tooltip-container ul.menu li > form > button input[type="file"],
.tooltip-container ul.menu li > form > fieldset > label input[type="file"],
.tooltip-container ul.menu li > fieldset.pat-checklist label input[type="file"],
.tooltip-container ul.menu li > button input[type="file"],
.tooltip-container ul.menu li .icon.bookmark input[type="file"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 1.8em;
  width: 100%;
}
.tooltip-container ul.menu li > a:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.tooltip-container ul.menu li > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.tooltip-container ul.menu li > form > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.tooltip-container ul.menu li > form > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.tooltip-container ul.menu li > form > fieldset > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.tooltip-container ul.menu li > fieldset.pat-checklist label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.tooltip-container ul.menu li > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.tooltip-container ul.menu li .icon.bookmark:not([class*=icon-]):not([class*=checked]):not(.pat-select):before {
  font-family: fontello;
  content: var(--glyph-angle-right);
}
.tooltip-container ul.menu li > a.current,
.tooltip-container ul.menu li > label.current,
.tooltip-container ul.menu li > form > label.current,
.tooltip-container ul.menu li > form > button.current,
.tooltip-container ul.menu li > form > fieldset > label.current,
.tooltip-container ul.menu li > fieldset.pat-checklist label.current,
.tooltip-container ul.menu li > button.current,
.tooltip-container ul.menu li .icon.bookmark.current {
  background-color: var(--colour-accent);
  color: white;
}
.tooltip-container ul.menu li > a.current a,
.tooltip-container ul.menu li > a.current *,
.tooltip-container ul.menu li > label.current a,
.tooltip-container ul.menu li > label.current *,
.tooltip-container ul.menu li > form > label.current a,
.tooltip-container ul.menu li > form > label.current *,
.tooltip-container ul.menu li > form > button.current a,
.tooltip-container ul.menu li > form > button.current *,
.tooltip-container ul.menu li > form > fieldset > label.current a,
.tooltip-container ul.menu li > form > fieldset > label.current *,
.tooltip-container ul.menu li > fieldset.pat-checklist label.current a,
.tooltip-container ul.menu li > fieldset.pat-checklist label.current *,
.tooltip-container ul.menu li > button.current a,
.tooltip-container ul.menu li > button.current *,
.tooltip-container ul.menu li .icon.bookmark.current a,
.tooltip-container ul.menu li .icon.bookmark.current * {
  color: white;
  cursor: default;
}
.tooltip-container ul.menu li > a.current .item-title .counter,
.tooltip-container ul.menu li > label.current .item-title .counter,
.tooltip-container ul.menu li > form > label.current .item-title .counter,
.tooltip-container ul.menu li > form > button.current .item-title .counter,
.tooltip-container ul.menu li > form > fieldset > label.current .item-title .counter,
.tooltip-container ul.menu li > fieldset.pat-checklist label.current .item-title .counter,
.tooltip-container ul.menu li > button.current .item-title .counter,
.tooltip-container ul.menu li .icon.bookmark.current .item-title .counter {
  background-color: rgba(255, 255, 255, 0.3);
}
:has(.mode-select) .tooltip-container ul.menu li > a.select:before,
:has(.mode-select) .tooltip-container ul.menu li > label.select:before,
:has(.mode-select) .tooltip-container ul.menu li > form > label.select:before,
:has(.mode-select) .tooltip-container ul.menu li > form > button.select:before,
:has(.mode-select) .tooltip-container ul.menu li > form > fieldset > label.select:before,
:has(.mode-select) .tooltip-container ul.menu li > fieldset.pat-checklist label.select:before,
:has(.mode-select) .tooltip-container ul.menu li > button.select:before,
:has(.mode-select) .tooltip-container ul.menu li .icon.bookmark.select:before {
  color: var(--colour-accent);
}
.tooltip-container ul.menu li > label.pat-checklist::before {
  width: 20px;
  height: 20px;
}
.tooltip-container .pat-link-list + .pat-link-list {
  margin-top: 1em;
}
.tooltip-container.label .tippy-content {
  text-align: center;
  min-width: 0;
  padding: 6px 10px;
}
.tooltip-container .tippy-content {
  background-color: var(--tooltip-background-colour);
}
.tooltip-container [data-placement^='bottom'] .tippy-arrow {
  border-bottom-color: var(--tooltip-background-colour);
}
.tooltip-container [data-placement^='bottom'] .tippy-arrow::before {
  border-bottom-color: var(--tooltip-background-colour);
}
.tooltip-container [data-placement^='left'] .tippy-arrow {
  border-left-color: var(--tooltip-background-colour);
}
.tooltip-container [data-placement^='left'] .tippy-arrow::before {
  border-left-color: var(--tooltip-background-colour);
}
.tooltip-container [data-placement^='right'] .tippy-arrow {
  border-right-color: var(--tooltip-background-colour);
}
.tooltip-container [data-placement^='right'] .tippy-arrow::before {
  border-right-color: var(--tooltip-background-colour);
}
.tooltip-container [data-placement^='top'] .tippy-arrow {
  border-top-color: var(--tooltip-background-colour);
}
.tooltip-container [data-placement^='top'] .tippy-arrow::before {
  border-top-color: var(--tooltip-background-colour);
}
.tooltip-container.info .tippy-content {
  background-color: var(--colour-notice-background);
  -webkit-hyphens: auto;
  hyphens: auto;
  padding: 18px;
}
.tooltip-container.info .tippy-content .pat-button.read-more {
  clear: both;
  margin-top: 14px;
  margin-bottom: -5px;
}
.tooltip-container.info [data-placement^='bottom'] .tippy-arrow {
  border-bottom-color: var(--colour-notice-background);
}
.tooltip-container.info [data-placement^='bottom'] .tippy-arrow::before {
  border-bottom-color: var(--colour-notice-background);
}
.tooltip-container.info [data-placement^='left'] .tippy-arrow {
  border-left-color: var(--colour-notice-background);
}
.tooltip-container.info [data-placement^='left'] .tippy-arrow::before {
  border-left-color: var(--colour-notice-background);
}
.tooltip-container.info [data-placement^='right'] .tippy-arrow {
  border-right-color: var(--colour-notice-background);
}
.tooltip-container.info [data-placement^='right'] .tippy-arrow::before {
  border-right-color: var(--colour-notice-background);
}
.tooltip-container.info [data-placement^='top'] .tippy-arrow {
  border-top-color: var(--colour-notice-background);
}
.tooltip-container.info [data-placement^='top'] .tippy-arrow::before {
  border-top-color: var(--colour-notice-background);
}
.tooltip-container.rich {
  user-select: auto;
}
.tooltip-container.rich .tippy-content:after {
  content: ' ';
  display: table;
  clear: both;
}
.tooltip-container.rich .tippy-content h1,
.tooltip-container.rich .tippy-content h2,
.tooltip-container.rich .tippy-content p,
.tooltip-container.rich .tippy-content ul,
.tooltip-container.rich .tippy-content ol,
.tooltip-container.rich .tippy-content table,
.tooltip-container.rich .tippy-content dl,
.tooltip-container.rich .tippy-content pre {
  margin-bottom: 1em;
}
.tooltip-container.rich .tippy-content a {
  text-decoration: underline;
}
.tooltip-container.rich .tippy-content ul,
.tooltip-container.rich .tippy-content ol {
  counter-reset: oli;
}
.tooltip-container.rich .tippy-content ul li,
.tooltip-container.rich .tippy-content ol li {
  margin-left: 0;
  padding-left: 1.5em;
}
.tooltip-container.rich .tippy-content ul li:before,
.tooltip-container.rich .tippy-content ol li:before {
  content: "•";
  float: left;
  margin-left: -1.4em;
}
.tooltip-container.rich .tippy-content ul li[class^="icon-"]:before,
.tooltip-container.rich .tippy-content ul li[class*=" icon-"]:before,
.tooltip-container.rich .tippy-content ol li[class^="icon-"]:before,
.tooltip-container.rich .tippy-content ol li[class*=" icon-"]:before {
  line-height: inherit;
  margin-left: -1.5em;
}
.tooltip-container.rich .tippy-content ol li {
  counter-increment: oli;
}
.tooltip-container.rich .tippy-content ol li:before {
  content: counter(oli)'.';
}
.tooltip-container.rich .tippy-content h1 {
  font-weight: 600;
  font-size: 2em;
  line-height: 130%;
  margin-bottom: 0.7em;
  letter-spacing: 0.05em;
}
.tooltip-container.rich .tippy-content h2 {
  font-size: 1.5em;
  line-height: 130%;
  letter-spacing: 0.05em;
  font-weight: 400;
  margin-bottom: 0.7em;
  letter-spacing: 0.05em;
}
.tooltip-container.rich .tippy-content h3 {
  font-size: 1em;
  letter-spacing: 0.05em;
  font-weight: bold;
  margin-bottom: 1em;
}
.tooltip-container.rich .tippy-content img,
.tooltip-container.rich .tippy-content video {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.tooltip-container.rich .tippy-content img.float-before,
.tooltip-container.rich .tippy-content video.float-before {
  margin-right: 1em;
  float: left;
  top: 0.2em;
  position: relative;
}
.tooltip-container.rich .tippy-content img.float-after,
.tooltip-container.rich .tippy-content video.float-after {
  margin-left: 1em;
  float: right;
  top: 0.2em;
  position: relative;
}
@media only screen and (min-width: 1280px) {
.tooltip-container.rich .tippy-content img.medium,
.tooltip-container.rich .tippy-content video.medium {
  width: 33%;
}
}
.tooltip-container.rich .tippy-content figure {
  margin-bottom: 2em;
}
.tooltip-container.rich .tippy-content figure figcaption {
  font-style: italic;
  font-size: 0.7em;
  line-height: 1.3em;
  color: rgba(0,0,0,0.3);
  border-bottom: 1px dotted rgba(0,0,0,0.3);
  padding: 0.4em 0.7em 0.4em;
}
.tooltip-container.rich .tippy-content p,
.tooltip-container.rich .tippy-content h1,
.tooltip-container.rich .tippy-content h2,
.tooltip-container.rich .tippy-content h3,
.tooltip-container.rich .tippy-content ul,
.tooltip-container.rich .tippy-content ol,
.tooltip-container.rich .tippy-content table {
  margin-bottom: 0.5em;
}
.tooltip-container.rich .tippy-content > *:not(.footer):last-child {
  margin-bottom: 0;
}
.tooltip-container .separation-header {
  color: var(--body-font-colour);
  font-weight: bold;
  font-size: 1em;
  margin: 10px 0;
}
.tooltip-container .separation-header:first-child {
  margin-top: 0;
}
.tooltip-container .item-selector {
  position: static;
}
.tooltip-container .button-bar.bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}
.pat-upload {
  margin: 0;
}
.pat-upload .row {
  margin-left: 0;
  margin-right: 0;
}
.pat-upload h2.title,
.pat-upload p.help,
.pat-upload #fakeUploadFile,
.pat-upload .btn.btn-primary.browse,
.pat-upload .controls .progress {
  display: none;
}
.pat-upload.upload .accessibility-options {
  position: absolute;
  opacity: 0;
  -webkit-pointer-events: none;
  pointer-events: none;
}
.pat-upload .upload-area .dz-message p {
  display: block;
  padding: 3em 1em;
  margin-bottom: 1em !important;
  border: 0.2em rgba(0,0,0,0.2) dashed;
  border-radius: var(--border-radii);
  text-align: center;
  color: gray;
  cursor: default;
}
.pat-upload .upload-area .dz-message p:before {
  content: var(--glyph-upload-cloud);
  font-family: fontello;
  display: inline-block;
  margin-right: 0.3em;
}
.pat-upload .upload-area .dz-message p:active {
  background-color: var(--colour-base);
}
.pat-upload .upload-area.dz-drag-hover .dz-message p {
  background-color: var(--colour-base);
}
.pat-upload .upload-area .upload-queue .previews {
  margin-bottom: 1em;
}
.pat-upload .upload-area .upload-queue .previews .dz-filename {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.pat-upload .upload-area .upload-queue .previews .row {
  overflow: hidden;
  position: relative;
  color: var(--colour-primary);
  -webkit-user-select: none;
  user-select: none;
  padding: 0.5em 2em 0.5em 3.6em;
  margin: 0 0 10px 0;
  position: relative;
  border-radius: var(--border-radii);
  box-shadow: inset 0 0 5px rgba(0,0,0,0.15);
}
.pat-upload .upload-area .upload-queue .previews .row .info:before {
  content: '\e811';
  font-family: fontello;
  font-size: 1.4em;
  position: absolute;
  left: 0.8em;
  top: 50%;
  margin-top: -0.5em;
  font-weight: normal;
  -webkit-transition: 0.4s left;
  transition: 0.4s left;
}
.pat-upload .upload-area .upload-queue .previews .row .info .dz-size {
  font-style: italic;
}
.pat-upload .upload-area .upload-queue .previews .row .info .dz-size strong {
  font-weight: normal;
}
.pat-upload .upload-area .upload-queue .previews .row .info img {
  height: 3em;
  max-width: 3em;
  position: absolute;
  left: 0.3em;
  top: 50%;
  margin-top: -1.5em;
  background-color: var(--colour-base-background);
}
.pat-upload .upload-area .upload-queue .previews .row .btn {
  border: none;
  background: none;
  position: absolute;
  padding: 0 0.35em;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  color: var(--body-font-colour);
  right: 0;
  z-index: 1;
}
.pat-upload .upload-area .upload-queue .previews .row .btn:active {
  box-shadow: none;
}
.pat-upload .upload-area .upload-queue .previews .row .btn:active:before {
  color: var(--body-font-colour);
}
.pat-upload .upload-area .upload-queue .previews .row .btn:before {
  font-family: fontello;
  content: "\e803";
}
.pat-upload .upload-area .upload-queue .previews .row .dz-progress {
  height: 3em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.3;
}
.pat-upload .upload-area .upload-queue .previews .row .dz-progress .dz-upload {
  background: var(--colour-success);
  display: block;
  height: 4em;
}
.pat-upload .upload-area .upload-queue .previews .row.dz-error .dz-progress .dz-upload {
  background-color: var(--colour-alert);
}
.pat-upload .upload-area .upload-queue .previews .row .dz-success-mark,
.pat-upload .upload-area .upload-queue .previews .row .dz-error-mark {
  float: right;
  top: 50%;
  margin-top: -0.5em;
  right: 0.6em;
  position: absolute;
  display: none;
}
.pat-upload .upload-area .upload-queue .previews .row.dz-success .dz-success-mark,
.pat-upload .upload-area .upload-queue .previews .row.dz-error .dz-error-mark {
  display: inline-block;
}
.pat-upload .upload-area .upload-queue .previews .row .dz-error-mark {
  color: var(--colour-alert);
}
form .pat-verification-code,
form.pat-form .pat-verification-code {
  width: 352px;
  height: 80px;
  background-image: var(--verification-code-background-6-pos);
  background-repeat: no-repeat;
  background-size: 352px 100%;
  background-position: 0 0;
  position: relative;
  margin: 40px 0;
  display: block !important;
  padding: 0 0 0 0;
  clip-path: inset(0 0 0 0);
  font-size: 0;
  color: transparent;
}
form .pat-verification-code input[type=text]::-ms-clear,
form.pat-form .pat-verification-code input[type=text]::-ms-clear {
  display: none;
}
form .pat-verification-code input.code,
form.pat-form .pat-verification-code input.code {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent;
  font-family: "Courier", monospace;
  padding: 0;
  text-indent: 12px;
  font-size: 50px;
  text-align: justify;
  letter-spacing: 30px;
  line-height: 60px;
  font-weight: bold;
  height:    100%;
  width: 	   140%;
  max-width: 140%;
  box-sizing: border-box;
  color: var(--body-font-colour);
  margin: 0;
  display: inline-block;
  resize: none;
  white-space: nowrap;
  overflow: hidden;
  caret-shape: underscore;
}
@container screen style(--screen-small: true) {
form .pat-verification-code input.code,
form.pat-form .pat-verification-code input.code {
  caret-color: var(--caret-colour);
}
}
form .pat-verification-code input.code::selection,
form.pat-form .pat-verification-code input.code::selection {
  background: transparent;
}
.pat-well {
  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);
}
@container screen style(--screen-small: true) {
.pat-well {
  --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-well.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-well .well-intro {
  margin-bottom: 2.5rem;
}
.pat-well .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-well .well-title-group .quaive-page-head {
  zoom: 0.7;
  margin-top: calc(-1 * var(--page-head-icon-margin-top));
}
.pat-well .well-title-group .quaive-page-head img {
  margin: 0;
}
.pat-well .well-title-group .pat-toolbar {
  margin: 0;
  width: auto;
}
.pat-well .well-title-group:has(.pat-toolbar),
.pat-well .well-title-group:has(.buttons) {
  grid-template-columns: minmax(0, auto) minmax(0, auto);
}
.pat-well .well-title-group:not(:has(.pat-toolbar)) {
  grid-template-columns: minmax(0, auto) var(--collapsible-button-height);
}
.pat-well .well-title-group.collapsible-open:not(:has(.pat-toolbar)):after,
.pat-well .well-title-group.collapsible-closed:not(:has(.pat-toolbar)):after {
  font-family: fontello;
  content: var(--glyph-down-open);
  font-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-well .well-title-group.collapsible-open:not(:has(.pat-toolbar)).collapsible-open::after,
.pat-well .well-title-group.collapsible-closed:not(:has(.pat-toolbar)).collapsible-open::after {
  content: var(--glyph-up-open);
}
.pat-well .well-title-group.collapsible-open:not(:has(.pat-toolbar)):hover:after,
.pat-well .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-well .well-title-group input.well-header {
  margin-left: -10px;
}
.pat-well .well-title-group .pat-toolbar {
  justify-self: end;
}
.pat-well .well-title-group .buttons {
  display: flex;
  gap: var(--pat-well-header-element-gap);
  justify-self: end;
}
.pat-well .well-title-group .buttons .pat-button {
  --pat-button-height: var(--collapsible-button-height);
}
.pat-well .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;
}
.pat-well .well-title-group .buttons .icon:after {
  font-family: fontello;
  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;
}
.pat-well .well-title-group .buttons .icon:hover {
  background-color: var(--pat-button-background-colour-hover);
}
.pat-well .well-title-group .buttons .icon:hover:after {
  color: var(--pat-button-text-colour-hover);
}
.pat-well .well-title-group .buttons .icon.tooltip-active-click {
  background-color: var(--colour-accent);
}
.pat-well .well-title-group .buttons .icon.tooltip-active-click:after {
  color: white;
}
.pat-well .well-title-group .buttons .icon.help:after {
  content: var(--glyph-help);
}
.pat-well .well-title-group .buttons .icon.add:after {
  content: var(--glyph-plus);
}
.pat-well .well-title-group .buttons .icon.download:after {
  content: var(--glyph-download);
}
.pat-well .well-title-group .buttons .icon.settings:after {
  content: var(--glyph-cog);
}
.pat-well .well-title-group .buttons .icon.edit:after {
  content: var(--glyph-pencil);
}
.pat-well .well-title-group .buttons .icon.more:after {
  content: var(--glyph-ellipsis);
}
.pat-well .well-title-group .buttons .icon.more:after {
  content: var(--glyph-ellipsis);
  line-height: calc(var(--collapsible-button-height) + 3px);
}
.pat-well .well-title-group .well-header {
  margin-bottom: 0;
}
.pat-well .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-well .well-header h2,
.pat-well .well-header .title-fragment {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.pat-well .well-header:before {
  text-align: center;
  align-self: center;
  width: 1.3em;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1 / 1;
}
.pat-well .well-header .pat-avatar,
.pat-well .well-header .icon {
  float: left;
  width: 33px;
  height: 33px;
  padding: 0;
  margin-right: 0;
  font-size: 0.7em;
  font-size: 12px;
}
.pat-well .well-header .icon {
  border-radius: calc(0.5 * var(--border-radii));
}
.pat-well .well-header svg.icon {
  border: var(--default-border);
  fill: var(--app-tile-icon-colour, var(--app-colour)) !important;
}
.pat-well .well-header svg.icon.app-icon * {
  fill: var(--app-tile-icon-colour, var(--app-colour)) !important;
}
.pat-well .well-separation-header {
  margin-bottom: 1em;
  margin-top: 1.5em;
  font-size: var(--pat-well-separation-header-font-size);
  font-weight: bold;
}
.pat-well .well-separation-header:first-child {
  margin-top: 0;
}
.pat-well > .well-header,
.pat-well > .well-title-group {
  gap: var(--pat-well-header-element-gap);
  padding-bottom: var(--pat-well-padding-top);
}
.pat-well > .well-header {
  margin-bottom: 0;
}
.pat-well.pat-collapsible {
  transition: padding var(--base-animation-duration);
  padding: 0;
}
.pat-well.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-well.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-well.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-well.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-well.pat-collapsible > .well-header:after {
  margin-left: auto;
}
body[dir=rtl] .pat-well.pat-collapsible > .well-header:after {
  margin-left: 0;
  margin-right: auto;
}
.pat-well.pat-collapsible > .well-header:not(:has(.pat-toolbar)):after {
  font-family: fontello;
  content: var(--glyph-down-open);
  font-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-well.pat-collapsible > .well-header:not(:has(.pat-toolbar)).collapsible-open::after {
  content: var(--glyph-up-open);
}
.pat-well.pat-collapsible > .well-header:not(:has(.pat-toolbar)):hover:after {
  background-color: var(--button-background-colour-hover);
  color: var(--button-text-colour-hover);
}
.pat-well.pat-collapsible .panel-content {
  padding: 0 var(--pat-well-padding) var(--pat-well-padding);
  box-sizing: border-box;
}
.pat-well.pat-collapsible .panel-content > *:last-child {
  margin-bottom: 0;
}
.pat-well.pat-collapsible .panel-content > .pat-button-bar:last-child {
  padding-bottom: 0;
}
@container screen style(--screen-small: true) {
.pat-well.pat-collapsible .panel-content {
  padding: 0 var(--pat-well-padding-small) var(--pat-well-padding-small);
}
}
.pat-well form > fieldset:last-child,
.pat-well form > fieldset:last-child > .button-bar:last-child {
  margin-bottom: 0;
}
.pat-well:has(.panel-content.injecting),
.pat-well:has(.panel-content .pat-lazy-load) {
  position: relative;
}
.pat-well:has(.panel-content.injecting) .panel-content,
.pat-well:has(.panel-content .pat-lazy-load) .panel-content {
  position: static;
}
.pat-well > *:last-child {
  margin-bottom: 0;
}
@container screen style(--screen-small: true) {
.pat-well {
  padding: 20px;
}
}
.pat-well.success {
  background-color: var(--colour-success-background);
}
.pat-well.success input {
  color: var(--body-font-colour);
}
.pat-well.notice {
  background-color: var(--colour-notice-background);
}
.pat-well.warning {
  background-color: var(--colour-warning-background);
}
.pat-well.warning input {
  color: var(--body-font-colour);
}
.pat-well.info {
  background-color: var(--colour-info-background);
}
.pat-well.success input,
.pat-well.success textarea,
.pat-well.success select,
.pat-well.warning input,
.pat-well.warning textarea,
.pat-well.warning select {
  background-color: rgba(0,0,0,0.3);
  outline: white 1px solid;
}
.pat-well.success select,
.pat-well.warning select {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgLTEuNDk2IDEyIDEwIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIC0xLjQ5NiAxMiAxMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCwwIDQuMjA1LDcuMDA5IDguNDEsMCAiLz4NCjwvc3ZnPg0K);
}
.pat-well * {
  --border-radii: 10px;
}
.pat-well .well-title-group .quaive-page-head:has(> .app-icon),
.pat-well .well-title-group .quaive-page-head:has(> .icon.date) {
  display: flex;
  align-items: center;
  gap: 0.55em;
}
.pat-well .well-title-group .quaive-page-head:has(> .app-icon) > h1,
.pat-well .well-title-group .quaive-page-head:has(> .icon.date) > h1 {
  margin: 0;
}
.pat-well .well-title-group .quaive-page-head > .app-icon,
.pat-well .well-title-group .quaive-page-head > .icon.date {
  flex: 0 0 auto;
  width: 62px;
  height: 62px;
  padding: 11px;
  box-sizing: border-box;
}
.pat-well .well-title-group .quaive-page-head > svg.app-icon,
.pat-well .well-title-group .quaive-page-head > svg.icon.date {
  padding: 0;
}
.pat-well .well-title-group .quaive-page-head > svg.app-icon > *,
.pat-well .well-title-group .quaive-page-head > svg.icon.date > * {
  scale: 0.6;
  transform-box: view-box;
  transform-origin: center;
}
.pat-well .well-title-group .quaive-page-head:has(> h1) > .app-icon,
.pat-well .well-title-group .quaive-page-head:has(> h1) > .icon.date {
  margin: 0 3px 0 0;
}
.pat-well .well-title-group .quaive-page-head > svg.app-icon {
  fill: none;
  stroke: var(--app-tile-icon-colour, var(--app-colour, currentColor));
}
.pat-well .well-title-group .quaive-page-head > svg.app-icon * {
  fill: none;
  stroke: inherit;
}
.pat-well .well-title-group:has(.app-icon) .pat-toolbar,
.pat-well .well-title-group:has(.icon.date) .pat-toolbar {
  padding-right: 6px;
}
.pat-well .well-title-group .quaive-page-head > .icon {
  flex: 0 0 auto;
  width: 1.9em;
  height: 1.9em;
  box-sizing: border-box;
}
.pat-well .well-title-group .quaive-page-head > .icon.date {
  display: grid;
  align-content: center;
  text-align: center;
  line-height: 1;
  border-radius: var(--border-radii-medium, var(--border-radii));
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: color-mix(in srgb, red 10%, white);
}
.pat-well .well-title-group .quaive-page-head > .icon.date .month {
  color: red;
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  line-height: 13px;
  margin-bottom: 3px;
}
.pat-well .well-title-group .quaive-page-head > .icon.date .day {
  font-size: 22px;
  display: block;
}
dfn.iconified.icon-help-circle,
a.iconified.icon-help-circle,
.info-icon {
  color: var(--colour-link);
  cursor: default;
  top: 5px;
  margin-left: 6px;
  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;
  line-height: 22px;
  height: 22px;
  width: 22px;
  font-style: normal;
  font-weight: normal;
}
dfn.iconified.icon-help-circle:active,
a.iconified.icon-help-circle:active,
.info-icon:active {
  box-shadow: none;
}
dfn.iconified.icon-help-circle:hover,
a.iconified.icon-help-circle:hover,
.info-icon:hover {
  text-decoration: none;
}
dfn.iconified.icon-help-circle:before,
a.iconified.icon-help-circle:before,
.info-icon:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
body[dir=rtl] dfn.iconified.icon-help-circle:before,
body[dir=rtl] a.iconified.icon-help-circle:before,
body[dir=rtl] .info-icon:before {
  margin: 0 0 10px 0;
}
dfn.iconified.icon-help-circle:before,
a.iconified.icon-help-circle:before,
.info-icon:before {
  font-family: fontello;
  content: var(--glyph-info-circle) !important;
  text-align: center;
  width: 100%;
  font-style: normal;
  font-size: 22px;
}
dfn.iconified.icon-help-circle:hover,
dfn.iconified.icon-help-circle.tooltip-active-click,
a.iconified.icon-help-circle:hover,
a.iconified.icon-help-circle.tooltip-active-click,
.info-icon:hover,
.info-icon.tooltip-active-click {
  color: color-mix(in lch, colour-link, black 80%);
}
.add-measure-menu {
  border-top: solid 1px rgba(0,0,0,0.5);
  margin-top: 1em;
}
.add-measure-menu li {
  border-bottom: solid 1px rgba(0,0,0,0.5);
}
.add-measure-menu li a {
  padding: 0.2em 2em 0.2em 0;
  display: block;
  position: relative;
  color: var(--body-font-colour);
  cursor: default;
}
.add-measure-menu li a .iconified {
  position: absolute;
  right: 0;
  top: 0.35em;
  margin: 0;
  font-size: 1.2em;
  font-style: normal;
}
.measures+.button-bar {
  margin-bottom: 3em;
}
.measures .measure {
  margin-bottom: 1em;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: var(--border-radii);
  position: relative;
  background: var(--colour-base-background);
}
.measures .measure.pat-checklist {
  padding: 30px;
}
.measures .measure.pat-checklist label {
  -webkit-user-select: none;
  user-select: none;
  margin-bottom: 1em;
  font-weight: bold;
}
.measures .measure.pat-checklist label .untick {
  color: gray;
  font-weight: normal;
  font-size: 0.8em;
  margin-bottom: -5px;
  display: inline-block;
}
.measures .measure.pat-checklist .pat-grid-list {
  margin: 0;
  transition: opacity 0.5s;
  font-size: 0.8em;
  line-height: 1.3;
}
.measures .measure.pat-checklist.unchecked .untick {
  display: none;
}
.measures .measure.pat-checklist.unchecked .pat-grid-list {
  opacity: 0.2;
}
.measures .measure.open.in-progress .functions,
.measures .measure .functions {
  position: absolute;
  top: 0;
  right: 0;
  padding: 30px 0 0 0;
  line-height: 1em;
  margin-right: 2em;
  font-size: 0.8em;
  opacity: 0;
  white-space: nowrap;
  width: 60%;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.measures .measure.open.in-progress .functions a,
.measures .measure .functions a {
  display: inline-block;
  padding-left: 1em;
  cursor: default;
  color: rgba(0,0,0,0.6);
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  float: right;
}
.measures .measure.open.in-progress .functions a:hover,
.measures .measure .functions a:hover {
  color: var(--body-font-colour);
}
@container screen style(--screen-small: true) {
.measures .measure.open.in-progress .functions a,
.measures .measure .functions a {
  width: 1em;
  overflow: hidden;
  height: 1.3em;
  margin-right: 0.5em;
  line-height: 1.3em;
}
}
.measures .measure.open .functions {
  opacity: 1;
}
.measures .measure h2 {
  font-size: 1em;
  padding: 30px 140px 30px 60px;
  line-height: 1em;
  cursor: default;
  margin-bottom: 0;
  border-radius: var(--border-radii);
  position: relative;
  transition: padding 0.4s;
}
.measures .measure h2:before {
  position: absolute;
  left: 30px;
  top: 50%;
  margin-top: -10px;
}
.measures .measure.pat-collapsible.closed h2,
.measures .measure.pat-collapsible.open.in-progress h2 {
  padding: 10px 140px 8px 60px;
}
.measures .measure.pat-collapsible.closed:hover {
  box-shadow: var(--pat-form-panel-box-shadow-hover);
}
.measures .measure.pat-collapsible > *:first-child:before {
  content: "▼";
  text-align: center;
  width: 1.5em;
  display: inline-block;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.measures .measure.pat-collapsible.closed > *:first-child:before {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.measures .measure.pat-collapsible > .panel-content {
  padding-top: 1em;
  padding-bottom: 1em;
}
.measures .measure.pat-collapsible > *:first-child {
  font-weight: normal;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.measures .measure.pat-collapsible .panel-content {
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-top: 0 !important;
}
.pat-checklist.measures-in-place {
  --pat-checklist-item-separation: 0.7rem;
}
.pat-checklist.measures-in-place label.unchecked + .label-fragment-description {
  display: none;
  position: absolute;
  bottom: -20px;
  transform: translateY(100%);
  left: 1.5em;
  right: 1em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  padding: 1em;
  margin: 0;
  background-color: var(--colour-base-background);
  box-sizing: border-box;
  border-radius: var(--border-radii);
  z-index: 1;
  pointer-events: none;
  animation: fadeIn 0.25s;
}
.pat-checklist.measures-in-place label.unchecked + .label-fragment-description:before {
  content: ' ';
  height: 20px;
  width: 20px;
  top: -11px;
  display: block;
  background-color: var(--colour-base-background);
  border: 1px solid silver;
  z-index: 0;
  position: absolute;
  transform: rotate(45deg);
  box-shadow: rgba(0,0,0,0.19922) 0px 0px 10px;
}
.pat-checklist.measures-in-place label.unchecked + .label-fragment-description:after {
  content: ' ';
  position: absolute;
  background-color: var(--colour-base-background);
  top: 0;
  right: 0;
  left: 0;
  display: block;
  height: 1em;
  z-index: 1;
  border-radius: var(--border-radii);
}
.pat-checklist.measures-in-place label.unchecked:hover + .label-fragment-description {
  display: block;
}
.pat-checklist.measures-in-place label.checked + .label-fragment-description {
  display: block;
  margin-bottom: 8px;
  margin-top: 8px;
}
.pat-checklist.measures-in-place .label-fragment-description {
  font-size: 0.9em;
  line-height: 1.4;
  margin-bottom: 0 !important;
}
.pat-checklist.measures-in-place .label-fragment-description > *:last-child,
.pat-checklist.measures-in-place .label-fragment-description div > *:last-child {
  margin-bottom: 0;
}
.pat-checklist.measures-in-place.pat-clone label.clone,
.pat-checklist.measures-in-place.pat-clone .label.clone {
  margin: 15px 0;
}
.pat-checklist.measures-in-place.pat-clone label.clone:before,
.pat-checklist.measures-in-place.pat-clone label.clone:after,
.pat-checklist.measures-in-place.pat-clone .label.clone:before,
.pat-checklist.measures-in-place.pat-clone .label.clone:after {
  display: none;
}
.pat-checklist.measures-in-place.pat-clone label.clone .remove-clone,
.pat-checklist.measures-in-place.pat-clone .label.clone .remove-clone {
  position: absolute;
  top: 4px;
  left: -26px;
  background-color: transparent;
  font-size: 1em;
}
.pat-checklist.measures-in-place.pat-clone label.clone .remove-clone:before,
.pat-checklist.measures-in-place.pat-clone .label.clone .remove-clone:before {
  content: var(--glyph-ok);
  color: rgba(black, 0.6);
}
.pat-checklist.measures-in-place.pat-clone label.clone:hover .remove-clone:before,
.pat-checklist.measures-in-place.pat-clone .label.clone:hover .remove-clone:before {
  content: var(--glyph-trash);
}
.pat-checklist.measures-in-place.pat-clone label.clone:hover .remove-clone:hover:before,
.pat-checklist.measures-in-place.pat-clone .label.clone:hover .remove-clone:hover:before {
  color: var(--body-font-colour);
}
.pat-checklist.measures-in-place.pat-clone.add-measure-in-place-other {
  display: none;
  animation: fadeIn 1s;
}
.pat-checklist.measures-in-place.pat-clone.add-measure-in-place-other + .button-bar {
  display: none;
}
.pat-checklist.measures-in-place.pat-clone.add-measure-in-place-other.has-value {
  display: block;
}
.pat-checklist.measures-in-place.pat-clone.add-measure-in-place-other.has-value + .button-bar {
  display: block;
}
.pat-checklist.measures-in-place.pat-clone.has-value .legend {
  display: none;
}
.pat-modal-pop-over {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 440px;
  max-height: 80%;
  padding: 0;
  background: var(--colour-base-background);
  border: solid 1px silver;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  z-index: 11;
  transition: opacity 0.5s;
  overflow: auto;
}
.pat-modal-pop-over.pat-collapsible {
  animation: none;
}
.pat-modal-pop-over.closed {
  opacity: 0;
  pointer-events: none;
}
.pat-modal-pop-over.open {
  opacity: 1;
}
.pat-modal-pop-over .title,
.pat-modal-pop-over .collapsible-open,
.pat-modal-pop-over .collapsible-closed {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 20px;
}
.pat-modal-pop-over .title:before,
.pat-modal-pop-over .collapsible-open:before,
.pat-modal-pop-over .collapsible-closed:before {
  font-family: fontello;
  content: var(--glyph-cancel);
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  color: var(--body-font-colour);
  text-indent: 0;
  opacity: 0.4;
}
.pat-modal-pop-over .title:hover:before,
.pat-modal-pop-over .collapsible-open:hover:before,
.pat-modal-pop-over .collapsible-closed:hover:before {
  opacity: 1;
}
.pat-modal-pop-over .panel-content {
  padding: 0 20px 20px 20px !important;
  position: relative;
  z-index: 1;
}
.pat-modal-pop-over .panel-content:before {
  display: none;
}
.pat-modal-pop-over.open + #close-standard-measures {
  display: block;
}
#close-standard-measures {
  opacity: 0;
  display: none;
}
#close-standard-measures:after {
  content: ' ';
  position: fixed;
  z-index: 10;
  top: -1000px;
  left: -1000px;
  right: -1000px;
  bottom: -1000px;
  cursor: default;
}
.pat-pick-list {
  display: table;
  width: 100%;
}
.pat-pick-list .item {
  display: table-row;
}
.pat-pick-list .item.checked {
  display: none;
}
.pat-pick-list .item input {
  display: none;
}
.pat-pick-list .item .text,
.pat-pick-list .item .functions {
  display: table-cell;
  padding: 4px 0;
  vertical-align: middle;
  line-height: 1.3;
}
.pat-pick-list .item .text {
  font-size: 18px;
  padding-right: 6px;
}
.pat-pick-list .item .functions .pat-button {
  background-color: green;
  color: white;
  float: right;
  cursor: default;
  height: 24px;
  line-height: 23px;
  font-style: normal;
  font-weight: normal;
  padding-left: 4px;
  padding-right: 7px;
}
.pat-pick-list .item .functions .pat-button:before {
  color: white;
}
.pat-pick-list .item .functions .pat-button:hover {
  background-color: darkgreen;
  color: white !important;
}
.oira-steps > li {
  display: block;
  position: relative;
  border-radius: var(--border-radii);
}
.oira-steps > li:not(.active):hover > a {
  color: var(--body-font-colour);
  text-decoration: underline;
}
.oira-steps > li.injecting > * {
  opacity: 1;
}
.oira-steps > li.injecting:before {
  display: none;
}
.oira-steps > li.disabled {
  opacity: 0.3;
}
.oira-steps > li.active {
  background: #efefef;
  border-left: 5px solid var(--colour-accent);
  margin-left: -5px;
}
.oira-steps > li > a:not(.onscreen-help) {
  padding: 0.8em 22px 0.8em 3rem;
  display: block;
  font-weight: bold;
  position: relative;
}
.oira-steps > li > a:not(.onscreen-help) .pie-graph {
  margin-left: 10px;
  top: 2px;
  float: right;
}
.oira-steps > li > a:not(.onscreen-help) .discrete {
  opacity: 0.5;
  font-size: 0.8em;
  font-style: normal;
}
.oira-steps > li > a:not(.onscreen-help):active {
  color: var(--body-font-colour);
}
.oira-steps > li > a:not(.onscreen-help):before {
  font-family: fontello;
  font-size: 0.9em;
  content: "•";
  float: left;
  text-align: center;
  font-weight: normal;
  position: absolute;
  top: 50%;
  left: 1.4rem;
  transform: translateY(-50%);
  width: 1rem;
}
.oira-steps > li > a:not(.onscreen-help).preparation:before {
  content: var(--glyph-home);
}
.oira-steps > li > a:not(.onscreen-help).identification:before {
  content: var(--glyph-ok-circle);
}
.oira-steps > li > a:not(.onscreen-help).action-plan:before {
  content: var(--glyph-edit);
}
.oira-steps > li > a:not(.onscreen-help).consultancy:before {
  content: var(--glyph-lightbulb);
  font-size: 1.1em;
}
.oira-steps > li > a:not(.onscreen-help).report:before {
  content: var(--glyph-document-inv);
  font-size: 0.8em;
}
.oira-steps > li > a:not(.onscreen-help).status:before {
  content: var(--glyph-chart-line-1);
  font-size: 0.8em;
}
.oira-steps > li > a:not(.onscreen-help).home:before {
  content: var(--glyph-cancel);
  font-size: 19px;
}
.oira-steps > li > a:not(.onscreen-help).settings:before {
  content: var(--glyph-cog);
}
.oira-steps > li > a:not(.onscreen-help).help:before {
  content: '\e802';
}
.oira-steps > li > a:not(.onscreen-help).training:before {
  content: '\e84c';
}
.oira-steps > li > a:not(.onscreen-help).involve:before {
  content: var(--glyph-chat-empty);
}
.oira-steps > li .location-tag {
  padding-left: 3rem;
  padding-top: 0.5em;
}
.oira-steps > li#status {
  margin-top: 2em;
}
.osc-off #steps > li .topics .module-title {
  display: block;
}
@container screen style(--screen-small: true) {
.focus-document #steps .topics {
  display: none;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.osc-s-on #steps .topics {
  opacity: 0.5;
  pointer-events: none;
}
}
@container screen style(--screen-small: true) {
.osc-s-on #steps .topics {
  opacity: 0.5;
  pointer-events: none;
}
}
.tool-tiles {
  margin: -20px;
}
.tool-tiles .grid-sizer {
  width: 50%;
}
.tool-tiles .tool-tile {
  float: left;
  border: var(--tool-tile-spacing) solid transparent;
  box-sizing: border-box;
  margin-bottom: 0;
}
@media only screen and (min-width: 769px) {
.tool-tiles .tool-tile {
  width: 50%;
}
}
@container screen style(--screen-small: true) {
.tool-tiles .tool-tile {
  width: 100%;
}
}
.tool-tiles .tool-tile .tool-info .summary {
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 1.2;
}
.pat-message + .tool-tiles {
  margin-top: 30px;
}
.tool-tile {
  padding: var(--tool-tile-padding);
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
}
.tool-tile:after {
  content: ' ';
  display: table;
  clear: both;
}
.tool-tile:before {
  background: var(--colour-base-background);
  border-radius: var(--border-radii);
  box-shadow: var(--default-box-shadow);
  content: ' ';
  display: block;
  position: absolute;
  top: var(--tool-tile-background-inset);
  right: var(--tool-tile-background-inset);
  bottom: var(--tool-tile-background-inset);
  left: var(--tool-tile-background-inset);
  z-index: -1;
}
.tool-tile .tool-icon {
  float: left;
  width: 25%;
  box-shadow: none;
  margin-bottom: 0;
}
.tool-tile .tool-info {
  float: right;
  width: 75%;
  padding-left: var(--tool-tile-padding);
  box-sizing: border-box;
}
.tool-tile .tool-info .tool-title {
  font-size: 22px;
  line-height: 1.1;
  margin-bottom: 25px;
  font-weight: 300;
  font-stretch: condensed;
  font-weight: bold;
  margin-bottom: 14px;
}
.tool-tile .tool-info .tool-title a {
  display: block;
}
.tool-tile .tool-info .tool-tags {
  margin-bottom: 10px;
  font-size: 16px;
}
.tool-tile .tool-info .tool-tags .tag {
  font-size: 14px;
}
.tool-tile .tool-info .tool-tags + .button-bar {
  margin-top: 26px;
}
.tool-tile .tool-info .button-bar {
  margin: 0;
}
.tool-tile .tool-info .summary {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  line-height: 1.3;
}
.tool-info-sheet {
  max-width: 1000px;
  margin: 0 auto;
}
@container screen style(--screen-small: true) {
.tool-info-sheet .tool-meta-data {
  margin-bottom: 40px;
}
}
@media only screen and (min-width: 769px) {
.tool-info-sheet .tool-meta-data {
  padding-right: 90px;
  width: 35%;
  box-sizing: border-box;
  float: left;
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
}
}
.tool-info-sheet .tool-meta-data .tool-tags {
  margin-bottom: 15px;
}
@media only screen and (min-width: 769px) {
.tool-info-sheet .tool-description {
  width: 65%;
  float: left;
}
}
.tool-info-sheet .tool-description h1 {
  margin: 0 0 0.5em 0;
}
.tool-info-sheet .tool-description .tool-summary {
  font-weight: bold;
}
.tool-info-sheet .tool-description .tool-text {
  margin-bottom: 40px;
}
.tool-info-sheet .tool-description .tool-text .body {
  overflow: auto;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tool-info-sheet .tool-description .tool-text .body.show-less {
  height: var(--max-body-text-height);
}
.tool-info-sheet .tool-description .tool-text .body.show-more .more-bar {
  display: none;
}
.tool-info-sheet .tool-description .tool-text .body::-webkit-scrollbar {
  display: none;
}
.tool-info-sheet .tool-description .tool-text .body .more-bar {
  position: sticky;
  bottom: 0;
  opacity: 0;
  margin: 0;
  margin-bottom: 1px;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(var(--colour-base), 1) 50px, rgba(var(--colour-base), 0) 100%);
  overflow: hidden;
  padding-top: 100px;
  margin-top: calc(-1 * (var(--button-height) + 100px));
}
.tool-info-sheet .tool-description .tool-text .body .more-bar.bumped-bottom {
  opacity: 1;
  pointer-events: auto;
}
.tool-info-sheet .tool-description .tool-text .body .more-bar .pat-button {
  margin: 0;
  float: left;
}
.tool-icon {
  margin-bottom: 20px;
  display: block;
  background: #efefef;
  border-radius: var(--tool-icon-border-radius);
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  box-shadow: inset 0 0 0 2px white;
}
.tool-icon img {
  width: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: var(--border-radii);
}
.tool-icon:not(:has(img)):before {
  font-family: fontello;
  font-size: 50px;
  content: var(--glyph-oira-tool);
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--body-font-colour);
  position: absolute;
}
.tool-home-tile a:hover .tool-icon:not(:has(img)):before {
  background-color: rgba(#000000, 0.01);
  text-decoration: none !important;
}
@container screen style(--screen-small: true) {
.tool-icon {
  width: 60%;
  margin: 0 auto 25px;
}
}
.risk-tree {
  margin: 0;
  padding: 0;
}
.risk-tree li {
  margin: 0;
  padding: 0;
}
.risk-tree li a {
  padding: 5px 5px 5px 0;
  font-size: 16px;
  text-decoration: none;
  display: grid;
  grid-template-columns: 26px auto;
  align-items: start;
  border-radius: var(--border-radii);
}
.risk-tree li a:not(.current):hover .title {
  text-decoration: underline;
}
.risk-tree li a.current {
  background-color: color-mix(in lch, colour-link, black 90%);
  color: var(--body-font-colour);
  cursor: default;
}
.risk-tree li a:before {
  font-family: fontello;
  display: block;
  content: '';
  text-align: center;
  transform: scale(0.9);
}
.risk-tree li a.module:before {
  content: var(--glyph-cubes);
}
.risk-tree li a.profile-question:before {
  content: var(--glyph-building);
}
.risk-tree li a.risk:before {
  content: var(--glyph-oira-risk);
}
.risk-tree li ol {
  display: none;
}
.risk-tree li ol li {
  padding: 0 0 0 14px;
}
.risk-tree li ol li:first-child {
  margin-top: 5px;
}
.risk-tree li ol li:last-child {
  margin-bottom: 5px;
}
.risk-tree li.current ol,
.risk-tree li.navigation-in-path ol {
  display: block;
}
ul#portal-globalnav,
ul#portal-globalnav ul {
  margin-left: 0;
}
#portal-globalnav li {
  display: inline;
}
#portal-globalnav li a {
  display: inline-block;
}
#edit-bar {
  border-bottom: 1px solid #75ad0a;
}
#edit-bar>ul {
  margin-left: 0;
}
#edit-bar p.hiddenStructure {
  margin:0;
}
#edit-bar ul#content-views.contentViews a:visited,
#edit-bar ul#content-views.contentViews a:active,
#edit-bar ul#content-views.contentViews a:hover,
#edit-bar ul#content-views.contentViews a {
  border: 0;
  line-height: 2em;
  color: white;
}
#edit-bar ul#content-views.contentViews li.selected a {
  color: #75ad0a;
}
#edit-bar ul#content-views.contentViews li,
#edit-bar ul#contentActionMenus li {
  line-height: 2em;
  display: inline;
  margin-bottom: 0;
}
#edit-bar #contentActionMenus dl.actionMenu {
  line-height: 1.9em;
  margin-bottom:0;
}
#edit-bar #contentActionMenus dl.actionMenu a:visited,
#edit-bar #contentActionMenus dl.actionMenu a:active,
#edit-bar #contentActionMenus dl.actionMenu a:hover,
#edit-bar #contentActionMenus dl.actionMenu a {
  border-bottom: 1px solid #75ad0a;
  font-weight: normal;
}
#edit-bar #contentActionMenus dl.actionMenu ul {
  margin-left: 0;
}
:root {
  --body-font-smoothing: antialiased;
  --body-font-colour: #000;
  --body-font-family: sans-serif;
  --body-font-weight: 400;
  --body-font-style: normal;
  --body-line-height: 1.5;
  --baseline: 30px;
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --body-font-size: 18px;
  --colour-app-type-people: crimson;
  --colour-app-type-productivity: forestgreen;
  --colour-app-type-utilities: purple;
  --colour-app-type-publication: rgb(55, 139, 221);
  --colour-app-type-managerial: teal;
  --colour-app-type-system: dimgray;
  --colour-base-background: white;
  --colour-app-administrator-tool: var(--colour-app-type-system);
  --colour-app-classifieds: darkgoldenrod;
  --colour-calendar-absences: var(--colour-app-type-managerial);
  --photo-tile-radius: 0;
  --pat-avatar-background-colour: var(--pat-avatar-background-colour-hc, --avatar-background-colour);
  --colour-sticky-note-kind-generic: #f3f1e5;
  --colour-sticky-note-kind-offered: #cadeeb;
  --colour-sticky-note-kind-needed: #e1fff5;
  --pat-well-background-colour: rgba(255, 255, 255, 0.5);
  --colour-login-input-placeholder: silver;
  --colour-login-input-text: var(--body-text-colour);
  --colour-login-panel-button: var(--colour-link);
  --colour-login-input-background: var(--pat-form-input-field-background-colour);
  --login-panel-text-colour: var(--body-text-colour);
  --login-panel-link-colour: var(--colour-link);
  --login-panel-logo-image: none;
  --login-panel-logo-size: contain;
  --login-panel-logo-height: 200px;
  --login-panel-logo-position: center;
  --login-panel-background-colour: var(--colour-header);
  --login-panel-background-image: none;
  --login-panel-background-image-size: cover;
  --login-panel-background-position: center;
  --login-panel-background-colour: var(--colour-base);
  --login-panel-panel-background-colour: var(--pat-well-background-colour);
  --login-panel-panel-backdrop-filter: none;
  --login-panel-panel-box-shadow: var(--pat-well-box-shadow);
  --sidebar-background-colour: white;
  --sidebar-width: 400px;
  --sidebar-margin: 15px;
  --sidebar-margin-top: var(--sidebar-margin);
  --sidebar-margin-left: var(--sidebar-margin);
  --sidebar-margin-bottom: var(--sidebar-margin);
  --sidebar-margin-left-closed: calc(-1 * var(--sidebar-width));
  --sidebar-toggle-close-click-surface-left: calc(var(--sidebar-width) + var(--sidebar-margin-left));
  --colour-header: white;
  --colour-portal-tabs-text: #009ee2;
  --colour-base: #efefef;
  --colour-base-light: #f1f1f1;
  --colour-primary: black;
  --colour-header-elements: #333;
  --colour-post: #e4f2f8;
  --colour-link: #009ee2;
  --colour-link-hover: #008bc6;
  --colour-sidebar-rgba-100: rgba(255, 255, 255, 1);
  --colour-sidebar-rgba-0: rgba(255, 255, 255, 0);
  --colour-sidebar-extras: rgba(0, 158, 226, 0.08);
  --colour-sidebar-extras-hover: rgba(0, 137, 195, 0.08);
  --colour-sidebar-well: rgba(0, 0, 0, 0.015);
  --colour-alert: red;
  --colour-accent: darkgoldenrod;
  --colour-accent-text: white;
  --colour-success: #A6E300;
  --colour-question: #d0d9d1;
  --colour-cal-weekend: #f3f9fb;
  --colour-notice-background: #fdfdc8;
  --colour-notice: darkgoldenrod;
  --colour-comment-trail: #f2f2f2;
  --colour-separation-lines: #dbdbdb;
  --colour-application-label: rgba(255, 255, 255, 0.10);
  --colour-application-label-text: white;
  --colour-orange: orange;
  --colour-app-space-shadow: rgba(0, 0, 0, 0);
  --colour-canvas: var(--colour-base);
  --caret-colour: #efefef;
  --colour-workspace-default: var(--colour-link);
  --colour-button: rgba(0, 0, 0, 0.15);
  --colour-button-text: var(--colour-link);
  --colour-byline: #666;
  --colour-byline-hover: var(--body-font-colour, black);
  --button-background-colour-default: var(--colour-link);
  --button-background-colour-default-hover: var(--colour-link);
  --button-text-colour-default: white;
  --button-text-colour-default-hover: white;
  --colour-well-background: rgba(255, 255, 255, 0.5);
  --colour-portlet-background: var(--colour-well-background);
  --colour-form-fields-background: rgba(0, 0, 0, 0.06);
  --colour-calendar-event-default: var(--colour-workspace-default);
  --colour-private: #d561a4;
  --colour-unpublished: #dda0dd;
  --colour-draft: orange;
  --colour-for-review: fuchsia;
  --colour-done: fuchsia;
  --colour-public: teal;
  --colour-published: #65c981;
  --colour-running: #65c981;
  --colour-doing: #65c981;
  --colour-in-progress: var(--colour-draft);
  --colour-closed: red;
  --colour-expired: tan;
  --colour-tab-dimmed-dark: rgba(255, 255, 255, 0.1);
  --colour-tab-dimmed-light: rgba(0, 0, 0, 0.1);
  --colour-chooser-default: var(--colour-portal-tabs-text);
  --colour-workspace-tabs-bar: var(--colour-workspace-default);
  --colour-lib-group-headers: var(--colour-link);
  --colour-lib-group-background: var(--colour-portlet-background);
  --application-label-white-space: 10px;
  --application-label-saturation: low;
  --separation-line-thickness: 1px;
  --border-radii: 10px;
  --sticky-note-border-radii: 0;
  --secondary-colour-filter: saturate(2) brightness(2);
  --library-border-radius: var(--border-radii);
  --quaive-page-module-margin-bottom: var(--pat-rich-header-level-2-margin-top);
  --quaive-page-module-background: var(--colour-base-background);
  --quaive-page-module-box-shadow: none;
  --pat-x-list-background-colour: var(--colour-base-background);
  --pat-x-list-border: none;
  --library-border-radius: var(--border-radii);
  --lib-group-box-shadow: var(--default-box-shadow);
  --lib-group-box-shadow-hover: var(--default-box-shadow-hover);
  --quaive-lib-group-margin-bottom: 2em;
  --quaive-lib-group-margin-bottom-small: var(--small-screen-padding);
  --quaive-lib-group-tile-margin-bottom: 40px;
  --quaive-lib-group-tile-margin-bottom-small: var(--small-screen-padding);
  --workspace-tile-title-font-weight: bold;
  --workspace-tile-text-colour: white;
  --workspace-tile-title-text-colour: white;
  --workspace-tile-title-font-family: inherit;
  --workspace-tile-description-text-colour: white;
  --workspace-tile-description-font-weight: 600;
  --workspace-tile-padding: 27px;
  --workspace-tile-padding-small: 32px 15px 15px;
  --workspace-tile-icon-margin-top: 5px;
  --workspace-tile-icon-margin-bottom: 15px;
  --workspace-tile-tag-cloud-tag-text-colour: rgba(255,255,255,0.6);
  --workspace-tile-tag-cloud-tag-background-colour: rgba(255,255,255,0.15);
  --workspace-tile-box-shadow: var(--tile-box-shadow);
  --workspace-tile-box-shadow-hover: var(--tile-box-shadow-hover);
  --quaive-workspace-header-icon-height: 32px;
  --workspace-tabs-tab-text-colour: color-mix(in lch, var(--colour-workspace-tabs-bar), black 20%);
  --workspace-tabs-tab-background-colour-active: color-mix(in lch, var(--colour-workspace-tabs-bar), black 20%);
  --workspace-tabs-home-width: 250px;
  --workspace-tabs-left: calc(var(--sidebar-margin-left) + 0.5 * var(--sidebar-padding-right));
  --sidebar-extras-text-colour: var(--pat-button-text-colour);
  --sidebar-extras-background-colour: var(--pat-button-background-colour);
  --sidebar-extras-text-colour-hover: var(--pat-button-text-colour-hover);
  --sidebar-extras-background-colour-hover: var(--pat-button-background-colour-hover);
  --sidebar-extras-box-shadow: var(--pat-button-box-shadow);
  --sidebar-extras-box-shadow-hover: var(--pat-button-box-shadow-hover);
  --workspace-tabs-bar-height: 65px;
  --workspace-tabs-bar-icon-size: 24px;
  --colour-workspace-name-top: var(--colour-app-type-productivity);
  --workspace-name-border: none;
  --post-box-border-radius: var(--border-radii);
  --post-box-background: var(--colour-base-background);
  --post-box-background-colour: white;
  --post-box-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25);
  --post-box-box-shadow-active: inset 0 0 0 1px rgba(0,0,0,5);
  --post-box-box-shadow-hover: inset 0 0 0 1px black;
  --app-icon-border-radius: 22%;
  --post-border-radius: var(--border-radii);
  --post-avatar-corner-border-radius: 2.2em;
  --tile-box-shadow: none;
  --tile-box-shadow-hover: var(--tile-box-shadow);
  --tile-box-shadow-active: var(--tile-box-shadow);
  --tile-icon-filter: none;
  --tile-background-colour: var(--tile-app-colour);
  --tile-calendar-text-colour: orangered;
  --pat-menu-list-top-bottom-padding: 4px;
  --pat-menu-padding-left-right: 10px;
  --pat-menu-menu-item-padding-top-bottom: 4px;
  --pat-throbber-colour: black;
  --pat-throbber-text-stroke: transparent;
  --small-screen-padding: 15px;
  --grid-gutter: 1.5rem;
  --bullet-space: 26px;
  --bullet-space-rich: 40px;
  --pat-rich-summary-font-size: 30px;
  --pat-rich-summary-line-height: 40px;
  --grid-sizer-width-large: 33.333332%;
  --grid-sizer-width-medium: 50%;
  --grid-sizer-width-small: 100%

    

    --form-input-field-padding-top-bottom: 4px;
  --form-input-field-line-height: 28px;
  --form-help-button-icon-height: 20px;
  --form-input-field-border-radius: var(--border-radii);
  --form-help-button-width: 20px;
  --default-tail-white: 19px;
  --pat-form-input-field-padding-start-end: 12px;
  --pat-form-input-field-box-shadow: 0 0 0 1px var(--default-border-colour);
  --pat-rich-tail-white: 1rem;
  --pat-rich-header-level-2-margin-top: 2.5rem;
  --pat-rich-header-level-2-margin-bottom: 1.5rem;
  --pat-rich-header-level-2-line-height: 1.25;
  --pat-rich-header-level-2-font-size: 30px;
  --pat-rich-header-level-2-font-weight: normal;
  --pat-rich-header-level-2-font-family: inherit;
  --pat-rich-header-level-3-margin-top: 1rem;
  --pat-rich-header-level-3-margin-bottom: 1rem;
  --pat-rich-header-level-3-font-size: 1.3rem;
  --pat-rich-header-level-3-line-height: 1.4;
  --pat-rich-header-level-3-font-weight: bold;
  --pat-rich-header-level-1-margin-top: 0;
  --pat-rich-header-level-1-margin-bottom: 2rem;
  --pat-rich-header-level-1-line-height: 1.3;
  --pat-rich-header-level-1-font-size: 2.7rem;
  --pat-rich-header-level-1-font-weight: bold;
  --pat-rich-header-level-1-font-family: inherit;
  --pat-rich-figcaption-top-distance: 0.5rem;
  --quaive-page-head-margin-bottom: 30px;
  --quaive-page-head-title-margin-bottom: 10px;
  --page-head-icon-size: 4.2rem;
  --sidebar-padding-top: 25px;
  --sidebar-padding-right: 25px;
  --sidebar-padding-bottom: 25px;
  --sidebar-padding-left: 25px;
  --sidebar-padding-top-large: 50px;
  --sidebar-padding-right-large: 50px;
  --sidebar-padding-bottom-large: 50px;
  --sidebar-padding-left-large: 50px;
  --sidebar-padding: 
      var(--sidebar-padding-top) 
      var(--sidebar-padding-right)
      var(--sidebar-padding-bottom)
      var(--sidebar-padding-left);
  --sidebar-toggle-workspaces-box-shadow: 0 0 0 3px var(--colour-sidebar-rgba-100);
  --global-header-box-shadow: black;
  --global-header-box-shadow-intensity: 8%;
  --global-header-box-shadow-rgba: rgba(0, 0, 0, var(--global-header-box-shadow-intensity));
  --global-header-box-shadow-size: 15px;
  --tabs-bar-tab-app-icon-filter-dimmed: invert(10%);
  --tabs-bar-tab-app-icon-filter-active: invert(100%);
  --global-header-line-height-desktop: 33px;
  --global-header-line-height-tablet: 40px;
  --global-header-height: 54px;
  --dashboard-margin-top: 80px;
  --dashboard-grid-gutter: 30px;
  --portlet-padding: 22px;
  --portlet-close-button-height: 20px;
  --portlet-title-icon-border-radius: var(--border-radii);
  --portlet-box-shadow: var(--default-box-shadow);
  --colour-portlet-header: black;
  --portlet-font-family: inherit;
  --portlet-title-font-stretch: normal;
  --portlet-title-font-weight: normal;
  --portlet-grid-gutter: 15px;
  --tabs-bar-tab-background-colour: black;
  --tabs-bar-tab-background-colour-dimmed: color-mix(in srgb, var(--tabs-bar-tab-background-colour) 6%, transparent);
  --tabs-bar-tab-background-colour-dimmed-hover: color-mix(in srgb, var(--tabs-bar-tab-background-colour) 10%, transparent);
  --tabs-bar-tab-box-shadow-dimmed: inset 0 1px 6px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  --tabs-bar-tab-box-shadow-active: inset 0 1px 6px rgba(0, 0, 0, 0.12);
  --tabs-bar-tab-app-icon-filter-dimmed: invert(100%);
  --tabs-bar-tab-app-icon-filter-active: invert(0%);
  --portal-elastic-scrolling-offset: -126px;
  --portal-padding-top: 50px;
  --portal-tabs-background-image: none;
  --portal-tabs-background-image-position: center top;
  --portal-tabs-background-image-attachment: fixed;
  --portal-tabs-background-image-repeat: no-repeat;
  --portal-tabs-background-size: 100% auto;
  --portal-tabs-background-colour: var(--colour-header);
  --portal-tabs-height: 60px;
  --portal-tabs-line-height: var(--portal-tabs-height);
  --portal-tabs-indicator: true;
  --portal-tabs-indicator-style: line;
  --portal-tabs-indicator-thickness: 0.3em;
  --portal-tabs-indicator-colour: var(--portal-tabs-text-colour);
  --portal-tabs-indicator-colour-hover: var(--portal-tabs-indicator-colour);
  --portal-tabs-indicator-colour-current: var(--portal-tabs-indicator-colour);
  --portal-tabs-indicator-border-radius: calc(0.3 * var(--border-radii));
  --portal-tabs-indicator-bottom-distance: 2px;
  --portal-tabs-indicator-top-distance: auto;
  --portal-tabs-indicator-distance-left: 0.5em;
  --portal-tabs-indicator-distance-right: 0.5em;
  --portal-tabs-indicator-size: 8px;
  --portal-tabs-max-width: 1280px;
  --portal-tabs-padding-left: 55px;
  --portal-tabs-padding-right: 55px;
  --portal-tabs-box-sizing: border-box;
  --portal-tabs-tab-padding-left: 1em;
  --portal-tabs-tab-padding-right: 1em;
  --portal-tabs-tab-margin-top: 30px;
  --portal-tabs-tab-margin-right: 0;
  --portal-tabs-tab-margin-bottom: 0px;
  --portal-tabs-tab-margin-left: 0;
  --portal-tabs-tab-border-radius: 0;
  --portal-tabs-tab-background-colour: transparent;
  --portal-tabs-tab-background-colour-current: transparent;
  --portal-tabs-text-colour: var(--colour-link);
  --portal-tabs-text-colour-current: var(--portal-tabs-text-colour);
  --portal-tabs-text-colour-hover: var(--portal-tabs-text-colour);
  --portal-tabs-text-align-ltr: left;
  --portal-tabs-text-align: var(--portal-tabs-text-align-ltr);
  --portal-tabs-text-align-rtl: right;
  --portal-tabs-text-decoration: none;
  --portal-tabs-text-decoration-hover: none;
  --portal-tabs-text-decoration-hover-colour: var(--colour-link);
  --portal-tabs-text-decoration-hover-thickness: 2px;
  --portal-tabs-text-underline-hover-offset: 0;
  --portal-tabs-text-font-weight: bold;
  --portal-tabs-text-transform: uppercase;
  --portal-tabs-text-font-size: inherit;
  --portal-tabs-text-font-family: inherit;
  --portal-tabs-text-font-stretch: normal;
  --portal-tabs-text-letter-spacing: 2px;
  --portal-tabs-text-shadow: none;
  --portal-tabs-title-background-colour: var(--colour-link);
  --portal-tabs-title-background-position: center;
  --portal-tabs-title-text-colour: white;
  --portal-tabs-title-height: var(--portal-tabs-height);
  --portal-tabs-title-width: auto;
  --portal-tabs-title-background-size: contain;
  --portal-tabs-title-background-image: null;
  --portal-tabs-title-background-position: center;
  --portal-tabs-title-float: none;
  --portal-tabs-title-padding-left: 30px;
  --portal-tabs-title-padding-right: 30px;
  --portal-tabs-title-margin-top: var(--portal-tabs-tab-margin-top);
  --portal-tabs-title-margin-bottom: var(--portal-tabs-tab-margin-bottom);
  --portal-tabs-title-margin-right: 20px;
  --portal-tabs-title-margin-left: 0;
  --portal-tabs-title-transform: none;
  --portal-tabs-title-font-weight: bold;
  --portal-tabs-title-letter-spacing: 2px;
  --portal-tabs-title-font-size: inherit;
  --portal-tabs-title-text-shadow: none;
  --portal-tabs-organisation-display: none;
  --portal-tabs-organisation-background-colour: var(--colour-link);
  --portal-tabs-organisation-background-position: center;
  --portal-tabs-organisation-text-colour: white;
  --portal-tabs-organisation-height: var(--portal-tabs-height);
  --portal-tabs-organisation-width: auto;
  --portal-tabs-organisation-background-size: contain;
  --portal-tabs-organisation-background-image: none;
  --portal-tabs-organisation-float: none;
  --portal-tabs-organisation-padding-left: 30px;
  --portal-tabs-organisation-padding-right: 30px;
  --portal-tabs-organisation-margin-left: 0;
  --portal-tabs-organisation-margin-right: 20px;
  --portal-tabs-organisation-font-weight: bold;
  --portal-tabs-organisation-text-transform: initial;
  --portal-tabs-organisation-text-shadow: none;
  --portal-header-show-organisation: false;
  --portal-tabs-background-image: none;
  --portal-tabs-top-scroll-down-distance: calc(var(--portal-tabs-height) + var(--portal-tabs-tab-margin-top) + var(--portal-tabs-tab-margin-bottom));
  --portal-tabs-top-scroll-down-position: calc(-1 * var(--portal-tabs-top-scroll-down-distance));
  --portal-tabs-top-scroll-state-on: calc(-1 * (var(--portal-tabs-height) + var(--portal-tabs-tab-margin-top) + var(--portal-tabs-tab-margin-bottom)));
  --portal-tabs-margin-top-state-on: calc(-1 * (var(--portal-tabs-height) + var(--portal-tabs-tab-margin-top) + var(--portal-tabs-tab-margin-bottom)));
  --portal-tabs-box-shadow: 0 0 var(--global-header-box-shadow-size) calc(0.5 * var(--global-header-box-shadow-size)) var(--global-header-box-shadow-rgba);
  --pat-container-padding: 0;
  --pat-container-padding-small: 0;
  --pat-container-width: 1280px;
  --app-tile-padding: 20px;
  --button-border: none;
  --button-border-radius: var(--border-radii);
  --button-background-image: none;
  --button-font-weight: bold;
  --button-text-colour: var(--colour-link);
  --button-text-colour-hover: color-mix(in lch, var(--colour-link), black 30%);
  --button-background-colour: rgba(0, 0, 0, 0.08);
  --button-background-colour-hover: rgba(0, 0, 0, 0.1);
  --button-text-colour-subdued: rgba(0, 0, 0, 0.6);
  --button-text-colour-subdued-hover: black;
  --button-background-colour-subdued: rgba(0, 0, 0, 0.08);
  --button-background-colour-subdued-hover: rgba(0, 0, 0, 0.12);
  --button-background-colour-default: var(--colour-link);
  --button-background-colour-default-hover: color-mix(in lch, var(--colour-link), black 30%);
  --button-text-colour-default: white;
  --button-text-colour-default-hover: white;
  --button-height: 35px;
  --button-font-size:18px;
  --pat-button-font-size: var(--body-font-size);
  --button-paddings: 0 1em;
  --button-small-height: 22px;
  --button-small-font-size: 15px;
  --button-small-paddings: 0 12px;
  --button-box-shadow: none;
  --button-box-shadow-hover: none;
  --button-box-shadow-active: none;
  --button-box-shadow-focus: none;
  --verification-code-background-6-pos: url(media/code-digits-6.svg);
  --quaive-file-download-border: none;
  --quaive-file-download-background: var(--colour-base);
  --pat-checklist-label-padding-left: 34px;
  --canvas-toolbar-button-height: var(--button-height);
  --colour-toolbar-button: var(--button-background-colour);
  --pat-toolbar-search-field-border: var(--default-border);
  --pat-toolbar-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  --pat-toolbar-font-size: 18px;
  --pat-toolbar-button-line-height: 35px;
  --pat-toolbar-top-distance: 20px;
  --pat-toolbar-button-background-colour: var(--pat-button-background-colour);
  --pat-toolbar-button-background-colour-hover: var(--pat-button-background-colour-hover);
  --pat-toolbar-button-text-colour: var(--pat-button-text-colour);
  --pat-toolbar-button-text-colour-hover: var(--pat-button-text-colour-hover);
  --pat-toolbar-search-field-width-open: calc(var(--sidebar-width) - 2.45 * var(--pat-button-height));
  --pat-toolbar-search-field-input-field-box-shadow-focus: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  --pat-toolbar-z-index: 11;
  --pat-toolbar-icon-background-colour: var(--pat-toolbar-button-background-colour);
  --pat-toolbar-icon-background-colour-hover: var(--pat-toolbar-button-background-colour-hover);
  --pat-toolbar-button-backdrop-filter: blur(5px) saturate(1.5) brightness(4);
  --pat-button-cluster-toggle-margin: 3px;
  --pat-button-cluster-toggle-space: 7px;
  --pat-button-cluster-button-height: var(--button-height);
  --pat-button-cluster-button-line-height: var(--button-line-height);
  --pat-button-cluster-background-colour-active: var(--colour-accent);
  --pat-button-cluster-font-size: 18px;
  --pat-button-cluster-text-colour: var(--colour-link);
  --pat-button-cluster-item-background-colour-active: var(--colour-accent);
  --pat-table-padding: 0;
  --pat-table-padding-hd: 0;
  --pat-table-cell-padding-hd-top: 10px;
  --pat-table-cell-padding-hd-right: 12px;
  --pat-table-cell-padding-hd-bottom: 8px;
  --pat-table-cell-padding-hd-left: 12px;
  --pat-table-cell-padding-top: 10px;
  --pat-table-cell-padding-right: 12px;
  --pat-table-cell-padding-bottom: 10px;
  --pat-table-cell-padding-left: 12px;
  --pat-table-border-spacing-vertical: 6px;
  --pat-table-row-outline: 1px solid rgba(0, 0, 0, 0.05);
  --pat-table-sorting-icon-position: inline;
  --table-style: normal;
  --pat-table-row-background-colour: transparent;
  --pat-table-cell-background-colour: rgba(255,255,255,0.8);
  --pat-table-border-radius: 6px;
  --pat-notifications-top-distance: 50px;
  --default-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  --default-box-shadow-hover: 0 0 15px rgba(0, 0, 0, 0.2);
  --default-box-shadow-active: inset 0 0 10px rgba(0, 0, 0, 0.4);
  --default-focus-marking: 0 0 2px rgba(0, 0, 0, 0.5);
  --soft-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
  --default-box-shadow-small: var(--default-box-shadow);
  --item-selector-icon-glyph-size: 24px;
  --item-selector-icon-offset: 5px;
  --item-selector-icon-size: 44px;
  --item-selector-indent: 57px;
  --item-selector-hover-colour: #efefef;
  --item-selector-icon-glyph-size: 24px;
  --item-selector-search-box-height: var(--pat-button-height);
  --item-selector-padding-top: 0;
  --item-selector-padding-bottom: 0;
  --item-selector-batch-button-height: 28px;
  --item-selector-byline-colour: rgba(0, 0, 0, 0.6);
  --item-selector-icon-background-colour: rgba(0, 0, 0, 0.1);
  --colour-file-icon-word: #000;
  --colour-file-icon-excel: #000;
  --colour-file-icon-powerpoint: #000;
  --colour-file-icon-pdf: #000;
  --colour-file-icon-markdown: #000;
  --colour-file-icon-text: #000;
  --colour-file-icon-folder: #000;
  --colour-file-icon-audio: #000;
  --colour-file-icon-image: #000;
  --colour-file-icon-video: #000;
  --colour-file-icon-diagram: #000;
  --colour-file-icon-chokhmah: #000;
  --colour-file-icon-news-article: #000;
  --contact-bars-background-colour: var(--colour-base);
  --contact-bars-border-radius: var(--border-radii);
  --contact-bars-box-shadow: var(--default-box-shadow);
  --event-card-background-colour: var(--colour-base-background);
  --event-card-border-radius: var(--border-radii);
  --event-card-box-shadow: var(--soft-shadow);
  --contact-card-text-colour: var(--body-font-colour);
  --body-bg: white;
  --body-font-family: 'Source Sans Pro', 'Noto Sans Arabic', sans-serif;
  --body-font-weight: var(--font-weight-normal);
  --body-font-style: normal;
  --base-space: 1em;
  --modal-panel-body-top-padding: 8px;
  --modal-panel-panel-box-shadow: 0 0 70px rgba(0, 0, 0, 0.5);
  --pat-modal-panel-panel-box-shadow: var(--modal-panel-panel-box-shadow);
  --pat-checklist-checkbox-size: 16px;
  --pat-form-help-button-width: 26px;
  --pat-form-help-button-height: 34px;
  --pat-form-help-button-icon-height: 26px;
  --pat-form-help-button-icon-border-radius: 50%;
  --back-button-border-radius: var(--border-radii);
  --back-button-border-radius-left: 8px;
  --back-button-background-colour: var(--button-background-colour);
  --back-button-background-colour-hover: var(--button-background-colour-hover);
  --back-button-text-colour: var(--button-text-colour);
  --back-button-text-colour-hover: var(--button-text-colour-hover);
  --back-button-height: var(--button-height);
  --back-button-line-height: var(--button-line-height);
  --back-button-font-size: 18px;
  --back-button-background-colour-dp: rgba(255, 255, 255, 0.5);
  --back-button-text-colour-dp: rgba(255, 255, 255, 0.9);
  --back-button-text-colour-dp-hover: white;
  --back-button-font-weight: bold;
  --ueber-back-button-border-radius: var(--border-radii);
  --ueber-back-button-border-radius-left: 8px;
  --ueber-back-button-background-colour: var(--button-background-colour);
  --ueber-back-button-background-colour-hover: var(--button-background-colour-hover);
  --ueber-back-button-text-colour: var(--button-text-colour);
  --ueber-back-button-text-colour-hover: var(--button-text-colour-hover);
  --ueber-back-button-height: var(--button-height);
  --ueber-back-button-font-size: 18px;
  --ueber-back-button-arrow-width: 15px;
  --ueber-back-button-arrow-height: 30px;
  --ueber-back-button-padding: 0 1.5em 0 2em;
  --pat-sortable-blocks-remove-button-width: 20px;
  --pat-sortable-blocks-remove-button-height: 34px;
  --pat-sortable-blocks-remove-button-icon-height: 20px;
  --pat-sortable-blocks-remove-button-icon-border-radius: 50%;
  --pat-sortable-blocks-item-info-box-shadow: var(--default-box-shadow);
  --quaive-document-max-width: 960px;
  --quaive-document-padding-left: 8%;
  --quaive-document-padding-right: 8%;
  --quaive-document-padding-top: 8%;
  --quaive-document-padding-bottom: 10%;
  --quaive-document-box-shadow: var(--soft-shadow);
  --quaive-document-background: var(--colour-base-background);
  --quaive-document-message-max-width: 600px;
  --application-body-background-colour: var(--colour-canvas);
  --document-body-top-distance: 0;
  --document-body-right-distance: 0;
  --document-body-bottom-distance: 0;
  --document-body-left-distance-sidebar-open: calc(var(--sidebar-width) + var(--sidebar-margin-left));
  --document-body-left-distance: 0;
  --document-body-box-shadow: none;
  --document-body-border-radius: 0;
  --document-content-padding-top: 50px;
  --document-content-padding-bottom: 50px;
  --document-content-padding-left: 6%;
  --document-content-padding-right: 6%;
  --magazine-box-shadow: var(--soft-box-shadow);
  --colour-magazine-default: white;
  --colour-magazine-block-default: rgba(0, 0, 0, 0.08);
  --magazine-font-family: var(--body-font-family);
  --quaive-magazine-paddings-large: 100px 60px 0;
  --quaive-magazine-paddings-small: 20px 15px 0;
}
:root {
  --break-small: 768px;
  --break-large: 1280px;
}
:root {
  --max-body-text-height: 150px;
  --sidebar-extras-gap: 1em;
  --tool-icon-border-radius: 12%;
  --tool-tile-background-inset: 0;
  --tool-tile-padding: 30px;
  --tool-tile-spacing: 20px;
}
.application-body.application-absence {
  --app-colour: var(--app-colour-absence, #3a6878);
}
.application-body.application-absence .document-content ul.users {
  animation: bounceInLeft 0.5s;
  animation-fill-mode: both;
  opacity: 1;
}
.application-body.application-absence .document-content .pat-well {
  overflow: hidden;
}
.application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-month,
.application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-week,
.application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-day,
.application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-listDay {
  width: 40px;
  padding: 0;
  color: transparent;
}
.application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-month:before,
.application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-week:before,
.application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-day:before,
.application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-listDay:before {
  width: 100%;
  text-align: center;
}
.application-body.application-absence .document-content #app-content-absence {
  position: relative;
}
.application-body.application-absence .document-content #app-content-absence .pat-calendar .fc-view-agendaDay {
  left: 0;
  right: 0;
}
.application-body.application-absence .document-content #app-content-absence #absence-calendar-well {
  margin: 0;
  position: relative;
}
@include screen-size(medium-large) {

                    height: calc(100svh - 270px);
                }
@container screen style(--screen-small: true) {
.application-body.application-absence .document-content #app-content-absence #absence-calendar-well {
  height: calc(100svh - 137px);
}
}
.application-body.application-absence .document-content #app-content-absence .pat-calendar h1 {
  top: -85px;
  padding-left: 70px;
}
.application-body.application-absence .document-content #app-content-absence .pat-calendar .fc {
  position: absolute !important;
  box-sizing: border-box;
  top:    40px;
  left:   40px;
  bottom: 40px;
  right:  40px;
  height: auto;
  width:  auto;
  border: none;
  height: auto;
  box-sizing: border-box;
}
.application-body.application-absence .document-content #app-content-absence .pat-calendar .fc .fc-timegrid .fc-daygrid-body {
  max-height: calc(100svh - 270px);
}
@container screen style(--screen-small: true) {
.application-body.application-absence .document-content #app-content-absence .pat-calendar .fc {
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0.8em;
}
}
.application-body.application-activities {
  --app-colour: var(--app-colour-activities, #4A6F95);
}
.application-body.application-activities {
  --post-box-background: var(--colour-base);
  background-color: var(--colour-base) !important;
}
.application-body.application-activities document-body {
  overflow: visible;
}
.application-body.application-activities .document-content {
  overflow: auto;
  background-color: var(--colour-base);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.application-body.application-activities .pat-toolbar {
  margin-bottom: 0;
}
.application-body.application-activities #post-box-app {
  margin: 0 auto 50px;
  max-width: 800px;
}
.application-body.application-administrator {
  --app-colour: var(--app-colour-administrator, dimgray);
}
.application-body.application-administrator-tool {
  --app-colour: var(--app-colour-administrator-tool, #3A3A38);
}
.application-body.application-apps {
  --app-colour: var(--app-colour-apps, #4F46E5);
}
.application-body.application-app-store {
  --app-colour: var(--app-colour-app-store, #1668b8);
}
.application-body.application-app-store .document-content {
  padding-top: 60px;
}
.application-body.application-app-store .document-content .hero {
  width: 100%;
  margin-bottom: 20px;
}
@include screen-size(medium-large) {

                max-width: 40%;
                float: right;
                margin-top: 8px;
                margin-left: 20px;
            }
.application-body.application-app-store .document-content .pat-button.cta {
  font-size: 30px;
  line-height: 45px;
}
.application-body.application-app-store .app-category {
  display: none;
}
.application-body.application-app-store .app-category:target {
  display: block;
}
.application-body.application-app-store .sidebar {
  background: var(--colour-base);
}
.application-body.application-app-store .sidebar .sidebar-content {
  padding-top: 60px;
}
.application-body.application-app-store .sidebar .sidebar-content .category-custom {
  margin-bottom: 25px;
}
.application-body.application-app-store .sidebar .sidebar-content .icon-needle:before {
  transform: scale(0.8);
}
.application-body.application-assessments {
  --app-colour: var(--app-colour-assessments, #7e726a);
}
.application-body.application-assessments .document-body .document-content:has(.herorama) {
  padding-top: 190px;
}
.application-body.application-assessments #oira-author-questions-well .button-bar {
  margin: 40px 0;
}
.application-body.application-assessments #oira-author-training-settings-messages > *:last-child {
  margin-bottom: 0;
}
.application-body.application-assessments aside.sidebar.left .object-list,
.application-body.application-assessments aside.sidebar.left .grouping {
  background-color: var(--colour-base-background);
  box-shadow: inset 0 0 0 1px silver;
}
.application-body.application-assessments .tool-home-tile {
  width: 600px;
  margin: 0 auto;
}
.application-body.application-assessments .tool-home-tile .tool-icon {
  width: 200px;
  margin: 0 auto 40px;
}
.application-body.application-assessments .pat-well.type-evaluation fieldset {
  margin: 0;
}
.application-body.application-assessments .pat-well.type-evaluation .problem-description {
  position: relative;
  margin: -1em -1em 1em -1em;
  padding: 1em;
  color: #5a3c00;
}
.application-body.application-assessments .pat-well.type-evaluation .problem-description:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f6a400;
  opacity: 0.3;
  border-radius: calc(0.8 * var(--border-radii));
}
.application-body.application-assessments .pat-well.type-planned-measures .button-bar {
  margin: 0;
  padding: 0;
}
.application-body.application-assessments .pat-well.type-information {
  background-color: var(--colour-base-background);
}
@include screen-size(medium-large) {

                    display: flex;
                    gap: 30px;
                }
@include screen-size(medium-large) {

                        width: 40%;
                        max-width: 40%;
                        min-width: 40%;
                    }
.application-body.application-assessments .pat-well.type-information .panel-content .risk-illustrations .illustration {
  margin-bottom: 15px;
  width: 100%;
}
.application-body.application-assessments .pat-well.type-information .panel-content .risk-illustrations .illustration img {
  width: 100%;
}
.application-body.application-assessments .module-illustrations {
  margin-bottom: 40px;
  margin-top: 20px;
}
.application-body.application-assessments .module-illustrations .module-illustration {
  display: block;
  position: relative;
}
.application-body.application-assessments .module-illustrations .module-illustration img {
  width: 100%;
  display: block;
  height: 300px;
  object-fit: cover;
  border-radius: var(--border-radii);
}
.application-body.application-assessments .module-illustrations .module-illustration figcaption {
  position: absolute;
  z-index: 10;
  bottom: 0.5rem;
  left: 0.5rem;
  margin: 0;
  color: #fff;
  text-shadow: 0px 0px 1px rgba(0,0,0,.5),-1px 0px 1px rgba(0,0,0,.5),1px 0px 1px rgba(0,0,0,.5),0px -1px 1px rgba(0,0,0,.5),0px 1px 1px rgba(0,0,0,.5),2px 2px 6px rgba(0,0,0,.5);
  font-size: 0.8888888889rem;
  line-height: 1.125;
  display: block;
  opacity: 0.7;
}
.application-body.application-assessments .flag-list,
.application-body.application-assessments .photo-tiles {
  margin-bottom: 100px;
  margin-top: 50px;
}
.application-body.application-assessments .herorama {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 140px;
  object-fit: cover;
  display: block;
}
@include screen-size(medium-large) {

            grid-template-columns: auto 0 auto;
        }
@include screen-size(medium-large) {

            grid-template-columns: auto 0 auto;
        }
.application-body.application-audit {
  --app-colour: var(--app-colour-audit, #3a6878);
}
.application-body.application-audit .document-content {
  background: var(--colour-base);
}
.application-body.application-bookmarks {
  --app-colour: var(--app-colour-bookmarks, #800080);
  background-color: var(--colour-base) !important;
}
.application-body.application-bookmarks .document-body,
.application-body.application-bookmarks .document-content {
  background-color: var(--colour-base);
}
.application-body.application-bookmarks .user-cards {
  display: grid;
  grid-auto-rows: 1fr;
  gap: 1em;
}
@media only screen and (min-width: calc(768px + 1px)) and (max-width: calc(1280px - 1px)) {
.application-body.application-bookmarks .user-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (min-width: 1280px) {
.application-body.application-bookmarks .user-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.application-body.application-bookmarks .user-cards .quaive-contact-card {
  width: 100%;
  margin: 0;
}
.application-body.application-bookmarks .office-files {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.application-body.application-bookmarks .office-files .item figure {
  background-color: var(--colour-base-background);
  border: solid 1px #dedede;
  padding-top: 1.5em;
  position: relative;
}
.application-body.application-bookmarks .office-files .item figure img {
  width: 100%;
}
.application-body.application-bookmarks .office-files .item {
  width: 33.3%;
  box-sizing: border-box;
  padding: 0.5em;
  float: left;
  color: gray;
}
.application-body.application-bookmarks .office-files .item figure figcaption {
  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;
}
.application-body.application-bookmarks {
  background-color: var(--colour-base) !important;
}
.application-body.application-bookmarks .document-body,
.application-body.application-bookmarks .document-content {
  background-color: var(--colour-base);
}
.application-body.application-bookmarks .user-cards {
  display: grid;
  grid-auto-rows: 1fr;
  gap: 1em;
}
@include screen-size(medium) {

            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
@include screen-size(large) {

            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
.application-body.application-bookmarks .user-cards .quaive-contact-card {
  width: 100%;
  margin: 0;
}
.application-body.application-bookmarks .office-files {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.application-body.application-bookmarks .office-files .item figure {
  background-color: var(--colour-base-background);
  border: solid 1px #dedede;
  padding-top: 1.5em;
  position: relative;
}
.application-body.application-bookmarks .office-files .item figure img {
  width: 100%;
}
.application-body.application-bookmarks .office-files .item {
  width: 33.3%;
  box-sizing: border-box;
  padding: 0.5em;
  float: left;
  color: gray;
}
.application-body.application-bookmarks .office-files .item figure figcaption {
  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;
}
.application-body.application-calculate {
  --app-colour: var(--app-colour-calculate, #107C41);
}
.application-body.application-calculate #app-content-calculate.injecting * {
  display: none;
}
.application-body.application-calendar .checklist.cal-categories label {
  padding-right: 20px;
  position: relative;
}
.application-body.application-calendar .canvas-toolbar .button-cluster button:after {
  background-color: orangered;
}
.application-body.application-calendar .checklist.cal-categories {
  margin-bottom: 0;
}
.application-body.application-calendar .checklist.cal-categories label .calendar-name {
  color: var(--body-font-colour);
}
.application-body.application-calendar .checklist.cal-categories label.current {
  background-color: rgba(0,0,0,0.1);
}
.application-body.application-calendar .checklist.cal-categories label.calendar-absences {
  color: var(--colour-calendar-absences);
}
.application-body.application-calendar .checklist.cal-categories label a.iconified {
  position: absolute;
  top: -1px;
  right: -25px;
  width: 22px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 15px;
  height: 22px;
  line-height: 22px;
}
body[dir=rtl] .application-body.application-calendar .checklist.cal-categories label a.iconified {
  left: 26px;
  right: auto;
}
body[dir=rtl] .application-body.application-calendar .checklist.cal-categories label a.iconified:before {
  transform: rotate(180deg);
}
@media (hover: hover) {
.application-body.application-calendar .checklist.cal-categories label a.iconified:hover {
  color: var(--body-font-colour);
}
}
.application-body.application-calendar .checklist.cal-categories label a.iconified.active {
  color: var(--colour-accent);
}
.application-body.application-calendar .checklist.cal-categories label a.iconified.active:hover {
  color: var(--colour-accent);
}
.application-body.application-calendar .application-calendar label.show-all-calendars {
  position: absolute;
  right: 15px;
  top: 15px;
}
.application-body.application-calendar {
  --app-colour: var(--app-colour-calendar, orangered);
}
.application-body.application-calendar .checklist.cal-categories label {
  padding-right: 20px;
  position: relative;
}
.application-body.application-calendar .canvas-toolbar .button-cluster button:after {
  background-color: orangered;
}
.application-body.application-calendar .checklist.cal-categories {
  margin-bottom: 0;
}
.application-body.application-calendar .checklist.cal-categories label .calendar-name {
  color: var(--body-font-colour);
}
.application-body.application-calendar .checklist.cal-categories label.current {
  background-color: rgba(0,0,0,0.1);
}
.application-body.application-calendar .checklist.cal-categories label.calendar-absences {
  color: var(--colour-calendar-absences);
}
.application-body.application-calendar .checklist.cal-categories label a.iconified {
  position: absolute;
  top: -1px;
  right: -25px;
  width: 22px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 15px;
  height: 22px;
  line-height: 22px;
}
body[dir=rtl] .application-body.application-calendar .checklist.cal-categories label a.iconified {
  left: 26px;
  right: auto;
}
body[dir=rtl] .application-body.application-calendar .checklist.cal-categories label a.iconified:before {
  transform: rotate(180deg);
}
@media (hover: hover) {
.application-body.application-calendar .checklist.cal-categories label a.iconified:hover {
  color: var(--body-font-colour);
}
}
.application-body.application-calendar .checklist.cal-categories label a.iconified.active {
  color: var(--colour-accent);
}
.application-body.application-calendar .checklist.cal-categories label a.iconified.active:hover {
  color: var(--colour-accent);
}
.application-body.application-calendar .application-calendar label.show-all-calendars {
  position: absolute;
  right: 15px;
  top: 15px;
}
.application-body.application-case-manager {
  --app-colour: var(--app-colour-case-manager, #3a6878);
}
.application-body.application-case-manager .document-content {
  background: var(--colour-base);
}
.application-body.application-chokhmah {
  --app-colour: var(--app-colour-chokhmah, #7C5A3E);
}
.application-body.application-classifieds {
  --app-colour: var(--app-colour-classifieds, #8a6e48);
}
.application-body.application-classifieds {
  overflow: auto;
}
.application-body.application-classifieds .document-content {
  background: transparent;
  background: var(--colour-base);
}
.application-body.application-classifieds .canvas-toolbar {
  margin-bottom: 45px;
  height: var(--button-height);
}
@container screen style(--screen-small: true) {
.application-body.application-classifieds .canvas-toolbar {
  display: none;
}
}
.application-body.application-cloud-storage {
  --app-colour: var(--app-colour-cloud-storage, #1a2030);
}
.application-body.application-configuration #app-icon img {
  background-color: var(--app-colour);
  width: 80px;
  height: 80px;
}
.application-body.application-configuration #field-brandmark .pat-picture img {
  width: 100px;
}
.application-body.application-configuration {
  --app-colour: var(--app-colour-configuration, #2D6A8A);
}
.application-body.application-configuration #app-icon img {
  background-color: var(--app-colour);
  width: 80px;
  height: 80px;
}
.application-body.application-contacts {
  overflow: hidden;
}
.application-body.application-contacts #contacts-map-contacts {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.application-body.application-contacts #contacts-map-contacts .leaflet-control-layers {
  display: none !important;
}
.application-body.application-contacts #contacts-map-contacts .leaflet-marker-pane img {
  width: 3.2rem !important;
  height: 3.2rem !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50% !important;
  box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  border: 2px solid white !important;
  outline: border-box !important;
}
@container screen style(--screen-small: true) {
.application-body.application-contacts #contact-nav-toolbar {
  display: none;
}
}
@container screen style(--screen-small: true) {
.application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation {
  width: calc(100% - 150px);
}
}
@container screen style(--screen-small: true) {
.application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs {
  transition: none;
}
}
@container screen style(--screen-small: true) {
.application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs {
  right: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding-top: 50px;
}
}
@container screen style(--screen-small: true) {
.application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs:after {
  top: 0;
}
}
@container screen style(--screen-small: true) {
.application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs:before {
  z-index: 1;
  content: var(--glyph-cancel);
  line-height: 55px;
}
}
.application-body.application-contacts .document-body .document-content .quaive-family-tree {
  height: 600px;
}
.application-body.application-contacts .document-body .document-content .pat-rich h2 {
  margin-bottom: 30px;
}
.application-body.application-contacts .document-body .document-content.in-memoriam {
  background-color: rgb(90, 90, 90);
  box-sizing: border-box;
  min-height: 100%;
}
.application-body.application-contacts .document-body .document-content.in-memoriam table {
  margin-bottom: 3em;
}
.application-body.application-contacts .document-body .document-content.in-memoriam table th,
.application-body.application-contacts .document-body .document-content.in-memoriam table td {
  background-color: transparent;
}
.application-body.application-contacts .document-body .document-content.in-memoriam table th a,
.application-body.application-contacts .document-body .document-content.in-memoriam table td a {
  text-decoration: none;
  display: block;
}
.application-body.application-contacts .document-body .document-content.in-memoriam table th a:hover,
.application-body.application-contacts .document-body .document-content.in-memoriam table td a:hover {
  text-decoration: underline;
}
.application-body.application-contacts .document-body .document-content.in-memoriam .pat-well.pat-collapsible {
  background-color: rgba(255, 255, 255, 0.05);
}
.application-body.application-contacts .document-body .document-content.in-memoriam * {
  color: white;
}
.application-body.application-contacts .document-body .document-content.in-memoriam .user-table figure .pat-avatar,
.application-body.application-contacts .document-body .document-content.in-memoriam .contact-info-header .pat-avatar {
  background-color: silver;
}
.application-body.application-contacts .document-body .document-content.in-memoriam .user-table figure .pat-avatar img,
.application-body.application-contacts .document-body .document-content.in-memoriam .contact-info-header .pat-avatar img {
  filter: grayscale(100%);
}
.application-body.application-contacts .document-body .document-content.in-memoriam .user-table figure figcaption .byline,
.application-body.application-contacts .document-body .document-content.in-memoriam .contact-info-header figcaption .byline {
  color: silver;
}
.application-body.application-contacts .container.contact-info {
  transition: padding 0.2s;
}
.application-body.application-contacts.sidebar-left-open .container.contact-info {
  padding: 0;
}
.application-body.application-contacts .canvas-toolbar .ueber-back-button {
  max-width: 40%;
}
.application-body.application-contacts #contact-nav-toolbar,
.application-body.application-contacts #user-group-toolbar {
  margin-bottom: 0;
}
.application-body.application-contacts #contact-tool-bar .canvas-toolbar-subnav {
  float: left;
}
.application-body.application-contacts #contact-tool-bar .canvas-toolbar-section.navigation {
  width: calc(100% - 230px);
}
.application-body.application-contacts .activity-stream {
  padding-top: 0;
}
.application-body.application-contacts {
  --app-colour: var(--app-colour-contacts, rgb(143, 104, 6));
}
.application-body.application-contacts .pat-grid-list dt:not([class*="icon-"])::before {
  font-family: "fontello";
  content: '\f105';
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  margin-left: 0.2em;
  text-align: center;
  text-decoration: inherit;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}
.application-body.application-contacts {
  overflow: hidden;
}
.application-body.application-contacts #contacts-map-contacts {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.application-body.application-contacts #contacts-map-contacts .leaflet-control-layers {
  display: none !important;
}
.application-body.application-contacts #contacts-map-contacts .leaflet-marker-pane img {
  width: 3.2rem !important;
  height: 3.2rem !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50% !important;
  box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  border: 2px solid white !important;
  outline: border-box !important;
}
@container screen style(--screen-small: true) {
.application-body.application-contacts #contact-nav-toolbar {
  display: none;
}
}
@container screen style(--screen-small: true) {
.application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation {
  width: calc(100% - 150px);
}
}
@container screen style(--screen-small: true) {
.application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs {
  transition: none;
}
}
@container screen style(--screen-small: true) {
.application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs {
  right: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding-top: 50px;
}
}
@container screen style(--screen-small: true) {
.application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs:after {
  top: 0;
}
}
@container screen style(--screen-small: true) {
.application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs:before {
  z-index: 1;
  content: var(--glyph-cancel);
  line-height: 55px;
}
}
.application-body.application-contacts .document-body .document-content {
  padding-top: 60px;
  animation: fadeIn 0.5s;
  background-color: transparent;
}
.application-body.application-contacts .document-body .document-content .quaive-family-tree {
  height: 600px;
}
.application-body.application-contacts .document-body .document-content .pat-rich h2 {
  margin-bottom: 30px;
}
.application-body.application-contacts .document-body .document-content.in-memoriam {
  background-color: rgb(90, 90, 90);
  box-sizing: border-box;
  min-height: 100%;
}
.application-body.application-contacts .document-body .document-content.in-memoriam table {
  margin-bottom: 3em;
}
.application-body.application-contacts .document-body .document-content.in-memoriam table th,
.application-body.application-contacts .document-body .document-content.in-memoriam table td {
  background-color: transparent;
}
.application-body.application-contacts .document-body .document-content.in-memoriam table th a,
.application-body.application-contacts .document-body .document-content.in-memoriam table td a {
  text-decoration: none;
  display: block;
}
.application-body.application-contacts .document-body .document-content.in-memoriam table th a:hover,
.application-body.application-contacts .document-body .document-content.in-memoriam table td a:hover {
  text-decoration: underline;
}
.application-body.application-contacts .document-body .document-content.in-memoriam .pat-well.pat-collapsible {
  background-color: rgba(255, 255, 255, 0.05);
}
.application-body.application-contacts .document-body .document-content.in-memoriam * {
  color: white;
}
.application-body.application-contacts .document-body .document-content.in-memoriam .user-table figure .pat-avatar,
.application-body.application-contacts .document-body .document-content.in-memoriam .contact-info-header .pat-avatar {
  background-color: silver;
}
.application-body.application-contacts .document-body .document-content.in-memoriam .user-table figure .pat-avatar img,
.application-body.application-contacts .document-body .document-content.in-memoriam .contact-info-header .pat-avatar img {
  filter: grayscale(100%);
}
.application-body.application-contacts .document-body .document-content.in-memoriam .user-table figure figcaption .byline,
.application-body.application-contacts .document-body .document-content.in-memoriam .contact-info-header figcaption .byline {
  color: silver;
}
.application-body.application-contacts .container.contact-info {
  transition: padding 0.2s;
}
.application-body.application-contacts.sidebar-left-open .container.contact-info {
  padding: 0;
}
.application-body.application-contacts .canvas-toolbar .ueber-back-button {
  max-width: 40%;
}
.application-body.application-contacts #contact-nav-toolbar,
.application-body.application-contacts #user-group-toolbar {
  margin-bottom: 0;
}
.application-body.application-contacts #contact-tool-bar .canvas-toolbar-subnav {
  float: left;
}
.application-body.application-contacts #contact-tool-bar .canvas-toolbar-section.navigation {
  width: calc(100% - 230px);
}
.application-body.application-contacts .activity-stream {
  padding-top: 0;
}
.application-body.application-contracts {
  --app-colour: var(--app-colour-contracts, #208840);
}
.application-body.application-contracts {
  overflow: auto;
}
.application-body.application-contracts #filters-sheet .panel-content {
  width: 800px;
}
.application-body.application-contracts #filters-sheet .panel-content .button-bar {
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0;
  position: relative;
}
.application-body.application-contracts #filters-sheet .panel-content .button-bar button {
  float: right;
  margin: 0;
}
.application-body.application-contracts .data-table-top,
.application-body.application-contracts .data-table-bottom {
  display: none;
}
.application-body.application-contracts .document-content .contract-card-full {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  display: block;
  z-index: 1;
}
@include screen-size(medium-large) {

                    
                    
                }
.application-body.application-demo .help-text h1 {
  display: none;
}
.application-body.application-demo .app-documentation {
  width: 100%;
  max-width: var(--quaive-document-max-width);
  margin: 0 auto;
}
.application-body.application-demo {
  --app-colour: var(--app-colour-demo, #001d71);
}
.application-body.application-demo .help-text h1 {
  display: none;
}
.application-body.application-demo .app-documentation {
  width: 100%;
  max-width: var(--quaive-document-max-width);
  margin: 0 auto;
}
.application-body.application-diary {
  --app-colour: var(--app-colour-diary, #8B5E3C);
}
.application-body.application-diary .quaive-page-head svg.app-icon * {
  stroke: var(--app-colour);
}
.application-body.application-diary .pat-link-list {
  margin-bottom: 40px;
}
.application-body.application-diary .diary-month-well .pat-link-list {
  margin-bottom: 0;
}
.application-body.application-diary .diary-month {
  margin: 1.5em 0 0.5em;
  font-size: 1rem;
  opacity: 0.7;
}
.application-body.application-diary .diary-consent {
  margin-top: 2.5em;
  padding-top: 1.5em;
  border-top: 1px solid var(--gray-300, #ddd);
}
.application-body.application-diary .diary-consent h2 {
  font-size: 1rem;
}
.application-body.application-diary .diary-consent .diary-source {
  display: block;
  margin: 0.35em 0;
}
.application-body.application-diary .diary-consent .diary-source.disabled {
  opacity: 0.55;
}
.application-body.application-diary .diary-consent .diary-source .discreet {
  margin-left: 0.4em;
}
.application-body.application-diary .diary-consent button[type="submit"] {
  margin-top: 1em;
}
.application-body.application-document-browser {
  --app-colour: var(--app-colour-document-browser, #c73d78);
}
.application-body.application-documents {
  --app-colour: var(--app-colour-documents, #0278d4);
}
.application-body.application-documents .documents-public-wells {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--pat-x-list-gutter, 1rem);
  grid-auto-flow: row dense;
}
@supports (display: grid-lanes) {
.application-body.application-documents .documents-public-wells {
  display: grid-lanes;
}
}
.application-body.application-documents .documents-public-wells > .documents-well-span-1 {
  grid-column: span 1;
}
.application-body.application-documents .documents-public-wells > .documents-well-span-2 {
  grid-column: span 2;
}
.application-body.application-documents .documents-public-wells > .documents-well-span-3 {
  grid-column: span 3;
}
.application-body.application-documents .documents-public-wells > .pat-well {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
.application-body.application-documents .documents-public-wells {
  grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 768px) {
.application-body.application-documents .documents-public-wells > .documents-well-span-1,
.application-body.application-documents .documents-public-wells > .documents-well-span-2,
.application-body.application-documents .documents-public-wells > .documents-well-span-3 {
  grid-column: span 1;
}
}
.application-body.application-documents .well-header .badge.group-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--collapsible-button-height);
  height: var(--collapsible-button-height);
  border-radius: 50%;
  padding: 0;
  font-size: 0.65em;
  font-weight: 600;
  background-color: var(--colour-grey-light, rgba(0, 0, 0, 0.08));
  color: var(--colour-grey-darker, rgba(0, 0, 0, 0.55));
  box-sizing: border-box;
  line-height: 1;
}
.application-body.application-documents #app-content-documents.injecting * {
  display: none;
}
.application-body.application-documents.sidebar-large ul.menu {
  columns: 14rem;
  column-gap: var(--pat-x-list-gutter, 1rem);
}
.application-body.application-documents.sidebar-large ul.menu > li {
  break-inside: avoid;
}
.application-body.application-documents.sidebar-large ul.menu .item-title {
  justify-content: flex-start;
}
.application-body.application-draw {
  --app-colour: var(--app-colour-draw, #005597);
}
.application-body.application-draw #app-content-draw.injecting * {
  display: none;
}
.application-body.application-draw .pat-link-list img.preview {
  padding: 4%;
  box-sizing: border-box;
  background-color: white;
  object-fit: contain;
  aspect-ratio: 3 / 2;
}
.application-body.application-drive {
  --app-colour: var(--app-colour-drive, #0061FF);
}
.application-body.application-drive #app-content-drive.injecting * {
  display: none;
}
.application-body.application-drive .documents-personal-list.tile-icons li a:not(.pat-lazy-load)::before {
  display: flex;
  align-items: center;
  justify-content: center;
}
.application-body.application-drive .repo-name.repo-private-lock::before {
  content: none;
}
.application-body.application-drive .repo-name.repo-private-lock::after {
  content: var(--glyph-lock);
  font-family: fontello;
  margin-inline-start: 0.35em;
  font-size: 0.85em;
  opacity: 0.6;
}
.application-body.application-events {
  --app-colour: var(--app-colour-events, orangered);
}
.application-body.application-events .document-content:has(.events-calendar-pane) {
  padding-top: var(--sidebar-margin-top);
  padding-left: var(--sidebar-margin-top);
  padding-right: var(--sidebar-margin-top);
  padding-bottom: var(--sidebar-margin-top);
  display: flex;
  flex-direction: column;
}
.application-body.application-events .events-calendar-pane {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.application-body.application-events .kik-events-calendar {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
}
.application-body.application-events #events-calendar-toolbar {
  margin: 0;
  padding: 0;
  min-height: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.application-body.application-events #events-calendar-toolbar .toolbar-area,
.application-body.application-events #events-calendar-toolbar .toolbar-section {
  display: contents;
}
.application-body.application-events .kik-events-calendar .kik-fc-toolbar-button::before {
  line-height: var(--button-height);
}
.application-body.application-events .kik-fc-nav-chunk {
  display: flex;
  align-items: center;
  gap: var(--pat-toolbar-section-gap, 0.5rem);
}
@container screen style(--screen-small: true) {
.application-body.application-events .kik-events-calendar .kik-events-tz-select {
  color: transparent;
  padding: 0;
}
}
.application-body.application-events .kik-events-calendar .kik-fc-toolbar-button.kik-fc-today {
  width: 30px;
}
.application-body.application-events .events-upcoming {
  padding: 1rem;
}
.application-body.application-events .events-upcoming-batch {
  display: contents;
}
.application-body.application-events .events-upcoming-more {
  display: block;
  padding: 0.5rem 0;
  opacity: 0.6;
}
.application-body.application-events .events-detail {
  padding: 1.5rem;
  max-width: 48rem;
}
.application-body.application-events .events-detail-title {
  margin: 0.5rem 0 1rem;
}
.application-body.application-events .events-detail-meta {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.35rem 1rem;
  margin: 0 0 1.5rem;
}
.application-body.application-events .events-detail-meta dt {
  font-weight: 600;
  opacity: 0.7;
}
.application-body.application-events .events-detail-meta dd {
  margin: 0;
}
.application-body.application-events .events-event-glyph {
  display: inline-block;
  margin-right: 4px;
  margin-left: 4px;
}
body[dir=rtl] .application-body.application-events .events-event-glyph {
  margin-right: 0;
  margin-left: 4px;
}
.application-body.application-events .events-glyph-birthday:before {
  font-family: fontello;
  content: var(--glyph-birthday);
  animation: heartbeat 1s;
}
.application-body.application-events .events-glyph-jewish-holiday:before {
  content: '\2721';
  font-style: normal;
  font-weight: normal;
}
.application-body.application-family-tree {
  --app-colour: var(--app-colour-family-tree, #6E1F22);
}
.application-body.application-family-tree {
  overflow: none;
}
.application-body.application-family-tree .document-content {
  box-sizing: border-box;
  overflow: none;
  background-color: var(--colour-base);
}
.application-body.application-family-tree .document-content .quaive-family-tree {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: none;
  background-color: var(--colour-base);
}
.application-body.application-family-tree .document-content .quaive-family-tree .family-chart {
  height: 100%;
  width: 100%;
}
.application-body.application-family-tree .document-content .search-form {
  max-width: 1000px;
  margin: 80px auto;
}
.application-body.application-family-tree .document-content .search-form .search-field {
  position: relative;
}
.application-body.application-family-tree .document-content .search-results .quick-links {
  text-align: center;
  margin: 40px auto;
}
.application-body.application-family-tree .document-content #family-tree-toolbar {
  z-index: 3;
}
@container screen style(--screen-small: true) {
.application-body.application-family-tree .document-content #family-tree-toolbar {
  bbottom: var(--small-screen-padding);
  left: 0;
  right: 0;
  width: 100%;
  position: stickky;
  box-sizing: border-box;
  overflow: hidden;
  padding-left: var(--small-screen-padding);
  padding-right: var(--small-screen-padding);
}
}
@container screen style(--screen-small: true) {
.application-body.application-family-tree .document-content #family-tree-toolbar .pat-button-cluster:has(.zoom-in) {
  display: none;
}
}
@include screen-size(medium-large) {

                position: fixed;
                bottom: 1%;
                left: 50%;
                transform: translateX(-50%);
                width: calc(100% - calc(var(--quaive-document-padding-left) - var(--quaive-document-padding-right)));
                max-width: 480px;
            }
.application-body.application-family-tree .document-content #family-tree-toolbar > * {
  grid-template-columns: auto 0 auto;
}
.application-body.application-family-tree .document-content .search-results {
  padding-bottom: 200px;
  max-width: 800px;
  margin: 0 auto;
  display: block;
}
.application-body.application-favourites {
  --app-colour: var(--app-colour-favourites, #e0a21a);
}
@media only screen and (min-width: 769px) {
.application-body.application-favourites ul.pat-link-list {
  zoom: 1.3;
}
}
.application-body.application-favourites .pat-link-list .space-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--gns-space-colour, var(--app-colour));
  background: color-mix(in srgb, var(--gns-space-colour, var(--app-colour)) 10%, white);
  color: var(--gns-space-colour, var(--app-colour));
  font-weight: 700;
  font-size: 1.6em;
  line-height: 1;
  text-transform: uppercase;
}
.application-body.application-feedback {
  --app-colour: var(--app-colour-feedback, #208840);
}
.application-body.application-feedback {
  overflow: auto;
}
.application-body.application-feedback .document-content {
  background-color: transparent;
}
.application-body.application-feedback .feedback-submission-form {
  margin-top: 40px;
}
.application-body.application-feedback .feedback-submission-form .button-bar {
  margin: 0 !important;
}
.application-body.application-feedback .feedback-submission-form .button-bar .pat-button {
  margin: 0;
}
.application-body.application-help {
  --app-colour: var(--app-colour-help, dimgray);
}
.application-body.application-help .directory {
  margin-bottom: 40px;
}
.application-body.application-help .support-section {
  margin-bottom: 40px;
}
.application-body.application-help .support-section .link-list a {
  font-weight: bold;
}
.application-body.application-help .user-cards {
  margin: 0 -10px 0;
  box-sizing: border-box;
}
.application-body.application-help .user-cards:after {
  content: ' ';
  display: table;
  clear: both;
}
.application-body.application-help .user-cards .item {
  margin-bottom: 20px;
  padding: 0 10px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1280px) {
.application-body.application-help .user-cards .item {
  width: 50%;
  float: left;
}
}
.application-body.application-help .user-cards .item .user-card {
  height: 100%;
  font-size: 0.9em;
}
.application-body.application-help .canvas-toolbar {
  margin-bottom: 40px;
}
@container screen style(--screen-small: true) {
.application-body.application-help .canvas-toolbar {
  display: none;
}
}
@media only screen and (min-width: calc(768px + 1px)) {
.application-body.application-help .pat-message {
  padding: 40px 45px 40px 120px;
}
}
@media only screen and (min-width: calc(768px + 1px)) {
.application-body.application-help .pat-message:before {
  position: absolute;
  top: 50%;
  left: 45px;
  width: 40px;
  line-height: 40px;
  font-size: 40px;
  font-family: fontello;
  transform: translateY(-50%);
  text-align: center;
}
}
@media only screen and (min-width: calc(768px + 1px)) {
.application-body.application-help .pat-message.warning {
  border-color: var(--colour-warning);
  background: var(--colour-warning-background);
}
}
@media only screen and (min-width: calc(768px + 1px)) {
.application-body.application-help .pat-message.warning:before {
  content: var(--glyph-attention);
  color: var(--colour-warning);
}
}
@media only screen and (min-width: calc(768px + 1px)) {
.application-body.application-help .pat-message.notice:before {
  content: var(--glyph-lightbulb);
  color: rgba(0, 0, 0, 0.8);
}
}
.application-body.application-image-bank {
  --app-colour: var(--app-colour-image-bank, #7E726A);
}
.application-body.application-image-bank {
  overflow: auto;
}
.application-body.application-image-bank .document-content {
  background-color: var(--colour-base);
}
.application-body.application-image-bank #image-bank-toolbar .toolbar-functions-area {
  grid-template-columns: 4fr 4fr 4fr;
}
.application-body.application-image-bank #image-bank-collection-toolbar .toolbar-functions-area {
  grid-template-columns: auto 0 auto;
}
.application-body.application-image-bank #image-bank-collection-toolbar .toolbar-section.batch-operations {
  display: none;
}
:has(.mode-select) .application-body.application-image-bank #image-bank-collection-toolbar .toolbar-section.batch-operations {
  display: flex;
}
:has(.mode-select) .application-body.application-image-bank #image-bank-collection-toolbar .toolbar-section.quick-navigation {
  display: none;
}
:has(.mode-select) .application-body.application-image-bank #image-bank-collection-toolbar .toolbar-section > *:not(.more):not(.close):not(.batch-function):not(.select-deselect-all) {
  opacity: 0.3;
  pointer-events: none;
}
:has(.mode-select) .application-body.application-image-bank #image-bank-collection-toolbar .toolbar-section.quick-navigation * {
  display: none;
}
.application-body.application-images {
  --app-colour: var(--app-colour-images, #fe28a2);
}
body[data-global-nav="compact"] .application-body.application-images .pat-leaflet {
  position: absolute !important;
}
body[data-global-nav="compact"] .application-body.application-images .quaive-document.type-image .quaive-illustration,
body[data-global-nav="compact"] .application-body.application-images .quaive-document.type-video .quaive-illustration {
  min-height: 60vh;
  margin: 0;
}
body[data-global-nav="compact"] .application-body.application-images .quaive-document.type-image figcaption,
body[data-global-nav="compact"] .application-body.application-images .quaive-document.type-video figcaption {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  padding: 2px 18px;
  border-radius: 31px;
  font-size: 16px;
}
body[data-global-nav="compact"] .application-body.application-images .quaive-document .pat-picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body[data-global-nav="compact"] .application-body.application-images .quaive-document .pat-picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: transparent;
}
body[data-global-nav="compact"] .application-body.application-images #directory-images-collections {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.application-body.application-images #directory-images-collections .canvas-separation-header {
  grid-column: 1 / -1;
}
.application-body.application-images #directory-images-collections .canvas-separation-header + * {
  grid-column-start: 1;
}
@media (hover: none) {
.application-body.application-images #directory-images-collections .item.collection:hover figure {
  background-color: rgba(0, 0, 0, 0.1);
}
}
@media (hover: none) {
.application-body.application-images #directory-images-collections .photo-skimmer .image:hover img {
  opacity: 0;
}
}
@media (hover: none) {
.application-body.application-images #directory-images-collections .photo-skimmer .image:first-child:hover img {
  opacity: 1;
}
}
.application-body.application-images .image-selector .item.collection figure {
  top:    22px;
  right:  22px;
  bottom: 22px;
  left:   22px;
}
.application-body.application-images .image-selector .item.collection figure figcaption {
  bottom: -38px;
}
.application-body.application-images #images-personal-photo-page-toolbar .icon.up.disabled,
.application-body.application-images #images-personal-photo-page-toolbar .icon.down.disabled {
  opacity: .3;
  pointer-events: none;
}
.application-body.application-images .quaive-document.type-image .quaive-illustration.type-video {
  border-radius: 0;
}
.application-body.application-images .quaive-document .pat-well .quaive-illustration.type-video .pat-picture {
  border-radius: 0;
  background: #1c1f24;
  box-shadow: none;
  overflow: hidden;
}
.application-body.application-images .quaive-document .pat-well .quaive-illustration.type-video .pat-picture video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0;
  box-shadow: none;
  background: #1c1f24;
}
.application-body.application-jahrzeit {
  --app-colour: var(--app-colour-jahrzeit, #5B6680);
}
.application-body.application-jobs {
  --app-colour: var(--app-colour-jobs, #c73d78);
}
.application-body.application-jobs {
  overflow: visible;
}
.application-body.application-jobs .infinite-scrolling-trigger {
  position: absolute;
  bottom: -400px;
  left: 0;
  right: 0;
}
.application-body.application-jobs .document-content {
  background: var(--colour-base-background);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
@media print {
.application-body.application-jobs .document-content {
  position: static;
  padding: 10%;
}
}
.application-body.application-jobs .document-content.jobs-overview {
  background: var(--colour-base);
}
.application-body.application-jobs .document-content #job-list {
  max-width: 800px;
  margin: 50px auto;
}
.application-body.application-jobs .document-content #main-content {
  position: relative;
  z-index: 1;
}
@include screen-size(small-medium) {

                padding: 0;
            }
.application-body.application-jobs .document-content fieldset.compensation input {
  width: 130px;
}
.application-body.application-jobs .document-content .canvas-toolbar {
  margin-bottom: 45px;
  z-index: 2;
}
.application-body.application-jobs .document-content .canvas-toolbar .canvas-toolbar-section {
  width: 25%;
}
.application-body.application-jobs .document-content .canvas-toolbar .canvas-toolbar-section.quick-navigation {
  width: 50%;
}
@container screen style(--screen-small: true) {
.application-body.application-jobs .document-content .canvas-toolbar .canvas-toolbar-section.quick-navigation {
  width: auto;
}
}
@container screen style(--screen-small: true) {
.application-body.application-jobs .document-content .canvas-toolbar .canvas-toolbar-section.view-options {
  width: auto;
  float: left;
}
}
.application-body.application-jobs .document-content .canvas-toolbar .canvas-toolbar-section.navigation {
  width: 50%;
}
@container screen style(--screen-small: true) {
.application-body.application-jobs .document-content .canvas-toolbar .canvas-toolbar-section.navigation {
  display: none;
}
}
.application-body.application-jobs .document-content .canvas-toolbar#toolbar-job-edit .canvas-toolbar-section.quick-functions {
  width: 100%;
}
.application-body.application-jobs .document-content .canvas-toolbar#toolbar-job-view .canvas-toolbar-section.quick-functions {
  width: 50%;
}
.application-body.application-jobs .document-content .job-card-full {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  display: block;
  z-index: 1;
}
@include screen-size(medium-large) {

                padding-top: 30px;
            }
@include screen-size(medium-large) {

                    font-size: 130%;
                    line-height: 1.5;
                }
.application-body.application-jobs .document-content .job-card-full .job-card-full-title {
  font-weight: bold;
  font-size: 50px;
}
@container screen style(--screen-small: true) {
.application-body.application-jobs .document-content .job-card-full .job-card-full-title {
  font-size: 30px;
}
}
.application-body.application-jobs .document-content .job-card-full .job-card-full-description {
  font-size: 1.5em;
  line-height: 1.4;
  font-weight: thin;
  margin-bottom: 40px;
}
@container screen style(--screen-small: true) {
.application-body.application-jobs .document-content .job-card-full .job-card-full-description {
  font-size: 1.2em;
}
}
.application-body.application-journal {
  --app-colour: var(--app-colour-journal, #FA2D48);
  --quaive-newspaper-masthead-font: 'Chomsky', 'Old English Text MT', 'Cloister Black', 'Goudy Old Style', Garamond, Georgia, 'Times New Roman', Times, serif;
}
.application-body.application-journal .newspaper-masthead {
  font-family: var(--quaive-newspaper-masthead-font);
  font-weight: 400;
  letter-spacing: 0;
}
.application-body.application-journal .journal-blog-author-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 3rem;
}
.application-body.application-journal .journal-blog-author-hero-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  text-indent: -9999px;
  overflow: hidden;
}
.application-body.application-journal .journal-blog-author-avatar {
  --pat-avatar-background-colour: var(--quaive-newspaper-byline-border-colour, rgba(0, 0, 0, 0.12));
  --pat-avatar-padding: 0;
  width: 12rem;
  height: 12rem;
  padding: 0;
  font-size: 3.5rem;
  border: 1px solid var(--quaive-newspaper-byline-border-colour, rgba(0, 0, 0, 0.12));
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-color 150ms ease, background-color 150ms ease;
}
.application-body.application-journal .journal-blog-author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 150ms ease;
}
.application-body.application-journal .journal-blog-author-name {
  font-family: var(--font-family-sans, var(--body-font-family));
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0;
  padding: 0.45rem 1rem;
  border: 1px solid var(--quaive-newspaper-byline-border-colour, rgba(0, 0, 0, 0.12));
  border-radius: 0.4rem;
  color: var(--quaive-newspaper-byline-colour, #6b6b6b);
  background: var(--tabs-bar-tab-background-colour-dimmed);
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}
.application-body.application-journal .journal-blog-author-hero.is-linked:hover .journal-blog-author-avatar {
  --pat-avatar-background-colour: var(--quaive-newspaper-byline-border-colour-hover, rgba(0, 0, 0, 0.22));
  border-color: var(--quaive-newspaper-byline-border-colour-hover, rgba(0, 0, 0, 0.22));
}
.application-body.application-journal .journal-blog-author-hero.is-linked:hover .journal-blog-author-avatar img {
  transform: scale(1.06);
}
.application-body.application-journal .journal-blog-author-hero.is-linked:hover .journal-blog-author-name {
  background: var(--tabs-bar-tab-background-colour-dimmed-hover);
  border-color: var(--quaive-newspaper-byline-border-colour-hover, rgba(0, 0, 0, 0.22));
  color: var(--quaive-newspaper-byline-colour-hover, #3a3a3a);
}
.application-body.application-journal {
  background-color: var(--colour-base);
}
.application-body.application-journal .document-body,
.application-body.application-journal .document-content {
  background-color: var(--colour-base);
}
.application-body.application-library {
  --app-colour: var(--app-colour-library, #a06430);
}
.application-body.application-library {
  --colour-form-fields-background: var(--colour-base-background);
}
.application-body.application-library .document-body .document-content {
  background-color: transparent;
}
.application-body.application-library .sidebar.left .infinite-scrolling-trigger {
  padding-top: 135px;
  height: 220px;
}
.application-body.application-library .sidebar.left .infinite-scrolling-trigger:before {
  top: 100px;
}
.application-body.application-mail {
  --app-colour: var(--app-colour-mail, #0078D4);
}
.application-body.application-mail .document-body {
  --pat-x-list-padding: 20px;
}
.application-body.application-mail #editor-toolbar-mail-markdown li:has(.button-checklist) {
  display: none;
}
.application-body.application-mail .pat-link-list .pat-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--app-colour);
  background: color-mix(in srgb, var(--app-colour) 10%, white);
  color: var(--app-colour);
  font-weight: 700;
  font-size: 1.6em;
  line-height: 1;
  text-transform: uppercase;
}
@container screen style(--screen-small: true) {
.application-body.application-mail #page-head-mail-message h1 {
  font-size: 1.7rem;
  line-height: 1.2;
}
}
.application-body.application-mail #application-body-mail .mail-webmail-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
@container screen style(--screen-small: true) {
.application-body.application-mail #mail-message-toolbar .mail-toolbar-wide-only {
  display: none;
}
}
@container screen style(--screen-small: false) {
.application-body.application-mail .menu .mail-phone-only {
  display: none;
}
}
.application-body.application-mail .pat-well.pat-collapsible > .panel-content {
  min-height: 278px;
}
.application-body.application-mailings {
  --app-colour: var(--app-colour-mailings, #1668b8);
}
.application-body.application-mailings .document-content {
  background-color: var(--colour-base);
}
.application-body.application-mailings .document-content.newsletter-edit,
.application-body.application-mailings .document-content.periodical-edit {
  padding: 60px 6%;
}
.application-body.application-mailings .document-content.newsletter-edit .canvas-toolbar,
.application-body.application-mailings .document-content.periodical-edit .canvas-toolbar,
.application-body.application-mailings .document-content.mailing-list-edit .canvas-toolbar {
  top: 20px;
}
.application-body.application-meetings {
  --pat-jitsi-width: auto;
  --pat-jitsi-height: auto;
}
.application-body.application-meetings .pat-jitsi {
  position: absolute;
  top: var(--sidebar-margin-top);
  right: var(--sidebar-margin-left);
  bottom: var(--sidebar-margin-bottom);
  left: var(--sidebar-margin-left);
}
.application-body.application-meetings {
  --app-colour: var(--app-colour-meetings, limegreen);
}
.application-body.application-meetings {
  --pat-jitsi-width: auto;
  --pat-jitsi-height: auto;
}
.application-body.application-meetings .pat-jitsi {
  position: absolute;
  top: var(--sidebar-margin-top);
  right: var(--sidebar-margin-left);
  bottom: var(--sidebar-margin-bottom);
  left: var(--sidebar-margin-left);
}
.application-body.application-messages {
  --pat-element-width: auto;
  --pat-element-height: auto;
}
.application-body.application-messages .pat-element {
  position: absolute;
  top: var(--sidebar-margin-top);
  right: var(--sidebar-margin-left);
  bottom: var(--sidebar-margin-bottom);
  left: var(--sidebar-margin-left);
}
.application-body.application-messages {
  --app-colour: var(--app-colour-messages, #4267B2);
}
.application-body.application-messages #kik-chat-header .toolbar-section.navigation {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.application-body.application-messages .kik-native-chat:has(#kik-chat-placeholder) #kik-chat-header {
  display: none;
}
.application-body.application-messages .kik-chat-composer[hidden] {
  display: none;
}
.application-body.application-messages #kik-chat-header .pat-avatar.icon {
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 50%;
}
.application-body.application-messages #kik-chat-header .pat-avatar.icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.application-body.application-messages #kik-chat-header .pat-avatar.icon,
.application-body.application-messages .kik-msg .pat-avatar.icon,
.application-body.application-messages .messages-room-list .pat-avatar.icon {
  background-color: var(--app-colour, #5b7fb8);
}
.application-body.application-messages .pat-avatar.kik-has-avatar::before {
  display: none;
}
.application-body.application-messages .messages-room-list .pat-avatar.icon {
  width: 50px;
  height: 50px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 50%;
  transform: scale(0.85);
}
.application-body.application-messages .messages-room-list .pat-avatar.icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.application-body.application-messages .kik-chat-header-title {
  font-weight: 600;
}
.application-body.application-messages #kik-chat-call {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.application-body.application-messages #kik-chat-call::before {
  margin: 0;
  transform: translateY(-1px);
}
.application-body.application-messages .kik-lightbox {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4vmin;
  background: rgba(0, 0, 0, 0.82);
  cursor: zoom-out;
  animation: kik-fade-in 0.18s ease;
}
.application-body.application-messages .kik-lightbox img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 0.4rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}
.application-body.application-messages .kik-chat-timeline {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 50px 0 110px;
}
.application-body.application-messages .application-body.application-messages .kik-chat-timeline {
  gap: 0.6rem;
}
.application-body.application-messages .kik-load-more {
  align-self: center;
  opacity: 0.7;
  margin-bottom: 30px;
}
.application-body.application-messages .kik-chat-placeholder {
  margin: auto;
  opacity: 0.7;
}
.application-body.application-messages .kik-history-banner {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  background: white;
  border-bottom: none;
  border-radius: var(--border-radii);
  box-shadow: var(--default-box-shadow);
  margin-bottom: 30px;
  padding: 1.2rem;
}
.application-body.application-messages .kik-history-note {
  font-size: 0.85rem;
}
.application-body.application-messages .kik-history-note.kik-history-error {
  color: var(--colour-danger, #c0392b);
}
.application-body.application-messages .kik-history-form {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  align-items: center;
}
.application-body.application-messages .kik-history-key {
  flex: 1 1 14rem;
  box-sizing: border-box;
  padding: 0.4rem 0.6rem;
  border: 1px solid var(--gray-300, #ced4da);
  border-radius: 0.4rem;
  font: inherit;
}
.application-body.application-messages .kik-sas-row {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: 0.5rem;
}
.application-body.application-messages .kik-sas-emojis {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.application-body.application-messages .kik-sas-emoji {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 4.5rem;
}
.application-body.application-messages .kik-sas-glyph {
  font-size: 1.8rem;
  line-height: 1.2;
}
.application-body.application-messages .kik-sas-name {
  font-size: 0.7rem;
  opacity: 0.75;
  text-align: center;
}
.application-body.application-messages .kik-sas-buttons {
  display: flex;
  gap: 0.4rem;
}
.application-body.application-messages .kik-msg {
  display: flex;
  gap: 0.5rem;
  align-items: flex-end;
  max-width: 80%;
}
.application-body.application-messages .kik-msg .pat-avatar.icon {
  width: 1.75rem;
  height: 1.75rem;
  flex: 0 0 auto;
}
.application-body.application-messages .kik-msg-bubble {
  min-width: 0;
  padding: 0.4rem 0.7rem;
  border-radius: 0.9rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.18);
  position: relative;
}
.application-body.application-messages .kik-msg.is-mine {
  margin-left: auto;
  flex-direction: row-reverse;
}
.application-body.application-messages .kik-msg.is-mine .kik-msg-bubble {
  background: #fff;
  color: inherit;
}
.application-body.application-messages .kik-msg.is-mine .kik-msg-bubble a {
  color: inherit;
  text-decoration: underline;
}
.application-body.application-messages .kik-msg-author {
  display: block;
  font-size: 0.72rem;
  font-weight: 600;
  opacity: 0.8;
}
.application-body.application-messages .kik-msg.is-mine .kik-msg-author {
  display: none;
}
.application-body.application-messages .kik-msg-body {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.application-body.application-messages .kik-msg-translation {
  margin-top: 0.28rem;
  padding-top: 0.28rem;
  border-top: 1px solid rgba(128, 128, 128, 0.28);
  font-size: 0.86em;
  opacity: 0.78;
}
.application-body.application-messages .kik-msg-foot {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.15rem;
}
.application-body.application-messages .kik-msg-time {
  font-size: 0.65rem;
  opacity: 0.6;
  margin-left: auto;
}
.application-body.application-messages .kik-msg-status {
  font-size: 0.65rem;
  opacity: 0.55;
}
.application-body.application-messages .kik-msg-status.is-failed {
  color: #c0392b;
  opacity: 0.95;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.application-body.application-messages .kik-msg-retry {
  font: inherit;
  font-size: 0.65rem;
  color: inherit;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: underline;
  cursor: default;
}
.application-body.application-messages .kik-msg-retry:disabled {
  opacity: 0.5;
  text-decoration: none;
}
.application-body.application-messages .kik-msg-reactions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
}
.application-body.application-messages .kik-reaction {
  display: inline-flex;
  align-items: center;
  gap: 0.12rem;
  padding: 0 0.35rem;
  height: 1.15rem;
  border-radius: 0.9rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: rgba(255, 255, 255, 0.75);
  font-size: 0.78rem;
  line-height: 1;
  cursor: default;
}
.application-body.application-messages .kik-reaction.is-mine {
  border-color: var(--app-colour, #3a6ea5);
  background: color-mix(in srgb, var(--app-colour) 18%, #fff);
}
.application-body.application-messages .kik-reaction-count {
  font-size: 0.66rem;
  opacity: 0.75;
}
.application-body.application-messages .kik-msg-utd {
  opacity: 0.65;
}
.application-body.application-messages .kik-msg-attach::before {
  margin-right: 0.3rem;
}
.application-body.application-messages .kik-msg-image {
  display: block;
  margin: 0.25rem 0 0;
}
.application-body.application-messages .kik-msg-image a {
  display: block;
}
.application-body.application-messages .kik-msg-image img {
  display: block;
  max-width: 100%;
  max-height: 340px;
  width: auto;
  height: auto;
  border-radius: 0.6rem;
  cursor: zoom-in;
}
.application-body.application-messages .kik-msg-video {
  display: block;
  margin: 0.25rem 0 0;
}
.application-body.application-messages .kik-msg-video video {
  display: block;
  max-width: 100%;
  max-height: 340px;
  width: auto;
  height: auto;
  border-radius: 0.6rem;
  background: #000;
}
.application-body.application-messages .kik-msg-linkvideo {
  display: block;
  margin: 0.35rem 0 0;
  max-width: 100%;
  max-height: 340px;
  width: auto;
  height: auto;
  border-radius: 0.6rem;
  background: #000;
}
.application-body.application-messages .kik-msg-youtube {
  position: relative;
  display: block;
  margin: 0.35rem 0 0;
  width: 100%;
  max-width: 420px;
  aspect-ratio: 16 / 9;
  border-radius: 0.6rem;
  overflow: hidden;
  background: #000;
}
.application-body.application-messages .kik-msg-youtube .kik-yt-facade,
.application-body.application-messages .kik-msg-youtube .kik-yt-iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
}
.application-body.application-messages .kik-msg-youtube .kik-yt-facade {
  background: #000;
  cursor: pointer;
}
.application-body.application-messages .kik-msg-youtube .kik-yt-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.application-body.application-messages .kik-msg-youtube .kik-yt-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
}
.application-body.application-messages .kik-msg-youtube .kik-yt-play::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 0.55rem 0 0.55rem 0.9rem;
  border-color: transparent transparent transparent #fff;
}
.application-body.application-messages .kik-msg-actions {
  position: static;
}
.application-body.application-messages .kik-msg-more {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: var(--body-font-colour, #333);
  box-shadow: var(--default-box-shadow);
  cursor: default;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.application-body.application-messages .kik-msg-more:hover {
  color: var(--pat-button-text-colour-hover);
  background-color: var(--pat-button-background-colour-hover);
  box-shadow: var(--pat-button-box-shadow-hover);
}
.application-body.application-messages .kik-msg-more:focus {
  background-color: var(--colour-accent);
  color: white;
}
.application-body.application-messages .kik-msg:hover .kik-msg-more,
.application-body.application-messages .kik-msg-actions:focus-within .kik-msg-more,
.application-body.application-messages .kik-msg-actions:has(.kik-msg-menu:not([hidden])) .kik-msg-more {
  opacity: 1;
}
@media (hover: none) {
.application-body.application-messages .kik-msg .kik-msg-more {
  display: none;
}
}
@media (hover: none) {
.application-body.application-messages .kik-msg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
}
@media (hover: none) {
.application-body.application-messages .kik-msg-menu li > button:hover {
  background: none;
}
}
@media (hover: none) {
.application-body.application-messages .kik-msg-body a {
  text-decoration: underline;
}
}
@media (hover: none) {
.application-body.application-messages .kik-msg-image-link,
.application-body.application-messages .kik-msg-image-link img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
}
.application-body.application-messages .kik-msg-menu {
  position: absolute;
  top: calc(100% + 10px);
  margin: 0;
  min-width: 12rem;
  z-index: 5;
  list-style: none;
  padding: var(--pat-tooltip-padding);
  background: var(--tooltip-background-colour, #fff);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: var(--tooltip-border-radii, 8px);
  box-shadow: var(--default-box-shadow, 0 6px 20px rgba(0, 0, 0, 0.18));
}
.application-body.application-messages .kik-msg.is-mine .kik-msg-menu {
  right: 0;
  left: auto;
}
.application-body.application-messages .kik-msg:not(.is-mine) .kik-msg-menu {
  left: 0;
  right: auto;
}
.application-body.application-messages .kik-msg-menu li {
  list-style: none;
  margin: 0;
}
.application-body.application-messages .kik-react-li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.application-body.application-messages .kik-react-picker {
  display: grid;
  grid-template-columns: repeat(8, 2rem);
  justify-content: center;
  gap: 0.1rem;
  padding: 0.2rem 0.15rem 0.4rem;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.application-body.application-messages .kik-react-emoji {
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  background: none;
  border-radius: 50%;
  font-size: 1.2rem;
  line-height: 1;
  cursor: default;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.application-body.application-messages .kik-react-emoji:hover {
  background: rgba(0, 0, 0, 0.08);
}
.application-body.application-messages .kik-react-more {
  font-size: 0.85rem;
  color: var(--body-font-colour, #333);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
}
.application-body.application-messages .kik-react-more::before {
  margin: 0;
}
.application-body.application-messages .kik-emoji-cat {
  position: fixed;
  inset: 0;
  z-index: 2100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5vmin;
  background: rgba(0, 0, 0, 0.45);
  animation: kik-fade-in 0.15s ease;
}
.application-body.application-messages .kik-emoji-cat-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 24rem;
  max-height: 70vh;
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}
.application-body.application-messages .kik-emoji-cat-search {
  flex: 0 0 auto;
  padding: 0.6rem 0.6rem 0.4rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.application-body.application-messages .kik-emoji-cat-search-input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.45rem 0.7rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.6rem;
  background: rgba(0, 0, 0, 0.04);
  font: inherit;
  font-size: 0.95rem;
  color: var(--body-font-colour, #333);
}
.application-body.application-messages .kik-emoji-cat-search-input:focus {
  outline: none;
  border-color: var(--app-colour, #5b7fb8);
  background: #fff;
}
.application-body.application-messages .kik-emoji-cat-scroll {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 0.6rem 0.6rem;
}
.application-body.application-messages .kik-emoji-cat-empty {
  padding: 2rem 0.6rem;
  text-align: center;
  color: var(--muted-font-colour, #888);
  font-size: 0.9rem;
}
.application-body.application-messages .kik-emoji-cat-head {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 0.55rem 0.2rem 0.3rem;
  background: #fff;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--muted-font-colour, #888);
}
.application-body.application-messages .kik-emoji-cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(2.4rem, 1fr));
  gap: 0.1rem;
}
.application-body.application-messages .kik-emoji-cat-item {
  height: 2.4rem;
  padding: 0;
  border: none;
  background: none;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
  cursor: default;
}
.application-body.application-messages .kik-emoji-cat-item:hover {
  background: rgba(0, 0, 0, 0.08);
}
@keyframes kik-fade-in {
 from { opacity: 0; } to { opacity: 1; } }
.application-body.application-messages .kik-fade-in {
  animation: kik-fade-in 0.28s ease;
}
.application-body.application-messages .kik-toast {
  position: fixed;
  left: 50%;
  bottom: 90px;
  transform: translate(-50%, 12px);
  z-index: 1100;
  max-width: 90vw;
  padding: 0.6rem 1.1rem;
  border-radius: 999px;
  background: var(--app-colour, #2b6cb0);
  color: #fff;
  font-size: 0.85rem;
  box-shadow: var(--default-box-shadow);
  opacity: 0;
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
}
.application-body.application-messages .kik-toast.is-shown {
  opacity: 1;
  transform: translate(-50%, 0);
}
.application-body.application-messages .kik-toast.is-error {
  background: var(--colour-error, #d24b3e);
}
.application-body.application-messages .kik-new-tabs {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.application-body.application-messages .kik-new-tab {
  flex: 0 0 auto;
  opacity: 0.55;
}
.application-body.application-messages .kik-new-tab.active {
  opacity: 1;
  font-weight: 600;
}
.application-body.application-messages .kik-new-hint {
  margin: 0 0 0.9rem;
}
.application-body.application-messages .kik-new-picker {
  margin-bottom: 1rem;
}
.application-body.application-messages .kik-new-picker .kik-new-suggest {
  display: block;
}
.application-body.application-messages .kik-new-quick-label {
  margin: 0.75rem 0 0.25rem;
  opacity: 0.7;
}
.application-body.application-messages .application-body.application-messages .kik-chat-composer,
.application-body.application-messages .kik-chat-composer {
  position: sticky;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: end;
  gap: 0.4rem;
  padding: 0.5rem 0.75rem;
  color: var(--pat-toolbar-button-text-colour);
  background: var(--pat-toolbar-button-background-colour);
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
  border-radius: 32px;
  box-shadow: var(--pat-toolbar-box-shadow);
  --composer-control-size: 2.6rem;
  transition: margin 0.18s ease-out, border-radius 0.18s ease-out, padding 0.18s ease-out;
}
@container screen style(--screen-small: true) {
.application-body.application-messages .kik-chat-composer {
  bottom: 0;
  margin: 0;
  border-radius: 0;
  padding-bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px));
}
}
@container screen style(--screen-small: true) {
.application-body.application-messages .kik-chat-composer:focus-within {
  bottom: 15px;
  margin: 0 15px 15px;
  border-radius: 32px;
  padding-bottom: 0.5rem;
}
}
.application-body.application-messages .kik-chat-composer-row {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 0.4rem;
}
.application-body.application-messages .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;
}
.application-body.application-messages .kik-composer-plus,
.application-body.application-messages .kik-chat-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;
}
.application-body.application-messages .kik-composer-plus::before,
.application-body.application-messages .kik-chat-composer .pat-button::before {
  margin: 0;
}
.application-body.application-messages .kik-composer-plus {
  background: transparent;
  color: var(--body-font-colour, inherit);
  text-decoration: none;
  cursor: default;
}
.application-body.application-messages .kik-composer-plus:hover {
  background: var(--gray-100, #f1f3f5);
}
.application-body.application-messages #kik-chat-send {
  position: absolute;
  right: 1px;
  bottom: 1px;
  transform: scale(0.75);
  transform-origin: center;
}
.application-body.application-messages .kik-chat-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;
}
.application-body.application-messages .pat-link-list.messages-room-list li a {
  border-radius: var(--border-radii);
  padding: 4px;
}
.application-body.application-messages .messages-room-list .kik-room-link.current {
  background: rgba(0, 0, 0, 0.09);
  cursor: default;
}
.application-body.application-messages .messages-room-list .kik-room-link.current:hover .item-title,
.application-body.application-messages .messages-room-list .kik-room-link.current:hover .title-text {
  text-decoration: none !important;
}
.application-body.application-messages .messages-room-list .kik-room-link.is-encrypted .title-text::after {
  content: "\1F512";
  margin-left: 0.3rem;
  font-size: 0.7em;
  opacity: 0.45;
}
.application-body.application-messages .messages-room-list .kik-room-link.is-muted {
  opacity: 0.6;
}
@container screen style(--screen-small: true) {
.application-body.application-messages .pat-link-list.messages-room-list li a {
  padding: 0;
}
}
@container screen style(--screen-small: true) {
.application-body.application-messages .messages-room-list .kik-room-link.current {
  background: none;
}
}
.application-body.application-messages .messages-room-list .kik-room-link {
  position: relative;
  grid-template-columns: 44px 1fr;
}
.application-body.application-messages .messages-room-list .kik-room-link .counter[data-kik-unread]:not([hidden]) {
  position: absolute;
  inset-inline-end: 4px;
  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: 17px;
  font-weight: bold;
  color: white;
  background-color: red;
  border: white 1px solid;
  border-radius: 10px;
  z-index: 1;
}
.application-body.application-messages .messages-room-list .kik-room-link:has(.counter[data-kik-unread]:not([hidden])) {
  padding-inline-end: 30px;
}
@container main (min-width: calc(769px)) {
.application-body.application-messages .toggle-sidebar,
.application-body.application-messages aside.sidebar.left::after {
  bottom: 100px;
}
}
.application-body.application-messages .kik-bridge-banner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0.5rem;
  flex-wrap: wrap;
}
.application-body.application-messages .kik-bridge-banner-text {
  flex: 1 1 12rem;
}
.application-body.application-messages .kik-bridge-banner-text span {
  display: block;
}
.application-body.application-messages .kik-bridge-reconnect {
  flex: 0 0 auto;
}
.application-body.application-messages .activity-stream {
  max-width: var(--break-small);
}
.application-body.application-messages #post-box-streams {
  margin: 0 auto 20px;
  max-width: 570px;
}
.application-body.application-monitor {
  --app-colour: var(--app-colour-monitor, #0E9C8A);
  --mon-ok: #1F9D74;
  --mon-warn: #E08A1E;
  --mon-down: #E5484D;
  --mon-unknown: #9AA0A6;
  --mon-off: #B6BCC4;
  --mon-card-radius: 14px;
  --mon-gap: 14px;
}
.application-body.application-monitor .mon-dashboard {
  padding: 20px 24px 60px;
  max-width: 1400px;
  margin: 0 auto;
}
.application-body.application-monitor .mon-overall {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  border-radius: var(--mon-card-radius);
  border: 1px solid var(--colour-separation-lines, #dbdbdb);
  background: #fff;
  margin-bottom: 22px;
}
.application-body.application-monitor .mon-overall .mon-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  flex: 0 0 auto;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--mon-overall-colour, var(--mon-ok)) 22%, transparent);
  background: var(--mon-overall-colour, var(--mon-ok));
}
.application-body.application-monitor .mon-overall .mon-glyph {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  color: var(--mon-overall-colour, var(--mon-ok));
}
.application-body.application-monitor .mon-overall-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.application-body.application-monitor .mon-overall-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: #1a1a1a;
}
.application-body.application-monitor .mon-overall-sub {
  font-size: 0.85rem;
  color: var(--colour-byline, #666);
}
.application-body.application-monitor .mon-overall .mon-spacer {
  flex: 1 1 auto;
}
.application-body.application-monitor .mon-updated {
  font-size: 0.8rem;
  color: var(--colour-byline, #666);
  white-space: nowrap;
}
.application-body.application-monitor .mon-overall.is-ok {
  --mon-overall-colour: var(--mon-ok);
}
.application-body.application-monitor .mon-overall.is-warn {
  --mon-overall-colour: var(--mon-warn);
}
.application-body.application-monitor .mon-overall.is-down {
  --mon-overall-colour: var(--mon-down);
}
.application-body.application-monitor .mon-overall.is-unknown {
  --mon-overall-colour: var(--mon-unknown);
}
.application-body.application-monitor .mon-refresh {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid var(--colour-separation-lines, #dbdbdb);
  background: #fff;
  color: #333;
  font-size: 0.85rem;
  cursor: default;
  transition: background var(--base-animation-duration, 0.2s) ease;
}
.application-body.application-monitor .mon-refresh:hover {
  background: #f4f6f7;
}
.application-body.application-monitor .mon-refresh .mon-refresh-icon {
  width: 15px;
  height: 15px;
}
.application-body.application-monitor .mon-dashboard.is-refreshing .mon-refresh-icon {
  animation: mon-spin 0.9s linear infinite;
}
@keyframes mon-spin {
 to { transform: rotate(360deg); } }
.application-body.application-monitor .mon-graphs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--mon-gap);
  margin-bottom: 26px;
}
.application-body.application-monitor .mon-graph-card {
  border: 1px solid var(--colour-separation-lines, #dbdbdb);
  border-radius: var(--mon-card-radius);
  background: #fff;
  padding: 16px 18px 10px;
}
.application-body.application-monitor .mon-graph-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 6px;
}
.application-body.application-monitor .mon-graph-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: #333;
}
.application-body.application-monitor .mon-graph-value {
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--app-colour);
  font-variant-numeric: tabular-nums;
}
.application-body.application-monitor .mon-graph-value .mon-unit {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--colour-byline, #666);
  margin-left: 2px;
}
.application-body.application-monitor .mon-graph svg {
  display: block;
  width: 100%;
  height: 96px;
  overflow: visible;
}
.application-body.application-monitor .mon-graph .mon-grid-line {
  stroke: #eceff1;
  stroke-width: 1;
}
.application-body.application-monitor .mon-graph .mon-area {
  fill: color-mix(in srgb, var(--app-colour) 12%, transparent);
}
.application-body.application-monitor .mon-graph .mon-line {
  fill: none;
  stroke: var(--app-colour);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.application-body.application-monitor .mon-graph .mon-line.mon-line-tx {
  stroke: #C77DFF;
}
.application-body.application-monitor .mon-graph .mon-area.mon-area-tx {
  fill: color-mix(in srgb, #C77DFF 12%, transparent);
}
.application-body.application-monitor .mon-graph-legend {
  display: flex;
  gap: 14px;
  font-size: 0.72rem;
  color: var(--colour-byline, #666);
  margin-top: 4px;
}
.application-body.application-monitor .mon-graph-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.application-body.application-monitor .mon-graph-legend i {
  width: 10px;
  height: 3px;
  border-radius: 2px;
  display: inline-block;
}
.application-body.application-monitor .mon-graph-empty {
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--colour-byline, #666);
  font-size: 0.82rem;
}
.application-body.application-monitor .mon-section {
  margin-bottom: 24px;
}
.application-body.application-monitor .mon-section-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 2px 10px;
}
.application-body.application-monitor .mon-section-title {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--colour-byline, #666);
}
.application-body.application-monitor .mon-section-count {
  font-size: 0.72rem;
  color: var(--colour-byline, #888);
  background: #f1f3f4;
  border-radius: 999px;
  padding: 1px 8px;
}
.application-body.application-monitor .mon-section-count.has-issues {
  color: #fff;
  background: var(--mon-down);
}
.application-body.application-monitor .mon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
  gap: var(--mon-gap);
}
.application-body.application-monitor .mon-card {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 13px 15px;
  border: 1px solid var(--colour-separation-lines, #dbdbdb);
  border-radius: var(--mon-card-radius);
  background: #fff;
  border-left: 3px solid var(--mon-card-colour, var(--mon-unknown));
}
.application-body.application-monitor .mon-card .mon-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  margin-top: 3px;
  flex: 0 0 auto;
  background: var(--mon-card-colour, var(--mon-unknown));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mon-card-colour, var(--mon-unknown)) 20%, transparent);
}
.application-body.application-monitor .mon-card .mon-glyph {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  flex: 0 0 auto;
  color: var(--mon-card-colour, var(--mon-unknown));
}
.application-body.application-monitor .mon-card.status-down,
.application-body.application-monitor .mon-card.status-warn {
  border-left-width: 5px;
  background: color-mix(in srgb, var(--mon-card-colour) 5%, #fff);
}
.application-body.application-monitor .mon-pill-glyph {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  vertical-align: -2px;
  margin-right: 4px;
}
.application-body.application-monitor .mon-section-count.has-issues {
  display: inline-flex;
  align-items: center;
}
.application-body.application-monitor .mon-card-body {
  min-width: 0;
  flex: 1 1 auto;
}
.application-body.application-monitor .mon-card-label {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1f1f1f;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  hyphens: none;
}
.application-body.application-monitor .mon-card-detail {
  font-size: 0.78rem;
  color: var(--colour-byline, #666);
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  hyphens: none;
}
.application-body.application-monitor .mon-card-metric {
  font-size: 1.05rem;
  font-weight: 600;
  color: #1f1f1f;
  margin-top: 4px;
  font-variant-numeric: tabular-nums;
}
.application-body.application-monitor .mon-card-bar {
  height: 5px;
  border-radius: 3px;
  background: #eceff1;
  margin-top: 7px;
  overflow: hidden;
}
.application-body.application-monitor .mon-card-bar > i {
  display: block;
  height: 100%;
  border-radius: 3px;
  background: var(--mon-card-colour, var(--mon-ok));
  width: var(--mon-bar-pct, 0%);
}
.application-body.application-monitor .mon-card.status-ok {
  --mon-card-colour: var(--mon-ok);
}
.application-body.application-monitor .mon-card.status-warn {
  --mon-card-colour: var(--mon-warn);
}
.application-body.application-monitor .mon-card.status-down {
  --mon-card-colour: var(--mon-down);
}
.application-body.application-monitor .mon-card.status-unknown {
  --mon-card-colour: var(--mon-unknown);
}
.application-body.application-monitor .mon-card.status-off {
  --mon-card-colour: var(--mon-off);
}
.application-body.application-monitor .mon-card.status-off .mon-card-label {
  color: #6b7075;
}
.application-body.application-monitor .mon-empty {
  padding: 40px 20px;
  text-align: center;
  color: var(--colour-byline, #666);
  border: 1px dashed var(--colour-separation-lines, #dbdbdb);
  border-radius: var(--mon-card-radius);
  background: #fff;
}
@media (max-width: 680px) {
.application-body.application-monitor .mon-dashboard {
  padding: 14px 14px 48px;
}
}
@media (max-width: 680px) {
.application-body.application-monitor .mon-grid {
  grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 680px) {
.application-body.application-monitor .mon-graphs {
  grid-template-columns: 1fr;
}
}
@media (max-width: 680px) {
.application-body.application-monitor .mon-overall {
  flex-wrap: wrap;
}
}
@media (max-width: 680px) {
.application-body.application-monitor .mon-overall .mon-updated {
  width: 100%;
}
}
@media (max-width: 460px) {
.application-body.application-monitor .mon-grid {
  grid-template-columns: 1fr;
}
}
.application-body.application-news {
  --app-colour: var(--app-colour-news, #F26522);
}
.application-body.application-news .quaive-document.type-article {
  --quaive-document-max-width: 700px;
  --article-padding-left: 0;
  --article-padding-right: 0;
}
.application-body.application-news .news-feed-letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--page-head-icon-size);
  height: var(--page-head-icon-size);
  margin: var(--page-head-icon-margin-top, 12px) 15px 0 0;
  flex: 0 0 auto;
  border-radius: var(--app-icon-border-radius, var(--border-radii, 12px));
  background: var(--app-colour);
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  overflow: hidden;
}
.application-body.application-news .news-entry-original {
  margin-top: 2rem;
}
.application-body.application-news .news-nav.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.application-body.application-news .menu .item a img.icon,
.application-body.application-news .menu .item label img.icon {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  object-fit: contain;
  vertical-align: middle;
  margin-right: 0.5em;
  border-radius: calc(var(--border-radii-medium) - var(--pat-menu-list-item-padding-top-bottom));
}
.application-body.application-news .menu .item a .feed-letter,
.application-body.application-news .menu .item label .feed-letter {
  width: 1.6em;
  height: 1.6em;
  margin-right: 0.5em;
  font-size: 0.72em;
  border-radius: calc(var(--border-radii-medium) - var(--pat-menu-list-item-padding-top-bottom));
}
.application-body.application-news .menu .item a.news-feed-link::before {
  content: none;
}
.application-body.application-news .news-onboarding-intro {
  margin-bottom: 1rem;
}
.application-body.application-news .news-onboarding-list {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
}
.application-body.application-news .news-onboarding-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0;
}
.application-body.application-news .news-well-empty {
  padding: 0.5rem 0.75rem;
  font-size: 0.9em;
}
.application-body.application-news .news-catalogue-head {
  margin-bottom: 1.5rem;
}
.application-body.application-news .news-catalogue-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  align-items: stretch;
  gap: 1rem;
  margin: 0 0 2rem;
}
@supports (display: grid-lanes) {
.application-body.application-news .news-catalogue-grid {
  display: grid-lanes;
  align-items: start;
}
}
@supports (display: grid-lanes) {
.application-body.application-news .news-catalogue-card,
.application-body.application-news .news-catalogue-card .news-catalogue-card-button {
  height: auto;
}
}
.application-body.application-news .news-catalogue-card {
  margin: 0;
  height: 100%;
}
.application-body.application-news .news-catalogue-card-button {
  position: relative;
  height: 100%;
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  width: 100%;
  text-align: start;
  padding: 1rem 1.1rem;
  border: 2px solid var(--line-colour, #e4e4e7);
  border-radius: 12px;
  background: var(--panel-bg, #fff);
  color: var(--body-font-colour, #1a1a1a);
  cursor: default;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.application-body.application-news .news-catalogue-card-button:hover {
  border-color: var(--app-colour);
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.08);
}
.application-body.application-news .news-catalogue-card.selected .news-catalogue-card-button {
  border-color: var(--app-colour);
  box-shadow: 0 0 0 1px var(--app-colour);
  background: color-mix(in srgb, var(--app-colour) 8%, var(--panel-bg, #fff));
}
.application-body.application-news .news-catalogue-card-icon {
  flex: 0 0 auto;
}
.application-body.application-news .news-catalogue-card-icon img.icon,
.application-body.application-news .news-catalogue-card-icon .news-catalogue-card-letter {
  width: 42px;
  height: 42px;
  border-radius: 9px;
  object-fit: contain;
}
.application-body.application-news .news-catalogue-card-icon .news-catalogue-card-letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--app-colour);
  color: #fff;
  font-size: 1.15rem;
  font-weight: 600;
  text-transform: uppercase;
}
.application-body.application-news .news-catalogue-card-text {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}
.application-body.application-news .news-catalogue-card-name {
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.application-body.application-news .news-catalogue-card-desc {
  font-size: 0.85em;
  color: var(--muted-colour, #767676);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.application-body.application-news .news-catalogue-card-tick {
  position: absolute;
  top: 0.5rem;
  inset-inline-end: 0.5rem;
  color: var(--app-colour);
  opacity: 0;
  transition: opacity 0.15s ease;
}
.application-body.application-news .news-catalogue-card.selected .news-catalogue-card-tick {
  opacity: 1;
}
.application-body.application-news:has(#news-edit-form) {
  --application-body-background-colour: white;
}
.application-body.application-news .news-magazine {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.application-body.application-news .newsletter-edit,
.application-body.application-news .periodical-edit {
  padding: 60px 6%;
}
.application-body.application-news .newsletter-edit .canvas-toolbar,
.application-body.application-news .periodical-edit .canvas-toolbar,
.application-body.application-news .mailing-list-edit .canvas-toolbar {
  top: 20px;
}
.application-body.application-news .form-panel {
  margin-bottom: 20px;
}
.application-body.application-news .form-panel #news-edit-image-gallery-panel-content {
  @include injection;
}
.application-body.application-news .form-panel .button-bar {
  padding: 0;
  margin-bottom: -10px;
}
.application-body.application-news .form-panel .pat-message {
  margin-top: 0;
}
.application-body.application-news .form-panel + .form-panel {
  margin-top: -20px;
}
.application-body.application-news .form-panel.summary-hero fieldset.row {
  margin: 0 -var(--grid-gutter);
}
.application-body.application-news .form-panel.summary-hero .image-uploader:after {
  opacity: 0.5;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.application-body.application-news .form-panel.summary-hero textarea,
.application-body.application-news .form-panel.summary-hero .image-uploader {
  height: 150px;
  margin: 0;
}
.application-body.application-news .form-panel.summary-hero textarea .upload-button,
.application-body.application-news .form-panel.summary-hero .image-uploader .upload-button {
  top: 7rem;
  font-size: 0.9em;
}
.application-body.application-news .form-panel.summary-hero textarea {
  width: 100%;
  color: var(--body-font-colour);
  font-size: 1.2em;
  border-radius: 0;
}
.application-body.application-news .form-panel + .pat-well {
  margin-bottom: 40px;
}
@include screen-size(medium-large) {

            --pat-container-padding: var(--quaive-document-padding-left);
            --pat-container-padding-small: var(--small-screen-padding);
        }
.application-body.application-news .news-article {
  padding-top: 50px;
  padding-bottom: 3em;
}
@include screen-size(large) {

                margin-left: 2px;
                margin-right: 2px;
            }
.application-body.application-news .news-article #comments-document-comments {
  border-radius: var(--border-radii);
  background: rgba(0, 0, 0, 0.06);
}
.application-body.application-notes {
  --app-colour: var(--app-colour-notes, #B8860B);
}
.application-body.application-notes #app-content-notes.injecting * {
  display: none;
}
.application-body.application-notes .repo-name.repo-private-lock::before {
  content: none;
}
.application-body.application-notes .repo-name.repo-private-lock::after {
  content: var(--glyph-lock);
  font-family: fontello;
  margin-inline-start: 0.35em;
  font-size: 0.85em;
  opacity: 0.6;
}
.application-body.application-notes .github-wiki-pages th {
  width: auto;
}
.application-body.application-notifications {
  --app-colour: var(--app-colour-notifications, #6e6862);
}
.application-body.application-office {
  --app-colour: var(--app-colour-office, #1668b8);
}
.application-body.application-password .document-body {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.application-body.application-password .document-body .document-content {
  width: 100%;
  max-width: var(--break-small);
}
.application-body.application-password {
  --app-colour: var(--app-colour-password, #696969);
}
.application-body.application-password .document-body {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.application-body.application-password .document-body .document-content {
  width: 100%;
  max-width: var(--break-small);
}
.application-body.application-polls {
  --app-colour: var(--app-colour-polls, #208840);
}
.application-body.application-polls .document-content.polls-overview {
  background: var(--colour-base);
}
.application-body.application-polls .document-content #poll-list {
  max-width: 800px;
  margin: 50px auto;
}
.application-body.application-polls .document-content #main-content {
  position: relative;
  z-index: 1;
}
@include screen-size(small-medium) {

    			padding: 0;
    		}
.application-body.application-polls .document-content fieldset.compensation input {
  width: 130px;
}
.application-body.application-polls .document-content fieldset.working-hours input {
  width: 80px;
}
.application-body.application-polls .document-content .canvas-toolbar {
  margin-bottom: 45px;
  z-index: 2;
}
.application-body.application-polls .document-content .canvas-toolbar .canvas-toolbar-section {
  width: 25%;
}
.application-body.application-polls .document-content .canvas-toolbar .canvas-toolbar-section.quick-navigation {
  width: 50%;
}
@container screen style(--screen-small: true) {
.application-body.application-polls .document-content .canvas-toolbar .canvas-toolbar-section.quick-navigation {
  width: auto;
}
}
@container screen style(--screen-small: true) {
.application-body.application-polls .document-content .canvas-toolbar .canvas-toolbar-section.view-options {
  width: auto;
  float: left;
}
}
.application-body.application-polls .document-content .canvas-toolbar .canvas-toolbar-section.navigation {
  width: 50%;
}
@container screen style(--screen-small: true) {
.application-body.application-polls .document-content .canvas-toolbar .canvas-toolbar-section.navigation {
  display: none;
}
}
.application-body.application-polls .document-content .canvas-toolbar#toolbar-poll-edit .canvas-toolbar-section.quick-functions {
  width: 100%;
}
.application-body.application-polls .document-content .canvas-toolbar#toolbar-poll-view .canvas-toolbar-section.quick-functions {
  width: 50%;
}
.application-body.application-polls .document-content .poll-card-full {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  display: block;
  z-index: 1;
}
@include screen-size(medium-large) {

    			padding-top: 30px;
    		}
@include screen-size(medium-large) {

    				font-size: 130%;
    				line-height: 1.5;
    			}
.application-body.application-polls .document-content .poll-card-full .poll-card-full-title {
  font-weight: bold;
  font-size: 50px;
}
@container screen style(--screen-small: true) {
.application-body.application-polls .document-content .poll-card-full .poll-card-full-title {
  font-size: 30px;
}
}
.application-body.application-polls .document-content .poll-card-full .bar-graphs {
  margin-bottom: 80px;
}
.application-body.application-polls .document-content .poll-card-full .pat-message {
  margin-bottom: 80px;
}
.application-body.application-polls .document-content .poll-card-full .poll-card-full-description {
  font-size: 1.5em;
  line-height: 1.4;
  font-weight: thin;
  margin-bottom: 40px;
}
@container screen style(--screen-small: true) {
.application-body.application-polls .document-content .poll-card-full .poll-card-full-description {
  font-size: 1.2em;
}
}
.application-body.application-preferences {
  --app-colour: var(--app-colour-preferences, dimgray);
}
.application-body.application-preferences #fieldset-language .pat-checklist {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9em, 1fr));
}
.application-body.application-present {
  --app-colour: var(--app-colour-present, #C43E1C);
}
.application-body.application-present #app-content-present.injecting * {
  display: none;
}
.application-body.application-profile {
  --app-colour: var(--app-colour-profile, #6e6862);
}
.application-body.application-profile {
  overflow: auto;
}
.application-body.application-profile .document-body {
  height: 100%;
}
.application-body.application-publisher {
  --app-colour: var(--app-colour-publisher, #1668b8);
}
.application-body.application-publisher {
  overflow: hidden;
}
.application-body.application-publisher .document-content {
  background: var(--colour-base);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
@include screen-size(medium-large) {

            grid-template-columns: 1fr 1fr 1fr;
        }
.application-body.application-publisher .pat-button.status-up-to-date {
  color: var(--button-text-colour) !important;
  background: var(--colour-base-background);
  box-shadow: inset 0 0px 4px rgba(0,0,0,0.35);
  padding-left: 12px;
}
.application-body.application-publisher #value-list-content {
  color: white;
  background-color: var(--body-font-colour);
  font-family: monospace;
  width: 100%;
  border: none;
  padding: 20px;
  border-radius: var(--border-radii);
  max-width: 800px;
  margin: 0 auto;
  display: block;
  height: calc(100vh - 290px);
  overflow: auto;
}
.application-body.application-publisher #collections-publisher,
.application-body.application-publisher #value-lists-publisher {
  max-width: 800px;
  margin: 50px auto;
}
.application-body.application-publisher .pat-rich.sites-intro {
  margin-top: 5%;
  margin-bottom: 70px;
}
.application-body.application-registration {
  --app-colour: var(--app-colour-registration, #1a2030);
}
.application-body.application-reminders {
  --app-colour: var(--app-colour-reminders, Purple);
}
.application-body.application-reminders #app-content-reminders.injecting * {
  display: none;
}
.application-body.application-reminders .task-list .item-title {
  display: inline-flex;
  align-items: baseline;
  gap: 0.35em;
}
.application-body.application-reminders .task-list .counter {
  display: inline-block;
  margin-inline-start: 0.35em;
  padding: 0 0.5em;
  font-size: 0.72em;
  font-weight: 600;
  line-height: 1.7;
  border-radius: 1em;
  white-space: nowrap;
  color: color-mix(in srgb, var(--app-colour) 82%, black);
  background: color-mix(in srgb, var(--app-colour) 14%, transparent);
}
.application-body.application-reminders .task-list .item-title .counter {
  margin-inline-start: 0;
}
.application-body.application-reminders .task-list .label.state-doing:not(:has(.current)) .label-fragment-title,
.application-body.application-reminders .task-list .label.state-doing:not(:has(.current)) .item-title {
  color: var(--colour-in-progress-text);
}
.application-body.application-reminders .task-list .label.state-doing:has(.current) {
  --colour-accent: var(--colour-in-progress);
}
.application-body.application-sabra {
  --app-colour: var(--app-colour-sabra, #1E6F5C);
}
.application-body.application-sabra .sabra-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  gap: 1rem;
  padding: 1rem 0;
}
.application-body.application-sabra .sabra-card {
  cursor: default;
  aspect-ratio: 4 / 3;
  perspective: 1100px;
  transition: transform .15s ease;
}
@media (hover: hover) {
.application-body.application-sabra .sabra-card:hover {
  transform: translateY(-1px) translateZ(10px);
}
}
.application-body.application-sabra .sabra-flipper {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .32s cubic-bezier(.17, .67, .66, 1.66);
}
.application-body.application-sabra .sabra-flipper.show-back {
  transform: rotateY(180deg);
}
.application-body.application-sabra .sabra-flipper .front,
.application-body.application-sabra .sabra-flipper .back {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: .75rem;
  border-radius: .75rem;
  border: 1px solid var(--app-colour, #1E6F5C);
  background: #fff;
  opacity: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
  transition: box-shadow .15s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media (hover: hover) {
.application-body.application-sabra .sabra-card:hover .front,
.application-body.application-sabra .sabra-card:hover .back {
  box-shadow: 0 3px 8px rgba(0, 0, 0, .12);
}
}
.application-body.application-sabra .sabra-flipper .back {
  transform: rotateY(180deg);
}
.application-body.application-sabra .sabra-hebrew {
  font-size: 1.6em;
  margin: 0;
}
.application-body.application-sabra .sabra-translit {
  margin: .25em 0 0;
  opacity: .65;
  font-size: .85em;
}
.application-body.application-sabra .sabra-english {
  font-size: 1.3em;
  margin: 0;
}
.application-body.application-search {
  overflow: auto;
}
.application-body.application-search {
  --app-colour: var(--app-colour-search, dimgray);
}
.application-body.application-setup {
  --app-colour: var(--app-colour-setup, #4a6f95);
}
.application-body.application-setup {
  overflow: auto;
  background-color: var(--colour-base);
}
.application-body.application-setup .document-content {
  background: transparent;
}
.application-body.application-signup {
  --app-colour: var(--app-colour-signup, #5BA17F);
}
.application-body.application-slide-bank {
  --app-colour: var(--app-colour-slide-bank, #b8232c);
}
.application-body.application-slide-bank .metadata .meta-bar {
  top: 40px;
}
.application-body.application-team-spaces {
  --app-colour: var(--app-colour-team-spaces, SeaGreen);
  --sidebar-background-colour: color-mix(in srgb, var(--this-workspace-colour, var(--app-colour)) 10%, white);
}
.application-body.application-team-spaces.sidebar-left-open aside.sidebar.left {
  inset-inline-start: var(--sidebar-margin-left);
}
@media only screen and (min-width: calc(768px + 1px)) {
.application-body.application-team-spaces.sidebar-left-open .document-body {
  inset-inline-start: var(--document-body-left-distance-sidebar-open);
}
}
.application-body.application-team-spaces #documents-area-team-spaces {
  padding-top: var(--sidebar-padding-top);
  padding-bottom: var(--sidebar-padding-bottom);
}
.application-body.application-team-spaces.sidebar-normal #documents-area-team-spaces .pat-table thead {
  display: none;
}
.application-body.application-team-spaces aside.sidebar.left {
  height: 100%;
}
.application-body.application-team-spaces .sidebar .sidebar-content > form:not(.pat-toolbar) {
  display: contents;
}
.application-body.application-team-spaces .pat-toolbar .toolbar-title {
  transition: zoom var(--base-animation-duration, 0.2s) ease;
}
.application-body.application-team-spaces.sidebar-normal .pat-toolbar .toolbar-title {
  zoom: 0.001;
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces .pat-toolbar .toolbar-title {
  zoom: 0.001;
}
}
.application-body.application-team-spaces.sidebar-normal .pat-toolbar .open-video-conf {
  position: relative;
  padding: 0;
  aspect-ratio: 1 / 1;
  min-width: var(--pat-button-height);
  height: var(--pat-button-height);
  overflow: hidden;
  text-indent: -1000em;
}
.application-body.application-team-spaces.sidebar-normal .pat-toolbar .open-video-conf:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  float: none;
  text-indent: 0;
  text-align: center;
  line-height: var(--pat-button-height);
}
.application-body.application-team-spaces #team-spaces-toolbar-title {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding-left: 4px;
}
.application-body.application-team-spaces #team-spaces-toolbar-title .space-avatar {
  box-sizing: border-box;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--pat-toolbar-button-height) * 0.62);
  height: calc(var(--pat-toolbar-button-height) * 0.62);
  border: 1px solid var(--gns-space-colour, var(--colour-accent, #ea6c1a));
  border-radius: 50%;
  background: color-mix(in srgb, var(--gns-space-colour, var(--colour-accent, #ea6c1a)) 10%, white);
  color: var(--gns-space-colour, var(--colour-accent, #ea6c1a));
  font-family: inherit;
  font-weight: 700;
  font-size: 0.8em;
  line-height: 1;
  text-indent: 0;
  text-transform: uppercase;
  overflow: visible;
}
.application-body.application-team-spaces.state-on.sidebar-normal .sidebar .pat-toolbar:has(.toolbar-section.quick-navigation) .toolbar-section.view-options {
  display: contents;
}
.application-body.application-team-spaces.state-on.sidebar-normal .sidebar .pat-toolbar:has(.toolbar-section.quick-navigation) .toolbar-section.quick-navigation {
  grid-area: first;
  justify-self: start;
}
.application-body.application-team-spaces.state-on.sidebar-normal .sidebar .pat-toolbar:has(.toolbar-section.quick-navigation) .toolbar-section.navigation {
  grid-area: middle;
  justify-self: start;
  justify-content: start;
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces.state-on .pat-toolbar:has(.toolbar-section.quick-navigation) .toolbar-section.view-options {
  display: contents;
}
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces.state-on .pat-toolbar:has(.toolbar-section.quick-navigation) .toolbar-section.quick-navigation {
  grid-area: first;
  justify-self: start;
}
}
@container screen style(--screen-small: true) {
.application-body.application-team-spaces.state-on .pat-toolbar:has(.toolbar-section.quick-navigation) .toolbar-section.navigation {
  grid-area: middle;
  justify-self: start;
  justify-content: start;
}
}
.application-body.application-team-spaces #workspace-activities .activity-stream {
  width: 100%;
  box-sizing: border-box;
}
.application-body.application-team-spaces.sidebar-large #upcoming-events {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  grid-auto-rows: 7.5em;
  gap: 1em;
  align-items: start;
}
.application-body.application-team-spaces.sidebar-large #upcoming-events .event-card {
  margin-bottom: 0;
}
.application-body.application-team-spaces.sidebar-large #upcoming-events .event-card:not(.has-no-image) {
  grid-row: span 2;
}
.application-body.application-team-spaces.sidebar-large #upcoming-events > .sidebar-separation-title,
.application-body.application-team-spaces.sidebar-large #upcoming-events > .pat-message {
  grid-column: 1 / -1;
}
@supports (grid-template-rows: masonry) or (display: masonry) {
.application-body.application-team-spaces.sidebar-large #upcoming-events {
  display: masonry;
  grid-template-rows: masonry;
  grid-auto-rows: auto;
}
}
@supports (grid-template-rows: masonry) or (display: masonry) {
.application-body.application-team-spaces.sidebar-large #upcoming-events .event-card:not(.has-no-image) {
  grid-row: auto;
}
}
.application-body.application-todo .sidebar.left {
  height: 100%;
}
.application-body.application-todo {
  --app-colour: var(--app-colour-todo, Purple);
}
.application-body.application-todo .sidebar.left {
  height: 100%;
}
.application-body.application-todo-legacy {
  --app-colour: var(--app-colour-todo-legacy, #c73d78);
}
.application-body.application-updates {
  --app-colour: var(--app-colour-updates, #6c5ce7);
}
.application-body.application-updates .activity-stream {
  max-width: var(--break-small);
}
.application-body.application-updates #post-box-updates {
  margin: 0 auto 20px;
  max-width: 570px;
  background-color: white;
  display: block;
  min-height: 45px;
}
.application-body.application-weather {
  --app-colour: var(--app-colour-weather, #2E97D4);
}
.application-body.application-whiteboard {
  --app-colour: var(--app-colour-whiteboard, #6b46c1);
}
.application-body.application-whiteboard #app-content-whiteboard.injecting * {
  display: none;
}
.application-body.application-whiteboard .document-content {
  background-color: var(--colour-base);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.application-body.application-workspaces {
  --app-colour: var(--app-colour-workspaces, DodgerBlue);
}
.application-body.application-write {
  --app-colour: var(--app-colour-write, #0f6cbd);
}
.application-body.application-write #app-content-write.injecting * {
  display: none;
}
.action-list {
  display: table;
  width: 100%;
}
.action-list .item {
  display: table-row-group;
}
.action-list .item.type-holiday .item-title::before {
  content: var(--glyph-suitcase);
}
.action-list .item.type-compensation .item-title::before {
  content: var(--glyph-compensation);
}
.action-list .item.type-sick-care .item-title::before {
  content: var(--glyph-sick-care);
}
.action-list .item.type-sick-leave .item-title::before {
  content: var(--glyph-sick);
}
.action-list .item.type-mission .item-title::before {
  content: var(--glyph-mission);
}
.action-list .item.type-special-leave .item-title::before {
  content: var(--glyph-users-1);
}
.action-list .item.type-short-leave .item-title::before {
  content: var(--glyph-short-leave);
}
.action-list .item .field {
  display: table-cell;
  padding: 0.5em 0 0.5em 0;
  vertical-align: middle;
}
.action-list .item .field.actions {
  text-align: right;
}
.action-list .item .field.actions .label {
  background-color: #faa732;
  border-radius: 1em;
  color: #905504;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 15px;
  cursor: default;
  box-sizing: border-box;
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.5;
  margin-left: 0.5em;
  float: right;
  font-style: normal;
}
.action-list .item .field.actions .label.pat-select {
  padding: 0 28px 0em 15px;
}
.action-list .item .field.actions .label:after {
  right: 0;
}
.action-list .item .field.actions .label[data-option=Approved],
.action-list .item .field.actions .label[data-option-value=approved],
.action-list .item .field.actions .label.status-approved {
  color: rgba(0,0,0,0.7);
  background-color: var(--colour-success);
}
.action-list .item .field.actions .label[data-option=Rejected],
.action-list .item .field.actions .label[data-option-value=rejected],
.action-list .item .field.actions .label.status-rejected {
  color: white;
  background-color: var(--colour-error);
}
.action-list .item .field.date time {
  font-weight: bold;
}
.action-list .item .field.item-title {
  position: relative;
  padding-left: 2.5em;
  cursor: pointer;
  box-sizing: border-box;
}
.action-list .item .field.item-title:hover {
  text-decoration: none;
}
.action-list .item .field.item-title:hover .name {
  text-decoration: underline;
}
.action-list .item .field.item-title .name {
  color: var(--colour-link);
  font-weight: normal;
}
.action-list .item .field.item-title .name strong,
.action-list .item .field.item-title .name time {
  font-weight: bold;
}
.action-list .item .field.item-title:before {
  font-family: fontello;
}
.action-list .item .field.item-title:before,
.action-list .item .field.item-title .pat-avatar {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 1.4rem;
  width: 2.2rem;
  height: 2.2rem;
  text-align: center;
}
.action-list .item .field.item-title:before {
  color: var(--colour-accent);
}
.action-list .item .field.item-title .pat-avatar {
  aspect-ratio: 1 / 1;
}
.action-list .item .field.item-title .byline {
  color: rgba(0,0,0,0.5);
  font-size: 0.8em;
  line-height: 1.4;
  display: block;
}
@container screen style(--screen-small: true) {
.action-list .item .field.optional {
  display: none;
}
}
.quaive-apps-grid {
  --body-line-height: 1.2;
  padding-top: var(--app-tile-padding);
  margin-bottom: 4rem;
  margin-top: 4%;
  display: grid;
  --apps-grid-tile-min: 200px;
  grid-template-columns: repeat(
        auto-fill,
        minmax(min(var(--apps-grid-tile-min), 100%), 1fr)
    );
  gap: clamp(15px, 2vw, 30px);
}
.pat-toolbar + .quaive-apps-grid {
  margin-top: o;
}
@container screen style(--screen-small: true) {
.quaive-apps-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.quaive-apps-grid .tile {
  width: 100%;
  position: relative;
  --app-tile-border-coloured: var(--app-colour) 1px solid;
}
.quaive-apps-grid .tile .link:hover {
  text-decoration: none;
}
.quaive-apps-grid .tile .icon,
.quaive-apps-grid .tile .tile-title:before {
  width: calc(100% - calc(2 * var(--app-tile-padding)));
  display: block;
  margin: 0 auto 10px;
  aspect-ratio: 1 / 1;
  color: white;
  border-radius: var(--app-icon-border-radius, var(--border-radii));
  filter: var(--tile-icon-filter);
  box-shadow: var(--tile-box-shadow);
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: var(--app-tile-border, var(--app-tile-border-coloured));
  box-sizing: border-box;
}
.quaive-portlet .quaive-apps-grid .tile .icon,
.quaive-portlet .quaive-apps-grid .tile .tile-title:before {
  box-shadow: var(--tile-box-shadow-portlet, var(--tile-box-shadow));
}
.quaive-apps-grid .tile .icon:has(> svg) {
  padding: 14%;
}
.quaive-apps-grid .tile svg {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background-color: rgba(255,255,255,0.8);
  aspect-ratio: 1 / 1;
}
.quaive-apps-grid .tile svg > * {
  stroke: var(--app-tile-icon-colour, var(--app-colour));
  stroke-width: 1.1px;
  fill: transparent;
}
.quaive-apps-grid .tile svg #dots {
  fill: transparent;
}
.quaive-apps-grid .tile:after {
  width: calc(100% - calc(2 * var(--app-tile-padding)));
  display: block;
  margin: 0 auto 10px;
  aspect-ratio: 1 / 1;
  content: '';
  color: transparent;
  position: absolute;
  left: 20px;
  top: 0;
  border-radius: var(--app-icon-border-radius, var(--border-radii));
  background-color: var(--app-tile-background-colour, color-mix(in srgb, var(--app-colour) 90%, white));
  z-index: 0;
}
.quaive-apps-grid .tile.category-external:after {
  background-color: var(--tile-background-colour, color-mix(in srgb, var(--app-colour) 90%, white));
}
.quaive-apps-grid .tile .tile-title {
  display: block;
  color: var(--body-font-colour);
  padding-bottom: 15px;
  text-align: center;
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quaive-apps-grid .tile .tile-title:before {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
}
.quaive-apps-grid .tile .more-menu-toggle {
  color: transparent;
  display: inline-block;
  overflow: hidden;
  height: var(--pat-button-height);
  width: var(--pat-button-height);
  padding: 0;
  position: absolute;
  top: calc((0.3 * var(--border-radii)) + 0px);
  left: calc((0.3 * var(--border-radii)) + 0px + var(--app-tile-padding));
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s;
  transition-delay: 0.5s;
  cursor: default;
  z-index: 1;
}
@container screen style(--screen-small: true) {
.quaive-apps-grid .tile .more-menu-toggle {
  display: none;
}
}
.quaive-apps-grid .tile .more-menu-toggle:hover,
.quaive-apps-grid .tile .more-menu-toggle.tooltip-active-click {
  text-decoration: none;
  opacity: 1;
  transition: none;
}
.quaive-apps-grid .tile .more-menu-toggle:hover:before,
.quaive-apps-grid .tile .more-menu-toggle.tooltip-active-click:before {
  background-color: var(--pat-button-background-colour-hover);
}
.quaive-apps-grid .tile .more-menu-toggle.tooltip-active-click:before {
  background-color: var(--colour-accent);
  color: white;
}
.quaive-apps-grid .tile .more-menu-toggle:before {
  color: var(--app-tile-icon-colour, var(--app-colour));
  border-radius: var(--border-radii);
  line-height: var(--pat-button-height);
  height: var(--pat-button-height);
  width: var(--pat-button-height);
  text-align: center;
  display: block;
  margin: 0;
}
.quaive-apps-grid .tile:hover .more-menu-toggle {
  opacity: 1;
  pointer-events: auto;
}
.quaive-apps-grid .tile .icon-bookmark,
.quaive-apps-grid .tile .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 0.8s;
}
.quaive-apps-grid .tile .icon-bookmark:active,
.quaive-apps-grid .tile .icon-bookmark-empty:active {
  box-shadow: none;
}
.quaive-apps-grid .tile .icon-bookmark:hover,
.quaive-apps-grid .tile .icon-bookmark-empty:hover {
  text-decoration: none;
}
.quaive-apps-grid .tile .icon-bookmark:before,
.quaive-apps-grid .tile .icon-bookmark-empty:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
body[dir=rtl] .quaive-apps-grid .tile .icon-bookmark:before,
body[dir=rtl] .quaive-apps-grid .tile .icon-bookmark-empty:before {
  margin: 0 0 10px 0;
}
.quaive-apps-grid .tile .icon-bookmark.active,
.quaive-apps-grid .tile .icon-bookmark-empty.active {
  opacity: 1;
  color: white;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 769px) {
.quaive-apps-grid .tile .icon-bookmark,
.quaive-apps-grid .tile .icon-bookmark-empty {
  left: 37px;
}
}
@container screen style(--screen-small: true) {
.quaive-apps-grid .tile .icon-bookmark,
.quaive-apps-grid .tile .icon-bookmark-empty {
  left: 23px;
}
}
.application-bookmarks .quaive-apps-grid .tile .icon-bookmark,
.application-bookmarks .quaive-apps-grid .tile .icon-bookmark-empty {
  color: white;
}
.quaive-apps-grid .tile .counter {
  top: calc(0.2 * var(--border-radii) + 2px);
  right: calc(0.2 * var(--border-radii) + 2px);
  font-size: 12px;
  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 5px;
  box-sizing: border-box;
  z-index: 1;
}
.quaive-apps-grid .tile p.calendar-date {
  width: calc(100% - calc(2 * var(--app-tile-padding)));
  margin: 0 auto 0 20px;
  aspect-ratio: 1 / 1;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--tile-date-text-colour, var(--app-colour-calendar));
  font-weight: bold;
  box-sizing: border-box;
  display: block;
  z-index: 1;
  container-type: inline-size;
}
.quaive-apps-grid .tile p.calendar-date .date {
  width: 28%;
  margin: 51cqw auto 0;
  line-height: 15cqw;
  display: block;
  font-weight: bold;
  font-size: 17cqw;
  text-align: center;
  background-color: var(--app-tile-date-background-colour, transparent);
}
.quaive-apps-grid .tile p.calendar-date .month {
  display: block;
  width: 28%;
  margin: 0 auto;
  line-height: 11cqw;
  font-size: 8cqw;
  text-align: center;
  background-color: var(--app-tile-date-background-colour, transparent);
}
.quaive-audio {
  width: 100%;
}
.quaive-audio audio {
  width: 100%;
  display: block;
}
.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;
}
.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);
}
.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);
}
.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 {
  font-family: fontello;
  content: var(--glyph-heart-empty);
  font-weight: normal;
  display: inline-block;
}
.activity-stream .functions .like.active:before,
.activity-stream .comment-footer .like.active:before {
  content: var(--glyph-heart);
}
.activity-stream .pat-masonry .infinite-scrolling-trigger {
  position: absolute;
  padding-top: 400px;
  margin-top: 0;
  bottom: -510px;
  left: 0;
  right: 0;
  border-bottom: 300px solid transparent;
}
.activity-stream .pat-masonry .infinite-scrolling-trigger:before {
  bottom: 10px;
  top: auto;
}
.activity-stream .pat-masonry .infinite-scrolling-trigger.executing {
  opacity: 1;
}
.activity-stream #stream-items.injecting-content-before:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -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;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@container screen style(--screen-small: true) {
.activity-stream .grid-sizer {
  width: 100%;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.activity-stream .grid-sizer {
  width: 50%;
}
}
@media only screen and (min-width: 1280px) {
.activity-stream .grid-sizer {
  width: 33.333332%;
}
}
@media only screen and (min-width: 769px) {
@supports not (display: grid-lanes) {
.activity-stream .item {
  margin-bottom: 1.5em;
}
}
}
@media only screen and (min-width: 769px) {
@supports not (display: grid-lanes) {
.sidebar .activity-stream .item {
  margin-bottom: 0;
}
}
}
@container screen style(--screen-small: true) {
.activity-stream .item {
  margin-bottom: 1.5em;
}
}
.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%;
}
@container screen style(--screen-small: true) {
.activity-stream .stream-container .tile {
  position: static !important;
}
}
@supports not (display: grid-lanes) {
@media only screen and (min-width: 769px) {
.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) {
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.activity-stream .stream-container.col-2 .tile,
.activity-stream .stream-container.col-3 .tile {
  width: 50%;
}
}
}
@supports not (display: grid-lanes) {
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.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) {
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.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) {
@media only screen and (min-width: 1280px) {
.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) {
@media only screen and (min-width: 1280px) {
.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;
}
@media only screen and (min-width: 769px) {
.activity-stream .stream-container.pat-masonry {
  opacity: 0;
}
}
@media only screen and (min-width: 769px) {
.activity-stream .stream-container.pat-masonry.masonry-ready {
  opacity: 1;
}
}
@supports not (display: grid-lanes) {
.activity-stream .stream-container.col-3 .tile,
.activity-stream .stream-container.col-3 .grid-sizer {
  padding: 0 1rem;
  width: 33.33333%;
  float: left;
  box-sizing: border-box;
}
}
@supports not (display: grid-lanes) {
.sidebar-left-open .activity-stream .stream-container.col-3 .tile,
.sidebar-left-open .activity-stream .stream-container.col-3 .grid-sizer {
  width: 50%;
}
}
@supports not (display: grid-lanes) {
.sidebar-left-open .activity-stream .stream-container.col-3 .tile.col-2,
.sidebar-left-open .activity-stream .stream-container.col-3 .tile.col-full,
.sidebar-left-open .activity-stream .stream-container.col-3 .grid-sizer.col-2,
.sidebar-left-open .activity-stream .stream-container.col-3 .grid-sizer.col-full {
  width: 100%;
}
}
@supports not (display: grid-lanes) {
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.activity-stream .stream-container.col-3 .tile,
.activity-stream .stream-container.col-3 .grid-sizer {
  width: 50%;
}
}
}
@supports not (display: grid-lanes) {
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.activity-stream .stream-container.col-3 .tile.col-1,
.activity-stream .stream-container.col-3 .grid-sizer.col-1 {
  width: 50%;
}
}
}
@supports not (display: grid-lanes) {
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.activity-stream .stream-container.col-3 .tile.col-2,
.activity-stream .stream-container.col-3 .grid-sizer.col-2 {
  width: 100%;
}
}
}
@supports not (display: grid-lanes) {
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.activity-stream .stream-container.col-3 .tile.col-3,
.activity-stream .stream-container.col-3 .grid-sizer.col-3 {
  width: 100%;
}
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: true) {
.activity-stream .stream-container.col-3 .tile,
.activity-stream .stream-container.col-3 .grid-sizer {
  width: 100%;
  padding: 0;
}
}
}
@supports not (display: grid-lanes) {
.activity-stream .stream-container.col-2 .tile,
.activity-stream .stream-container.col-2 .grid-sizer {
  padding: 0;
}
}
@supports not (display: grid-lanes) {
@media only screen and (min-width: 769px) {
.activity-stream .stream-container.col-2 .tile,
.activity-stream .stream-container.col-2 .grid-sizer {
  width: 50%;
  padding: 0 1rem;
}
}
}
@supports not (display: grid-lanes) {
.activity-stream .stream-container.col-2 .tile,
.activity-stream .stream-container.col-2 .grid-sizer {
  float: left;
  box-sizing: border-box;
}
}
@supports not (display: grid-lanes) {
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.activity-stream .stream-container.col-2 {
  width: 100%;
}
}
}
@supports not (display: grid-lanes) {
.activity-stream .stream-container #load-more-stream-items {
  height: 300px;
}
}
@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(--grid-gutter));
}
}
}
@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-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));
}
}
}
@supports (display: grid-lanes) {
.pat-masonry .stream-items .tile {
  position: relative !important;
  transition: none !important;
  transform: none !important;
  height: auto !important;
  top: 0 !important;
  left: 0 !important;
}
}
#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);
}
.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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.application-body.injecting:before,
#application-body.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.application-body.injecting:before,
#application-body.injecting:before {
  animation: none;
}
}
.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);
}
.toolbar-on .application-body,
.toolbar-on #application-body {
  border-top: none;
}
.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);
}
.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 {
  font-family: fontello;
  content: var(--glyph-minus-circle);
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 0;
  text-indent: -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;
}
.attached-documents .button-bar {
  padding-top: 0.2em;
  z-index: 2;
}
.attached-documents .button-bar > .pat-button {
  font-size: 0.6em;
}
.attached-documents .button-bar > .pat-button:hover {
  text-decoration: none;
}
.attached-documents .show-more-or-less {
  padding-top: 0em;
  margin-bottom: 0;
}
.attached-documents .show-more-or-less a {
  cursor: pointer;
  font-size: 0.8em;
}
.attached-documents .show-more-or-less a .less {
  display: none;
}
.attached-documents.show-more .attachment-list .attached-file {
  display: table;
}
.attached-documents.show-more .show-more-or-less a {
  cursor: pointer;
}
.attached-documents.show-more .show-more-or-less a .more {
  display: none;
}
.attached-documents.show-more .show-more-or-less a .less {
  display: inline;
}
.attached-documents .document {
  margin-bottom: 20px;
}
a {
  color: var(--colour-link);
  text-decoration: none;
  text-underline-offset: 0.2em;
}
@media only screen and (min-width: 769px) {
a:hover {
  text-decoration: underline;
}
}
.annotorious-hint-msg {
  background-color: rgba(0, 0, 0, 0.6);
  margin: 4px;
  padding: 8px 15px 8px 30px;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  line-height: normal;
  font-size: 12px;
  color: #fff;
}
.annotorious-hint-icon {
  position: absolute;
  top: 6px;
  left: 5px;
  background: url(feather_icon.png);
  background-repeat: no-repeat;
  width: 19px;
  height: 22px;
  margin: 2px 4px 0 6px;
}
.annotorious-opacity-fade {
  transition-property: opacity;
  transition-duration: .5s;
  transition-delay: 0;
}
.annotorious-item-focus {
  opacity: 1.0;
}
.annotorious-item-unfocus {
  opacity: 0.4;
}
.annotorious-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  min-height: 26px;
  margin-top: 12px;
  background-color: var(--colour-notice);
  border: 1px solid silver;
  outline: none;
  padding: 1em;
  transition-property: opacity;
  transition-duration: .5s;
  transition-delay: 0;
  border-radius: 4px;
}
.annotorious-popup-text {
  display: block;
  padding: 5px;
  color: rgba(0,0,0,0.7);
  text-shadow: none;
  line-height: 1.4;
}
.annotorious-popup-text a {
  text-decoration: underline;
  color: #eee;
  background-color: transparent;
}
.annotorious-popup-buttons {
  float: right;
  display: block;
  white-space: nowrap;
  padding-left: 4px;
  transition-property: opacity;
  transition-duration: 1s;
  transition-delay: 0;
}
.annotorious-popup-button {
  text-decoration: none;
  display: inline-block;
  color: #000;
  width: 26px;
  height: 26px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  transition-property: opacity;
  transition-duration: 1s;
  transition-delay: 0;
  position: relative;
  color: rgba(0,0,0,0.7);
  cursor: default;
}
.annotorious-popup-button:hover {
  color: var(--body-font-colour);
}
.annotorious-popup-button:before {
  font-family: fontello;
  position: absolute;
  left: 0;
  text-indent: 0;
  top: 0;
  right: 0;
  text-align: right;
}
.annotorious-popup-button-delete:before {
  content: var(--glyph-trash);
}
.annotorious-popup-button-edit:before {
  content: var(--glyph-pencil-1);
}
.annotorious-popup-field {
  margin: 0px;
  padding: 6px;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  font-size: 12px;
}
.annotorious-editor {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 4px;
  background-color: var(--colour-notice);
  z-index: 2;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.annotorious-editor-button-container {
  margin: 4px 10px 8px;
  float: left;
}
.annotorious-editor-text {
  border: none;
  background-color: rgba(0,0,0,0.09);
  line-height: 150%;
  margin: 10px 0px 4px 0px;
  padding: 0px 10px;
  min-height: 50px;
  width: 100%;
  min-width: 340px;
  outline: none;
  font-weight: 400;
  color: var(--body-font-colour);
  text-shadow: none;
  overflow-y: auto;
  display: block;
  resize: none;
}
.annotorious-editor-text:focus {
  outline: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.annotorious-editor-text a:hover {
  color: #eee;
  background-color: transparent;
}
.annotorious-editor-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;
}
.annotorious-editor-button:before {
  line-height: inherit;
}
.annotorious-editor-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);
}
.annotorious-editor-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);
}
.annotorious-editor-button:active {
  box-shadow: var(--pat-button-box-shadow-active);
}
.annotorious-editor-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);
}
.annotorious-editor-button.default:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
.annotorious-editor-button.warning {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-warning);
}
.annotorious-editor-button.warning:hover {
  color: white;
  background-color: var(--colour-warning-hover);
}
.annotorious-editor-button.success {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-success);
}
.annotorious-editor-button.success:hover {
  color: white;
  background-color: var(--colour-success-hover);
}
.annotorious-editor-button[disabled],
.annotorious-editor-button.disabled,
.annotorious-editor-button:is(a):not([href]),
.annotorious-editor-button.default[disabled],
.annotorious-editor-button.default.disabled,
.annotorious-editor-button:is(a).default:not([href]) {
  color: var(--button-text-colour-disabled);
  background-color: var(--button-background-colour-disabled);
}
.annotorious-editor-button[disabled]:hover,
.annotorious-editor-button.disabled:hover,
.annotorious-editor-button:is(a):not([href]):hover,
.annotorious-editor-button.default[disabled]:hover,
.annotorious-editor-button.default.disabled:hover,
.annotorious-editor-button:is(a).default:not([href]):hover {
  color: var(--button-text-colour-disabled-hover);
  background-color: var(--button-background-colour-disabled-hover);
}
@media print {
.annotorious-editor-button {
  display: none;
}
}
.annotorious-editor-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);
}
.annotorious-editor-button.small:before {
  font-size: 15px;
}
.annotorious-editor-button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.annotorious-editor-button.iconified {
  width: 30px;
  padding: 0;
}
.annotorious-editor-button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: var(--pat-button-height);
}
.annotorious-editor-button.link {
  padding: 0;
  display: inline;
  background: none;
  color: var(--colour-link);
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.annotorious-editor-button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: var(--colour-link-hover);
}
.annotorious-editor-button.no-label {
  padding: 0;
  aspect-ratio: 1 / 1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.annotorious-editor-button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.annotorious-editor-button:before {
  font-weight: normal;
  margin-right: 5px;
  float: left;
}
body[dir=rtl] .annotorious-editor-button:before {
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
.annotorious-editor-button.add:before {
  font-family: fontello;
  content: var(--glyph-plus);
}
.annotorious-editor-button {
  float: right;
}
.annotorious-editor-field {
  margin: 0px;
  padding: 6px 0px;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  font-size: 12px;
}
.annotorious-ol-boxmarker-outer {
  border: 1px solid #000;
}
.annotorious-ol-boxmarker-inner {
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.annotorious-ol-hint {
  line-height: normal;
  font-family: Arial, Verdana, Sans;
  font-size: 16px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  margin: 0px;
  padding: 9px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
.app-info-sheet {
  max-width: 1000px;
  margin: 0 auto;
}
.app-info-sheet:after {
  content: ' ';
  display: table;
  clear: both;
}
.app-info-sheet .app-icon {
  width: 100%;
  border-radius: calc(2.8 * var(--border-radii));
}
@container screen style(--screen-small: true) {
.app-info-sheet .app-meta-data {
  margin-bottom: 40px;
}
}
@media only screen and (min-width: 769px) {
.app-info-sheet .app-meta-data {
  padding-right: 90px;
  width: 35%;
  box-sizing: border-box;
  float: left;
}
}
.app-info-sheet .app-meta-data .app-price {
  font-size: 1.5em;
  margin-top: 20px;
}
.app-info-sheet .app-meta-data .byline,
.app-info-sheet .app-meta-data .info {
  color: rgba(black, 0.8);
  font-size: 0.8em;
  line-height: 1.4;
  margin-top: 20px;
}
.app-info-sheet .app-meta-data .info .title {
  font-size: 1.2em;
  margin-bottom: 10px;
}
.app-info-sheet .app-meta-data .info ul.menu li a {
  padding-top: 2px;
  padding-bottom: 2px;
}
.app-info-sheet .app-meta-data {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
}
@media only screen and (min-width: 769px) {
.app-info-sheet .app-description {
  width: 65%;
  float: left;
}
}
.app-info-sheet .app-description h1 {
  margin: 0 0 0.5em 0;
}
.app-info-sheet .app-description .app-summary {
  font-weight: bold;
}
.app-info-sheet .app-description .app-body-text {
  margin-bottom: 40px;
}
:root {
  --app-promo-tile-padding-left-right: 30px;
  --tile-treatment: default;
}
.app-promo-tiles:after {
  content: ' ';
  display: table;
  clear: both;
}
.app-promo-tiles.size-medium {
  clear: both;
}
.app-promo-tiles.size-medium .app-promo-tile {
  box-sizing: border-box;
  position: relative;
  border-radius: var(--border-radii);
  padding: 20px;
  display: block;
  box-shadow: var(--default-box-shadow);
  background-image: linear-gradient(180deg, #fff 45%, #f5f5f5);
}
.app-promo-tiles.size-medium .app-promo-tile .learn-more {
  position: absolute;
  inset: 0;
  display: block;
  content: ' ';
  z-index: 1;
  color: transparent;
}
.app-promo-tiles.size-medium .app-promo-tile .link {
  padding-left: 68px;
  margin-bottom: 15px;
}
.app-promo-tiles.size-medium .app-promo-tile .app-title {
  color: var(--body-font-colour);
  display: flex;
  justify-content: space-between;
}
.app-promo-tiles.size-medium .app-promo-tile .app-title .icon {
  border-radius: var(--border-radii);
  width: 58px;
  position: absolute;
  top: 20px;
  left: 20px;
}
.app-promo-tiles.size-medium .app-promo-tile .app-title .name {
  font-size: 24px;
  display: block;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  hyphens: auto;
}
.app-promo-tiles.size-medium .app-promo-tile .app-title .description {
  margin-bottom: 0;
  font-size: 0.9em;
  line-height: 1.4;
}
.app-promo-tiles.size-medium .app-promo-tile .app-price .price-tag {
  line-height: 20px;
}
.app-promo-tiles.size-medium .app-promo-tile .app-description {
  margin-bottom: 0;
  font-size: 0.9em;
  line-height: 1.4;
}
@media only screen and (min-width: 769px) {
.app-promo-tiles.size-medium {
  display: grid;
  grid-auto-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
}
@media only screen and (min-width: 769px) {
.app-promo-tiles.size-medium.col-2 {
  grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 769px) {
.app-promo-tiles.size-medium.col-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
}
.app-promo-tiles.size-large .app-promo-tile {
  box-sizing: border-box;
  margin-bottom: 65px;
  width: 50%;
  min-height: 100px;
  float: left;
  padding: 0 var(--app-promo-tile-padding-left-right);
  position: relative;
}
.app-promo-tiles.size-large .app-promo-tile .pat-screenshot {
  margin-bottom: 5px;
}
.app-promo-tiles.size-large .app-promo-tile .pat-screenshot .auto-scale-wrapper .passe-partout {
  background-color: #efefef;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);
}
.app-promo-tiles.size-large .app-promo-tile .link {
  display: flex;
  justify-content: space-between;
}
.app-promo-tiles.size-large .app-promo-tile .link .app-title {
  margin: 0;
  font-size: 24px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 3px 0;
  color: var(--body-font-colour);
  align-self: center;
}
.app-promo-tiles.size-large .app-promo-tile .link .app-title .icon {
  background-color: var(--colour-accent);
  width: 30px;
  margin-right: 2px;
  vertical-align: middle;
  margin-top: -3px;
  border-radius: var(--border-radii);
}
.app-promo-tiles.size-large .app-promo-tile .link .app-price {
  text-align: right;
  align-self: center;
  padding: 2px 0 2px 8px;
}
.app-promo-tiles.size-large .app-promo-tile .link .app-price .price-tag {
  float: right;
}
.app-promo-tiles.size-large .app-promo-tile .learn-more {
  position: absolute;
  top: 0;
  right: var(--app-promo-tile-padding-left-right);
  bottom: 0;
  left: var(--app-promo-tile-padding-left-right);
  display: block;
  content: ' ';
  z-index: 1;
  color: transparent;
}
.app-promo-tiles.size-large .app-promo-tile .app-description {
  margin: 0 0 15px;
  font-size: 18px;
}
@media only screen and (min-width: 769px) {
.app-promo-tiles.size-large {
  margin: 0 calc(-1 * var(--app-promo-tile-padding-left-right));
}
}
@media only screen and (min-width: 769px) {
.app-promo-tiles.size-large.col-2 .app-promo-tile {
  width: 50%;
}
}
@media only screen and (min-width: 769px) {
.app-promo-tiles.size-large.col-3 .app-promo-tile {
  width: 33.3333332%;
}
}
@media only screen and (min-width: 769px) {
.app-promo-tiles.size-large.col-3 .app-promo-tile .link .app-title {
  margin: 0;
  font-size: 18px;
  line-height: 18px;
}
}
@media only screen and (min-width: 769px) {
.app-promo-tiles.size-large.col-3 .app-promo-tile .link .app-title .icon {
  width: 24px;
  margin-right: 2px;
  margin-top: -3px;
  border-radius: calc(0.8 * var(--border-radii));
}
}
@media only screen and (min-width: 769px) {
.app-promo-tiles.size-large.col-3 .app-promo-tile .link .app-price {
  padding: 0;
  line-height: 24px;
  margin-top: -2px;
}
}
@media only screen and (min-width: 769px) {
.app-promo-tiles.size-large.col-3 .app-promo-tile .link .app-price .price-tag {
  border-radius: calc(0.8 * var(--border-radii));
}
}
.app-tile-manager .tiles.apps {
  margin: 60px 0 30px 0;
  overflow: hidden;
}
.app-tile-manager .button-bar {
  margin: 0;
  padding: 0;
}
@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;
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
.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));
}
}
@media only screen and (min-width: 769px) {
.application-label:hover .more-menu-toggle {
  pointer-events: auto;
}
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
.application-label .more-menu-toggle:hover,
.application-label .more-menu-toggle.tooltip-active-click {
  text-decoration: none;
  transition: none;
  cursor: default;
}
}
@media only screen and (min-width: 769px) {
.application-label .more-menu-toggle:hover:before,
.application-label .more-menu-toggle.tooltip-active-click:before {
  background-color: rgba(0,0,0,0.3);
}
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
#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;
}
}
@media only screen and (min-width: 769px) {
#app-space.state-paused .application-label:hover {
  background-color: var(--tabs-bar-tab-background-colour-dimmed-hover);
}
}
@media only screen and (min-width: 769px) {
#app-space.state-paused .application-label nav.breadcrumbs a,
#app-space.state-paused .application-label .suite-logo:before {
  color: var(--colour-header-elements);
}
}
@media only screen and (min-width: 769px) {
#app-space.state-off .application-label {
  animation: fadeOutDown 0.3s;
}
}
@media only screen and (min-width: 769px) {
#app-space.injecting .application-label,
#app-space.state-off .application-label {
  opacity: 0;
  top: 0;
  display: none;
}
}
@media only screen and (min-width: 769px) {
.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;
}
.quaive-leaflet .leaflet-control-container .leaflet-control {
  border: var(--button-border) !important;
  box-shadow: var(--default-box-shadow) !important;
}
.quaive-leaflet .leaflet-control-container .leaflet-control a:hover {
  text-decoration: none !important;
}
.quaive-leaflet .leaflet-control-container .leaflet-top {
  left: auto;
  right: var(--sidebar-margin);
  top: var(--sidebar-margin);
  margin: 0;
}
.quaive-leaflet .leaflet-control-container .leaflet-bar {
  border: var(--button-border) !important;
  box-shadow: var(--default-box-shadow) !important;
}
.quaive-leaflet .leaflet-control-container .leaflet-bar a:first-child {
  border-top-left-radius: var(--border-radii) !important;
  border-top-right-radius: var(--border-radii) !important;
}
.quaive-leaflet .leaflet-control-container .leaflet-bar a:last-child {
  border-bottom-left-radius: var(--border-radii) !important;
  border-bottom-right-radius: var(--border-radii) !important;
}
.comma-separated > .segment:after {
  content: ', ';
}
.comma-separated > .segment:last-child:after {
  content: '.';
}
.pat-rich {
  --pat-button-height: 1.5em;
  --pat-button-font-size: 0.8em;
  line-height: var(--rich-line-height);
  cursor: default;
  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);
}
@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 {
  font-family: fontello;
  content: var(--glyph-down-open);
  font-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 {
  content: var(--glyph-up-open);
}
.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;
}
.pat-rich .section-nav .well-title-group .buttons .icon:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon:after {
  font-family: fontello;
  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;
}
.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);
}
.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 {
  content: var(--glyph-help);
}
.pat-rich .section-nav .well-title-group .buttons .icon.add:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon.add:after {
  content: var(--glyph-plus);
}
.pat-rich .section-nav .well-title-group .buttons .icon.download:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon.download:after {
  content: var(--glyph-download);
}
.pat-rich .section-nav .well-title-group .buttons .icon.settings:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon.settings:after {
  content: var(--glyph-cog);
}
.pat-rich .section-nav .well-title-group .buttons .icon.edit:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon.edit:after {
  content: var(--glyph-pencil);
}
.pat-rich .section-nav .well-title-group .buttons .icon.more:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon.more:after {
  content: var(--glyph-ellipsis);
}
.pat-rich .section-nav .well-title-group .buttons .icon.more:after,
.pat-rich .table-of-contents .well-title-group .buttons .icon.more:after {
  content: var(--glyph-ellipsis);
  line-height: calc(var(--collapsible-button-height) + 3px);
}
.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 {
  font-family: fontello;
  content: var(--glyph-down-open);
  font-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 {
  content: var(--glyph-up-open);
}
.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;
}
.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;
}
}
@media only screen and (max-width: 1279px) {
.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 {
  text-decoration: underline;
}
.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;
}
@media only screen and (min-width: 1280px) {
.pat-rich .screenshot object {
  width: 1280px;
  height: 800px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.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 {
  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 {
  font-family: fontello;
  display: inline-block;
  margin-right: 0.5em;
}
.pat-rich ul:not([class]) li .meta .label.publication-state:before,
.pat-rich ol:not([class]) li .meta .label.publication-state:before {
  content: var(--glyph-megaphone);
}
.pat-rich ul:not([class]) li .meta .label.case-type:before,
.pat-rich ol:not([class]) li .meta .label.case-type:before {
  content: var(--glyph-star-circled);
}
.pat-rich ul:not([class]) li .meta .label.department:before,
.pat-rich ol:not([class]) li .meta .label.department:before {
  content: var(--glyph-building);
}
.pat-rich ul:not([class]) li .meta .label.annotated,
.pat-rich ol:not([class]) li .meta .label.annotated {
  background: var(--colour-notice);
  border-radius: 0.1em;
}
.pat-rich ul:not([class]) li .meta .label.annotated:before,
.pat-rich ol:not([class]) li .meta .label.annotated:before {
  content: var(--glyph-annotation);
}
.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;
}
.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 img,
.pat-rich svg {
  max-width: 100%;
  margin: 2em auto;
  display: block;
}
.pat-rich img[src*=edgeless],
.pat-rich svg[src*=edgeless] {
  border: 1px solid rgba(0,0,0,0.2);
}
.pat-rich img.float-before,
.pat-rich svg.float-before {
  margin-right: 1em;
}
.pat-rich img.float-after,
.pat-rich svg.float-after {
  margin-left: 1em;
}
@media only screen and (min-width: 1280px) {
.pat-rich img.medium,
.pat-rich svg.medium {
  width: 30%;
}
}
.pat-rich figure {
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
}
@media only screen and (min-width: 769px) {
.pat-rich figure {
  margin-top: 2em;
  margin-bottom: 2em;
}
}
@media only screen and (min-width: 769px) {
.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 {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@container screen style(--screen-small: true) {
.pat-rich table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
}
.pat-rich table.hd {
  font-size: 0.8em;
  line-height: 1.3em;
}
.pat-rich table.hd tr th,
.pat-rich table.hd tr td {
  padding: 0.2em;
  vertical-align: top;
}
.pat-rich table tr:first-child th,
.pat-rich table tr:first-child td {
  border-top: var(--colour-accent) 1px solid;
}
.pat-rich table tr th,
.pat-rich table tr td {
  border-bottom: var(--colour-accent) 1px solid;
  padding: 0.1em 0.5em;
}
.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 .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 .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;
}
.quaive-attachment-list {
  display: flex;
  flex-direction: column;
  gap: var(--grid-gutter);
}
.pat-avatar {
  --pat-avatar-background-colour: var(--pat-avatar-background-colour-hc, var(--avatar-background-colour, var(--colour-accent, #888)));
  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#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;
}
:root {
  --bar-graph-height: 20px;
  --bar-graph-border-radius:;
  --bar-graph-bg-color:;
  --bar-graph-box-shadow:;
  --bar-graph-accent-color:;
  --bar-graph-segment-font-size: 14px;
  --bar-graph-segment-text-indent: 10px;
  --bar-graph-segment-after-width: 4px;
  --bar-graph-animation-duration: 1.5s;
}
@keyframes bar-grow {

	0% {
		transform: scaleX(0);
		left: 160px;
		color: rgba(255, 255, 255, 0);
		text-shadow: 0 0 1px rgba(var(--bar-graph-accent-color), 0);
	}

	80% {
		transform: scaleX(1);
		color: rgba(255, 255, 255, 0);
		text-shadow: 0 0 1px rgba(var(--bar-graph-accent-color), 0);
	}

	100% {
		transform: scaleX(1);
		color: rgba(255, 255, 255, 1);
		text-shadow: 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color);
	}
}
.bar-graph {
  border-radius: var(--bar-graph-border-radius);
  height: var(--bar-graph-height);
  background-color: var(--bar-graph-bg-color);
  box-shadow: inset var(--bar-graph-box-shadow);
  box-sizing: border-box;
  overflow: hidden;
}
.bar-graph .bar-graph-segment {
  border-radius: var(--bar-graph-border-radius);
  background-color: var(--bar-graph-accent-color);
  color: white;
  display: block;
  font-size: var(--bar-graph-segment-font-size);
  text-align: right;
  padding-right: 0;
  padding-left: 0;
  text-indent: var(--bar-graph-segment-text-indent);
  box-sizing: border-box;
  height: var(--bar-graph-height);
  line-height: var(--bar-graph-height);
  animation: bar-grow var(--bar-graph-animation-duration);
  transform-origin: 0 0;
  text-shadow: 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color),
								 0 0 1px var(--bar-graph-accent-color);
}
.bar-graph .bar-graph-segment:first-child {
  border-top-left-radius: var(--bar-graph-border-radius);
  border-bottom-left-radius: var(--bar-graph-border-radius);
}
.bar-graph .bar-graph-segment:after {
  content: ' ';
  display: inline-block;
  width: var(--bar-graph-segment-after-width);
}
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 {
  font-family: fontello;
  left: 9px;
  color: var(--body-font-colour);
}
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 {
  content: var(--glyph-alarm);
}
fieldset.pat-bar-toggles label.type-powerpoint:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-powerpoint:before {
  content: var(--glyph-file-powerpoint);
}
fieldset.pat-bar-toggles label.type-word:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-word:before {
  content: var(--glyph-file-word);
}
fieldset.pat-bar-toggles label.type-job:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-job:before {
  content: var(--glyph-briefcase);
}
fieldset.pat-bar-toggles label.type-excel:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-excel:before {
  content: var(--glyph-file-excel);
}
fieldset.pat-bar-toggles label.type-folder:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-folder:before {
  content: var(--glyph-folder);
}
fieldset.pat-bar-toggles label.type-youtube:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-youtube:before {
  content: var(--glyph-youtube);
}
fieldset.pat-bar-toggles label.type-external-video:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-external-video:before {
  content: var(--glyph-video);
}
fieldset.pat-bar-toggles label.type-task:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-task:before {
  content: var(--glyph-ok);
}
fieldset.pat-bar-toggles label.type-pdf:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-pdf:before {
  content: var(--glyph-file-pdf);
}
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 {
  content: var(--glyph-users);
}
fieldset.pat-bar-toggles label.type-post:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-post:before {
  content: var(--glyph-pin);
}
fieldset.pat-bar-toggles label.type-rich:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-rich:before {
  content: var(--glyph-doc-text);
}
fieldset.pat-bar-toggles label.type-news:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-news:before {
  content: var(--glyph-newspaper);
}
fieldset.pat-bar-toggles label.type-library-item:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-library-item:before {
  content: var(--glyph-feather);
}
fieldset.pat-bar-toggles label.type-library-section:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-library-section:before {
  content: var(--glyph-squares);
}
fieldset.pat-bar-toggles label.type-library-subsection:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-library-subsection:before {
  content: var(--glyph-squares);
}
fieldset.pat-bar-toggles label.type-event:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-event:before {
  content: var(--glyph-calendar);
}
fieldset.pat-bar-toggles label.type-workspace:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-workspace:before {
  content: var(--glyph-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 {
  content: var(--glyph-workspace);
}
fieldset.pat-bar-toggles label.type-image:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-image:before {
  content: var(--glyph-file-image);
}
fieldset.pat-bar-toggles label.type-diagram:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-diagram:before {
  content: var(--glyph-sitemap);
}
fieldset.pat-bar-toggles label.type-slideshow:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-slideshow:before {
  content: var(--glyph-slides);
}
fieldset.pat-bar-toggles label.type-super-space:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-super-space:before {
  content: var(--glyph-workspace);
}
fieldset.pat-bar-toggles label.type-question:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-question:before {
  content: var(--glyph-question-circle-o);
}
fieldset.pat-bar-toggles label.type-link:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-link:before {
  content: var(--glyph-link);
}
fieldset.pat-bar-toggles label.type-zip:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-zip:before {
  content: var(--glyph-file-archive);
}
fieldset.pat-bar-toggles label.type-file-archive:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-file-archive:before {
  content: var(--glyph-file-archive);
}
fieldset.pat-bar-toggles label.type-app:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-app:before {
  content: var(--glyph-app);
}
fieldset.pat-bar-toggles label.type-audio:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-audio:before {
  content: var(--glyph-file-audio);
}
fieldset.pat-bar-toggles label.type-video:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-video:before {
  content: var(--glyph-file-video);
}
fieldset.pat-bar-toggles label.type-contract:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-contract:before {
  content: var(--glyph-handshake);
}
fieldset.pat-bar-toggles label.type-file:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-file:before {
  content: var(--glyph-document);
}
fieldset.pat-bar-toggles label.type-email:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-email:before {
  content: var(--glyph-mail-1);
}
fieldset.pat-bar-toggles label.type-plain-text:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-plain-text:before {
  content: var(--glyph-doc-text);
}
fieldset.pat-bar-toggles.tags label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).tags label:before {
  content: var(--glyph-tag);
}
fieldset.pat-bar-toggles.competences label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).competences label:before {
  content: var(--glyph-thumbs-up-alt);
}
fieldset.pat-bar-toggles.registers label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).registers label:before {
  content: var(--glyph-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 <=769px) {
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 {
  font-family: fontello;
  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: var(--glyph-down-dir);
  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);
}
.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;
}
@media only screen and (max-width: 768px) {
.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;
  font-family: fontello;
}
}
@media only screen and (max-width: 768px) {
body[dir=rtl] .pat-button.edit {
  text-align: right;
}
}
@media only screen and (max-width: 768px) {
.pat-button.edit:before {
  content: var(--glyph-pencil);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  text-indent: 0;
  text-align: center;
  line-height: var(--pat-toolbar-button-height);
  display: inline-block;
}
}
: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;
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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;
  cursor: pointer;
}
.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:before {
  font-family: fontello;
  content: var(--glyph-plus);
}
.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):hover,
.button-bar .iconified:not(.pat-button):active {
  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);
}
.button-navigation-back {
  box-shadow: none !important;
}
@media only screen and (min-width: 769px) {
.button-navigation-back {
  display: none;
}
}
@container screen style(--screen-small: true) {
.button-navigation-back {
  max-width: calc(100% - 140px);
  line-height: 1.5em;
  float: left;
  box-shadow: none;
  border: none;
  background: none;
  padding: 0 10px;
  line-height: var(--global-header-height);
  height: 49px;
  box-sizing: border-box;
  top: 0;
  left: 0;
  position: fixed;
  color: var(--colour-header-elements);
  display: none;
  background: var(--colour-header);
  font-size: 20px;
  z-index: 0;
  font-weight: normal;
}
}
@container screen style(--screen-small: true) {
.button-navigation-back:before {
  content: var(--glyph-left-open);
  display: inline-block;
  font-family: fontello;
  margin-right: 10px;
}
}
@container screen style(--screen-small: true) {
.button-navigation-back:hover {
  background: var(--colour-header);
  filter: none !important;
}
}
@container screen style(--screen-small: true) {
#app-space.multi-tasking-off.state-on .button-navigation-back#back-to-overview,
body:has(#app-space.state-on .application-body.state-on.sidebar-left-none) .button-navigation-back#back-to-overview {
  display: block;
}
}
@container screen style(--screen-small: true) {
body:has(#app-space.state-on .application-body.state-on.focus-sidebar) .button-navigation-back#back-to-overview {
  display: block;
}
}
@container screen style(--screen-small: true) {
body:has(#app-space.state-on .application-body.state-on.focus-document) .button-navigation-back#back-to-sidebar {
  display: block;
}
}
@container screen style(--screen-small: true) {
body:has(#app-space.state-on .application-body.state-on .pat-toolbar .ueber-back-button) .button-navigation-back#level-up-apps {
  display: block;
}
}
@container screen style(--screen-small: true) {
body:has(#portal .pat-toolbar .ueber-back-button) .button-navigation-back#level-up-portal {
  display: block;
}
}
@container screen style(--screen-small: true) {
#app-space.state-on .application-body.sidebar-left-open.focus-sidebar .button-navigation-back#back-to-parent,
#app-space.state-on .application-body.nav-level-2 .button-navigation-back#back-to-parent {
  display: block;
  z-index: 1;
}
}
@container screen style(--screen-small: true) {
#app-space.state-on .application-body.sidebar-left-open.focus-document .button-navigation-back#back-to-sidebar {
  display: block;
  z-index: 1;
}
}
@container screen style(--screen-small: true) {
#app-space.state-on .application-body.focus-document .button-navigation-back#back-to-canvas {
  display: block;
  z-index: 1;
}
}
@container screen style(--screen-small: true) {
.button-navigation-back:hover {
  text-decoration: none;
  color: var(--colour-header-elements);
}
}
.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 {
  font-family: fontello;
  display: inline-block;
  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: var(--glyph-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: var(--glyph-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: var(--glyph-cancel-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 {
  font-family: fontello;
  content: var(--glyph-birthday);
  display: inline-block;
  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-col-header-cell-cushion,
.pat-calendar .fc-daygrid-day-number {
  color: var(--body-font-colour);
}
.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-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;
}
:root {
  --calendar-medium-width: 100px;
  --calendar-medium-height: 52px;
  --calendar-medium-color: #797979;
  --calendar-medium-padding: 48px 4px 0px;
  --calendar-medium-bg: rgba(155, 160, 167, 0.1);
  --calendar-day-font-size: 65px;
  --calendar-day-line-height: 73px;
  --calendar-day-left: 5px;
  --calendar-day-top: 1px;
  --calendar-month-font-size: 30px;
  --calendar-month-line-height: 64px;
  --calendar-month-width: 101px;
  --calendar-month-margin-right: -2px;
  --calendar-year-font-size: 16px;
  --calendar-year-right: -2px;
  --calendar-year-top: 22px;
}
.calendar-medium {
  position: relative;
  display: inline-block;
  width: var(--calendar-medium-width);
  height: var(--calendar-medium-height);
  margin: 0;
  color: var(--calendar-medium-color);
  padding: var(--calendar-medium-padding);
  background: var(--calendar-medium-bg) no-repeat;
}
.calendar-medium .day {
  font-size: var(--calendar-day-font-size);
  line-height: var(--calendar-day-line-height);
  position: absolute;
  left: var(--calendar-day-left);
  top: var(--calendar-day-top);
  font-weight: normal;
  font-style: normal;
}
.calendar-medium .month {
  text-transform: uppercase;
  font-size: var(--calendar-month-font-size);
  font-weight: normal;
  font-style: normal;
  text-align: center;
  display: block;
  margin-right: var(--calendar-month-margin-right);
  line-height: var(--calendar-month-line-height);
  width: var(--calendar-month-width);
}
.calendar-medium .month.char-count-3 {
  letter-spacing: 13px;
  margin-left: 2px;
}
.calendar-medium .month.char-count-4 {
  letter-spacing: 3px;
}
.calendar-medium .month.char-count-5 {
  letter-spacing: 1px;
  margin-left: 2px;
  font-size: 26px;
}
.calendar-medium .month.char-count-6 {
  letter-spacing: 0;
  margin-left: 2px;
  font-size: 24px;
}
.calendar-medium .month.char-count-7 {
  letter-spacing: 0;
  margin-left: 2px;
  font-size: 20px;
}
.calendar-medium .month.char-count-8 {
  font-size: 18px;
}
.calendar-medium .month.char-count-9 {
  font-size: 16px;
  letter-spacing: 0;
}
.calendar-medium .month.char-count-10 {
  font-size: 18px;
}
.calendar-medium .month.char-count-11 {
  font-size: 18px;
}
.calendar-medium .month.char-count-12 {
  font-size: 18px;
}
.calendar-medium .year {
  display: block;
  position: absolute;
  right: var(--calendar-year-right);
  top: var(--calendar-year-top);
  transform: rotate(-90deg);
  font-size: var(--calendar-year-font-size);
  font-weight: normal;
  font-style: normal;
}
#canvas-alert-bar {
  margin: 0;
  transition: 0.8s all;
  padding: 0;
}
#canvas-alert-bar .pat-message {
  margin: 0 0 40px 0;
  border-radius: var(--border-radii);
}
#canvas-alert-bar button,
#canvas-alert-bar .pat-button {
  float: right;
  margin-top: -3px;
  font-size: 0.8em;
  margin-right: 0;
}
@container screen style(--screen-small: true) {
#canvas-alert-bar {
  display: none;
}
}
#canvas-banner {
  overflow: hidden;
  margin: 0 auto 2em;
  position: relative;
  border-radius: var(--border-radii);
  z-index: 1;
}
#canvas-banner figure {
  background-color: var(--colour-base-background);
  transform: initial;
  overflow: hidden;
  text-align: center;
  display: none;
  margin: 0;
}
@container screen style(--screen-small: true) {
#canvas-banner figure {
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
}
@media only screen and (min-width: 769px) {
#canvas-banner figure {
  width: 100%;
  width: 30%;
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
}
@media only screen and (min-width: 769px) {
#canvas-banner figure img {
  object-fit: cover;
  position: relative;
  height: 100%;
  width: 100%;
}
}
#canvas-banner.has-hero figure {
  display: block;
}
#canvas-banner:not(.feedback) {
  background: var(--colour-notice-background);
  border: 1px solid rgba(0,0,0,0.2);
}
@media only screen and (min-width: 769px) {
#canvas-banner:not(.feedback) {
  width: 80%;
}
}
@media only screen and (min-width: 769px) {
#canvas-banner:not(.feedback):after {
  width: 30%;
  float: left;
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.10);
}
}
#canvas-banner:not(.feedback):before {
  left: 0;
  font-family: fontello;
  font-size: 3.5em;
  color: var(--body-font-colour);
  opacity: 0.5;
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 769px) {
#canvas-banner:not(.feedback):before {
  position: absolute;
  width: 30%;
  top: 50%;
  transform: translateY(-50%);
}
}
@container screen style(--screen-small: true) {
#canvas-banner:not(.feedback):before {
  width: 100%;
  top: 0;
  line-height: 140px;
  height: 140px;
  background-color: rgba(0,0,0,0.1);
}
}
#canvas-banner.injecting:before,
#canvas-banner.injecting:after {
  display: none;
}
#canvas-banner.injecting * {
  opacity: 0;
}
#canvas-banner.feedback {
  color: rgba(0,0,0,0.3);
  margin: 0;
  width: 100%;
  font-size: 0.9em;
}
#canvas-banner.feedback * {
  text-align: center;
  margin-bottom: 1.5em;
}
#canvas-banner .title {
  padding-right: 2.5rem;
}
#canvas-banner .close-message {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: var(--close-button-height);
  height: var(--close-button-height);
  border-radius: var(--border-radii);
  color: transparent !important;
  filter: none;
  border: none;
  background: none;
  outline: none;
  display: block;
  padding: 0;
  margin: 0;
  transition: transform var(--base-animation-duration) ease-out;
  z-index: 2;
  font-size: 0;
}
#canvas-banner .close-message:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
#canvas-banner .close-message:active {
  box-shadow: inherit;
  transform: scale(0.9);
  box-shadow: none;
}
#canvas-banner .close-message:before {
  font-family: fontello;
  content: var(--glyph-cancel);
  display: block;
  width: var(--close-button-height);
  text-align: center;
  font-size: calc(0.7 * var(--close-button-height));
  margin: 0;
  display: block;
  border-radius: var(--border-radii);
  text-indent: 1%;
  line-height: calc(0.95 * var(--close-button-height));
  height: var(--close-button-height);
  color: var(--button-text-colour);
  background-color: var(--button-background-colour);
}
#canvas-banner .close-message:before:hover {
  color: var(--button-text-colour-hover);
  background-color: var(--button-background-colour-hover);
  text-decoration: none;
}
@container screen style(--screen-small: true) {
#canvas-banner .close-message {
  font-size: 12px;
}
}
#canvas-banner .content {
  padding-left: 1em;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  float: right;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
#canvas-banner .content {
  padding-left: calc(30% + 1em);
}
}
#canvas-banner .content * {
  margin-bottom: 0.5rem;
}
#canvas-banner .content *:not(.read-more) {
  opacity: 0.7;
}
.canvas-grouping .group-title {
  margin-bottom: 0.5rem;
  margin-top: 0;
  line-height: 1.3;
  font-size: 1.2em;
}
.canvas-grouping .action-list {
  margin-bottom: 2rem;
}
@container screen style(--screen-small: true) {
.canvas-intro {
  margin: 0 auto;
}
}
@media only screen and (min-width: 769px) {
.canvas-intro {
  margin: 0 auto 3em;
  padding-top: 20px;
}
}
@media only screen and (min-width: 769px) {
.canvas-intro * {
  text-align: center;
}
}
@media only screen and (min-width: 1280px) {
.canvas-intro {
  width: 80%;
}
}
.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;
}
.canvas-subnav {
  margin-bottom: 35px;
  font-size: 0.9em;
  z-index: 1;
  position: relative;
}
.canvas-subnav:after {
  content: " ";
  display: table;
  clear: both;
}
@container screen style(--screen-small: true) {
.section-library .canvas-subnav,
.section-news .canvas-subnav {
  display: none;
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-width: 1279px) {
.section-library .canvas-subnav {
  display: none;
}
}
#portal-content.injecting .canvas-subnav {
  opacity: 1 !important;
}
.canvas-subnav a.contribute {
  box-shadow: 0 0 0 1px rgba(var(--colour-link), 0.3);
  background-color: rgba(var(--colour-link), 0.08);
  margin-left: 60px;
  color: var(--colour-link);
  float: right;
}
.canvas-subnav a.contribute:not(.current):hover {
  text-decoration: none;
  color: var(--colour-link-hover);
  box-shadow: 0 0 0 1px var(--colour-link);
}
.canvas-subnav a,
.canvas-subnav .pat-context-menu {
  display: inline-block;
  padding: 0 1em 0 1em;
  margin: 0 0.2em 0.6em;
  color: var(--body-font-colour);
  border-radius: 1em;
  cursor: pointer;
}
.canvas-subnav a:hover,
.canvas-subnav .pat-context-menu:hover {
  text-decoration: underline;
  color: var(--body-font-colour);
}
.canvas-subnav a.current,
.canvas-subnav a.open,
.canvas-subnav .pat-context-menu.current,
.canvas-subnav .pat-context-menu.open {
  color: var(--body-font-colour);
  cursor: default;
}
.canvas-subnav a.current:hover,
.canvas-subnav a.open:hover,
.canvas-subnav .pat-context-menu.current:hover,
.canvas-subnav .pat-context-menu.open:hover {
  text-decoration: none;
}
.canvas-subnav a.current,
.canvas-subnav .pat-context-menu.current {
  background: rgba(0,0,0,0.1);
}
.canvas-subnav .pat-context-menu {
  padding-right: 0;
}
.canvas-subnav .pat-context-menu .label.collapsible-closed {
  color: var(--body-font-colour);
}
.canvas-subnav .pat-context-menu.current .label.collapsible-closed {
  color: var(--body-font-colour);
}
.canvas-subnav .pat-context-menu a.current {
  margin: 0 calc(-1em + 3px);
  padding: 0.2em 1em;
  border-radius: 0;
}
@media print {
.canvas-subnav {
  display: none;
}
}
: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.view-options > button.icon.back {
  display: none;
  order: -2;
}
.pat-toolbar .toolbar-section.view-options > a.icon.back {
  order: -2;
}
.application-body:is(.sidebar-left-open, .sidebar-left-closed) .pat-toolbar .toolbar-section.view-options > button.icon.back {
  display: inline-block;
}
@media only screen and (min-width: 1280px) {
.application-body.sidebar-left-open .pat-toolbar .toolbar-section.view-options > button.icon.back {
  display: none;
}
}
@media only screen and (min-width: 1280px) {
.application-body.sidebar-left-open .pat-toolbar:has(.toolbar-section.view-options > button.icon.back):not(:has(.toolbar-section.quick-functions)):not(:has(.toolbar-section.editor)):not(:has(.toolbar-section.navigation)):not(:has(.toolbar-section.view-options > :not(button.icon.back))) {
  display: none;
}
}
@media only screen and (max-width: 768px) {
.js .pat-toolbar [class*="icon-"]:not(.icon) {
  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-family: fontello;
  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);
}
}
@media only screen and (max-width: 768px) {
body[dir=rtl] .js .pat-toolbar [class*="icon-"]:not(.icon) {
  text-align: right;
}
}
@media only screen and (max-width: 768px) {
.js .pat-toolbar [class*="icon-"]:not(.icon):hover {
  color: var(--pat-toolbar-icon-text-colour-hover);
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  text-decoration: none;
}
}
@media only screen and (max-width: 768px) {
.js .pat-toolbar [class*="icon-"]:not(.icon):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  text-indent: 0;
  text-align: center;
  line-height: calc(var(--pat-toolbar-button-line-height) + 1px);
  border-radius: var(--button-border-radius);
  box-sizing: border-box;
  display: inline-block;
}
}
@media only screen and (max-width: 768px) {
.js .pat-toolbar [class*="icon-"]:not(.icon):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 .ueber-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: var(--glyph-dot-circled);
  color: green;
  position: relative;
  z-index: 1;
  background: transparent !important;
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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;
  cursor: pointer;
}
.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:before {
  font-family: fontello;
  content: var(--glyph-plus);
}
.canvas-toolbar .locked-tag:before {
  font-family: fontello;
  content: var(--glyph-lock);
  display: inline-block;
  margin-right: 0.2em;
}
.canvas-toolbar .locked-tag:hover,
.canvas-toolbar .locked-tag.active,
.canvas-toolbar .locked-tag.tooltip-active-click {
  color: var(--body-font-colour);
  background: var(--colour-warning-background);
}
.canvas-toolbar .canvas-toolbar-section {
  vertical-align: top;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
.canvas-toolbar .canvas-toolbar-section {
  white-space: nowrap;
  -webkit-flex-grow: 1;
  -webkit-flex-shrink: 1;
  min-width: 0%;
  padding: 0 10px;
  float: left;
}
}
@media only screen and (min-width: 769px) {
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 > .ueber-back-button,
.canvas-toolbar .canvas-toolbar-section:first-child > .button-cluster,
.canvas-toolbar .canvas-toolbar-section:first-child > .pat-select {
  margin-right: 1em;
}
@media only screen and (min-width: 769px) {
.canvas-toolbar .canvas-toolbar-section.rsvp {
  width: 480px;
}
}
@media only screen and (max-width: 768px) {
.canvas-toolbar .canvas-toolbar-section.rsvp {
  width: 150px;
  float: left;
}
}
@media only screen and (max-width: 768px) {
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.view-options .button-cluster,
.canvas-toolbar .canvas-toolbar-section.view-options .pat-buttton,
.canvas-toolbar .canvas-toolbar-section.view-options > .icon {
  margin-right: 30px;
}
@container screen style(--screen-small: true) {
.canvas-toolbar .canvas-toolbar-section.view-options {
  float: left;
  width: auto;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.view-options {
  float: right;
}
}
@container screen style(--screen-small: true) {
.canvas-toolbar .canvas-toolbar-section.quick-navigation {
  float: left;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.quick-navigation {
  float: right;
}
}
@media only screen and (min-width: 769px) {
.canvas-toolbar .canvas-toolbar-section.quick-functions {
  float: right;
}
}
@media only screen and (min-width: 769px) {
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;
}
@media only screen and (min-width: 769px) {
.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;
  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 {
  font-family: fontello;
  content: var(--glyph-angle-double-right);
  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;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs:hover:before {
  background-color: rgba(255,255,255,0.4);
  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;
}
.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;
}
.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;
}
}
@media only screen and (min-width: 769px) {
.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;
}
@media only screen and (min-width: 769px) {
.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%;
}
@media only screen and (min-width: 769px) {
.canvas-toolbar#library-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#library-toolbar .canvas-toolbar-section.quick-navigation,
.canvas-toolbar#library-toolbar .canvas-toolbar-section.view-options {
  width: 20%;
}
}
.canvas-toolbar#library-toolbar .canvas-toolbar-section.quick-navigation .ueber-back-button {
  margin-right: 0;
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
.canvas-toolbar#legal-contracts-toolbar .canvas-toolbar-section.quick-functions,
.canvas-toolbar#legal-contracts-toolbar .canvas-toolbar-section.quick-navigation,
.canvas-toolbar#legal-contracts-toolbar .canvas-toolbar-section.view-options {
  width: 15%;
}
}
@media only screen and (min-width: 769px) {
.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):hover,
.canvas-toolbar > .pat-select:not(.bare).tooltip-active-click,
.canvas-toolbar .cal-categories .pat-select:not(.bare):hover,
.canvas-toolbar .cal-categories .pat-select:not(.bare).tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare):hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare):hover,
.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):hover:after,
.canvas-toolbar > .pat-select:not(.bare).tooltip-active-click:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare):hover:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare):hover:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare):hover:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).tooltip-active-click: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:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare).locked:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).locked:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).locked:before {
  font-family: fontello;
  content: var(--glyph-lock);
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
}
.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 {
  font-family: fontello;
  content: var(--glyph-down-open);
  width: var(--pat-select-box-arrow-width);
  background-color: var(--pat-select-box-arrow-background-colour);
  background-image: none;
  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);
}
.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;
}
.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);
}
.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);
}
.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 {
  font-family: fontello;
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 1279px) {
.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;
}
}
@media only screen and (max-width: 1279px) {
.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 {
  content: var(--glyph-month-view);
}
.canvas-toolbar .button-cluster.cal-controls button.view-day:before {
  content: var(--glyph-day-view);
}
.canvas-toolbar .button-cluster.cal-controls button.view-week:before {
  content: var(--glyph-week-view);
}
.canvas-toolbar .button-cluster.cal-controls button.view-listDay:before,
.canvas-toolbar .button-cluster.cal-controls button.view-listMonth:before {
  content: var(--glyph-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 {
  font-family: fontello;
  content: var(--glyph-circle);
  text-align: center;
  color: var(--body-font-colour);
  font-size: 0.6em;
}
}
.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: '';
  font-family: fontello;
  font-size: 15px;
  display: block;
  margin: 0;
  text-align: center;
}
.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 {
  content: var(--glyph-left-open-1);
}
body[dir=rtl] .canvas-toolbar .button-cluster.cal-controls button.jump-prev:before {
  content: var(--glyph-right-open-1);
}
.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;
}
.canvas-toolbar .button-cluster.cal-controls button.jump-next:before {
  content: var(--glyph-right-open-2);
}
body[dir=rtl] .canvas-toolbar .button-cluster.cal-controls button.jump-next:before {
  content: var(--glyph-left-open-1);
}
.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;
}
.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;
}
.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 {
  cursor: pointer;
  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(0.75 * var(--border-radii));
  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.sidebar-toggle.left:before,
.canvas-toolbar .icon.sidebar-toggle.left:before {
  content: var(--glyph-sidebar-left);
}
.sidebar-left-closed .canvas-toolbar .button.sidebar-toggle.left:before,
.sidebar-left-closed .canvas-toolbar .icon.sidebar-toggle.left:before {
  content: var(--glyph-sidebar-left-open);
}
.sidebar-normal .sidebar .canvas-toolbar .button.sidebar-toggle.left,
.sidebar-normal .sidebar .canvas-toolbar .icon.sidebar-toggle.left {
  order: -1;
}
@container screen style(--screen-small: true) {
.canvas-toolbar .button.sidebar-toggle,
.canvas-toolbar .icon.sidebar-toggle {
  display: none;
}
}
.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 {
  content: var(--glyph-cog-many) !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);
}
.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;
}
@media only screen and (max-width: 1279px) {
.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 {
  font-family: fontello;
  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 {
  font-family: fontello;
  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: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:before {
  background-color: var(--colour-accent);
  color: white;
}
.canvas-toolbar .icon.create:before {
  content: var(--glyph-plus);
  font-size: 25px;
}
.canvas-toolbar .icon.edit:before {
  content: var(--glyph-pencil-1);
}
.canvas-toolbar .icon.share:before {
  content: var(--glyph-share);
}
.canvas-toolbar .icon.modify:before {
  content: var(--glyph-cog);
}
.canvas-toolbar .icon.card-view:before {
  content: var(--glyph-grid-large);
}
.canvas-toolbar .icon.list-view:before {
  content: var(--glyph-list-large);
}
.canvas-toolbar .icon.download:before {
  content: var(--glyph-download);
}
.canvas-toolbar .icon.upload:before {
  content: var(--glyph-upload);
}
.canvas-toolbar .icon.shopping-basket:before {
  content: var(--glyph-shopping-basket);
}
.canvas-toolbar .icon.more:before {
  content: var(--glyph-ellipsis);
}
.canvas-toolbar .icon.visibility:before {
  content: var(--glyph-user-secret);
  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);
  text-align: center;
  font-family: fontello;
  content: var(--glyph-search);
  font-size: 22px;
  transition: left 0.5s, padding-left 0.5s, transform 1s;
}
.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;
}
@media only screen and (min-width: 769px) {
.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;
}
@media only screen and (min-width: 769px) {
.canvas-toolbar .canvas-toolbar-search-field.focus:after,
.canvas-toolbar .canvas-toolbar-search-field.has-value:after {
  left: -350px;
  padding-left: 40px;
}
}
.case-mat {
  font-size: 0.8em;
  background-color: #DE7F00;
  margin-bottom: 5em;
  padding: 4% 3% 3% 3%;
  color: white;
  border-radius: var(--border-radii);
}
.case-mat .case-title {
  text-align: center;
  font-size: 3em;
  font-weight: 200;
  margin-bottom: 1em;
  letter-spacing: 0.1em;
}
.case-mat .case-title a {
  display: block;
  color: white;
}
.case-mat .case-title a .workspace-state {
  background: rgba(255, 255, 255, 0.3);
  color: white;
  display: inline-block;
  line-height: 1.3em;
  padding: 0.2em 0.5em 0.1em;
  font-size: 0.6em;
  margin-left: 0.5em;
  position: relative;
  top: -0.1em;
}
.case-mat.state-archived {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,.1) 5px, rgba(255,255,255,.1) 10px);
}
.case-mat .summary {
  margin-bottom: 1em;
}
.case-mat .stats .stat {
  float: left;
  width: 33%;
  text-align: center;
  padding-top: 0.8em;
}
.case-mat .stats .stat .value {
  display: block;
  font-weight: bold;
  font-size: 3em;
  margin-bottom: 0.5em;
}
.case-mat .stats .stat .name {
  display: block;
}
.case-mat .timeline {
  margin-bottom: 0;
}
@media only screen and (min-width: 1280px) {
.cases-overview .case-filters {
  padding-right: 5%;
  padding-top: 3%;
}
}
.certificate-container {
  margin-bottom: 1em;
  float: left;
  width: 100%;
}
.certificate {
  display: block;
  width: 1500px;
  height: 1025px;
  position: relative;
  color: rgba(0,0,0,0.7);
  line-height: 1.4;
  font-family: 'EB Garamond', serif;
}
.certificate.style-1 .certificate-title {
  top: 269px !important;
}
.certificate.style-1 .certificate-colofon {
  width: 100%;
  left: 0;
  top: 650px;
}
.certificate.style-2 {
  height: 1072px;
  background: rgb(244, 242, 239);
}
.certificate.style-3 {
  height: 1072px;
  background: rgb(244, 242, 239);
}
.certificate.style-4 {
  height: 1072px;
  background: rgb(244, 242, 239);
}
.certificate.style-5 {
  height: 1009px;
  background: rgb(244, 242, 239);
}
.certificate.style-7 {
  height: 1025px;
  background: var(--colour-base-background);
}
.certificate.style-7 {
  height: 1009px;
  background: var(--colour-base-background);
  color: rgb(122, 109, 78);
}
.certificate.style-8 {
  color: #003399;
  height: 1009px;
  background: #ECE6F3;
}
.certificate.style-8 .certificate-title {
  top: 214px !important;
}
.certificate * {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.certificate .certificate-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.certificate .certificate-title,
.certificate .certificate-title-byline,
.certificate .certificate-user-name,
.certificate .certificate-achievement,
.certificate .certificate-colofon {
  position: absolute;
  left:  140px;
  right: 140px;
  text-align: center;
}
.certificate .certificate-title {
  top: 254px !important;
  font-size: 100px !important;
  line-height: 100px !important;
  text-transform: uppercase !important;
}
.certificate .certificate-title-byline {
  top: 400px;
  font-size: 30px !important;
  transform: translateY(-50%);
}
.certificate .certificate-user-name {
  top: 490px;
  font-size: 70px;
  font-weight: bold;
  line-height: 70px;
  transform: translateY(-50%);
}
.certificate .certificate-achievement {
  top: 565px;
  font-size: 30px !important;
}
.certificate .certificate-achievement .certificate-date {
  white-space: nowrap;
}
.certificate .certificate-colofon {
  top: 690px;
  width: 80%;
  border: none;
  left: 10%;
  right: 0;
  font-size: 30px !important;
}
.certificate .certificate-colofon td {
  height: 92px;
  overflow: hidden;
}
.certificate .certificate-colofon th,
.certificate .certificate-colofon td {
  border: none;
  text-align: center;
  width: 50%;
  box-sizing: border-box;
  display: block;
  float: left;
}
.certificate .certificate-colofon th.department,
.certificate .certificate-colofon td.department {
  padding: 0 9% 0 12%;
}
.certificate .certificate-colofon th.tool,
.certificate .certificate-colofon td.tool {
  padding: 0 12% 0 9%;
}
.content-collections {
  display: table;
  border-collapse:separate;
  border-spacing:0 15px;
}
.content-collections .content-collection {
  display: table-row;
  position: relative;
  box-shadow: var(--default-box-shadow);
  background: var(--colour-base-background);
  box-sizing: border-box;
  margin-bottom: 15px;
  box-shadow: 0 2px 30px rgba(0,0,0,0.1);
}
.content-collections .content-collection .segment {
  display: table-cell;
  padding: 20px;
  border-bottom: solid transparent 10px;
}
.content-collections .content-collection .segment.title-group {
  padding-left: 70px;
  color: var(--body-font-colour);
  font-size: 24px;
}
.content-collections .content-collection .segment.title-group:hover {
  color: var(--body-font-colour);
  text-decoration: none;
}
.content-collections .content-collection .segment.title-group:hover:before {
  text-decoration: none;
}
.content-collections .content-collection .segment.title-group:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 23px;
}
.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.task-list > .label {
  padding: 2px 7px;
  margin: 0;
  border-radius: var(--border-radii);
}
.pat-checklist.task-list > .label:hover .label {
  text-decoration: underline;
}
.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 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 .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 {
  font-family: fontello;
  z-index: 1;
}
.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:before {
  content: var(--glyph-radio-off);
}
.pat-checklist.colour-selector label.checked:before {
  content: var(--glyph-dot-circled);
}
.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%;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.pat-checklist.layout-thumbs label {
  width: 33.33332%;
}
}
@media only screen and (min-width: 1280px) {
.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.layout-thumbs label.layout-1-3 img {
  background-image: url(media/layout-thumbs/1-3.svg);
}
.pat-checklist.layout-thumbs label.layout-2-3 img {
  background-image: url(media/layout-thumbs/2-3.svg);
}
.pat-checklist.layout-thumbs label.layout-1 img {
  background-image: url(media/layout-thumbs/1.svg);
}
.pat-checklist.layout-thumbs label.layout-2 img {
  background-image: url(media/layout-thumbs/2.svg);
}
.pat-checklist.layout-thumbs label.layout-3 img {
  background-image: url(media/layout-thumbs/3.svg);
}
.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;
}
.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;
}
#portal #portal-content:has(.kik-cloud-dashboard) {
  --pat-container-width: 1550px;
}
:root {
  --kik-cloud-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.07);
}
.kik-cloud-dashboard {
  --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);
}
.kik-cloud-dashboard .kik-cloud-card {
  --pat-well-padding-left: 20px;
  --pat-well-padding-right: 20px;
  --pat-well-padding-top: 20px;
  --pat-well-padding-bottom: 20px;
  --pat-well-padding: 20px;
  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);
}
.kik-cloud-dashboard .kik-cloud-wide {
  grid-column: span 2;
}
.kik-cloud-dashboard .kik-cloud-mail {
  grid-column: 1 / -1;
}
.kik-cloud-dashboard .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;
}
.kik-cloud-dashboard .kik-cloud-card .well-title-group .pat-toolbar::before {
  box-shadow: var(--kik-cloud-card-toolbar-pill-shadow, var(--pat-toolbar-box-shadow));
}
.kik-cloud-dashboard .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;
}
.kik-cloud-dashboard .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)));
}
.kik-cloud-dashboard .kik-cloud-card:hover .well-title-group .pat-toolbar,
.kik-cloud-dashboard .kik-cloud-card:focus-within .well-title-group .pat-toolbar {
  opacity: 1;
}
@media (hover: none) {
.kik-cloud-dashboard .kik-cloud-card .well-title-group .pat-toolbar {
  opacity: 1;
}
}
@container screen style(--screen-small: true) {
.kik-cloud-dashboard .kik-cloud-card .well-title-group .pat-toolbar {
  opacity: 1;
}
}
.kik-cloud-dashboard .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) {
.kik-cloud-dashboard .kik-cloud-card .well-title-group .quaive-page-head > h1 {
  font-size: var(--kik-cloud-card-title-font-size, 2.1875rem);
}
}
@media (max-width: 680px) {
.kik-cloud-dashboard .kik-cloud-card .well-title-group,
.kik-cloud-dashboard .kik-cloud-card .well-title-group:has(.pat-toolbar) {
  grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 680px) {
.kik-cloud-dashboard .kik-cloud-card .well-title-group > .quaive-page-head-link,
.kik-cloud-dashboard .kik-cloud-card .well-title-group > .quaive-page-head,
.kik-cloud-dashboard .kik-cloud-card .well-title-group > .pat-toolbar {
  grid-area: 1 / 1;
}
}
@media (max-width: 680px) {
.kik-cloud-dashboard .kik-cloud-card .well-title-group .quaive-page-head {
  justify-content: center;
}
}
@media (max-width: 680px) {
.kik-cloud-dashboard .kik-cloud-card .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)) {
.kik-cloud-dashboard .kik-cloud-card .well-title-group .quaive-page-head > h1 {
  translate: 0 0.14em;
}
}
.kik-cloud-dashboard .kik-cloud-card .quaive-page-head svg.app-icon * {
  fill: none;
  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);
}
.kik-cloud-dashboard .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%));
}
.kik-cloud-dashboard .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);
}
.kik-cloud-dashboard .panel-content {
  flex: 1 1 auto;
  min-height: 244px;
}
.kik-cloud-dashboard .panel-content > :last-child {
  margin-bottom: 0;
}
.kik-cloud-dashboard .kik-cloud-card:has(.pat-lazy-load) {
  position: relative;
}
.kik-cloud-dashboard .panel-content > .pat-lazy-load,
.kik-cloud-dashboard .panel-content > .pat-realtime > .pat-lazy-load {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.kik-cloud-dashboard .pat-link-list {
  column-width: 260px;
}
.kik-cloud-dashboard .pat-link-list li:last-child {
  margin-bottom: 0;
}
.kik-cloud-dashboard .kik-cloud-photos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  border-radius: calc(var(--kik-cloud-radius) - 10px);
  overflow: hidden;
}
.kik-cloud-dashboard .kik-cloud-photos > a {
  display: block;
  min-width: 0;
  line-height: 0;
}
.kik-cloud-dashboard .kik-cloud-photos img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.kik-cloud-dashboard .kik-cloud-wide .kik-cloud-photos {
  grid-template-columns: repeat(8, 1fr);
}
.kik-cloud-dashboard .kik-cloud-apps .quaive-apps-grid {
  --apps-grid-tile-min: 0px;
  --app-tile-padding: 12px;
  margin: 0;
  margin-top: 10px;
  padding-top: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.kik-cloud-dashboard .kik-cloud-apps:not(.kik-cloud-wide) .quaive-apps-grid .tile:nth-child(n + 10) {
  display: none;
}
.kik-cloud-dashboard .kik-cloud-apps .tile .icon,
.kik-cloud-dashboard .kik-cloud-apps .tile .tile-title:before,
.kik-cloud-dashboard .kik-cloud-apps .tile:after {
  margin: 0 auto 4px;
}
.kik-cloud-dashboard .kik-cloud-apps .tile:after {
  left: var(--app-tile-padding);
}
.kik-cloud-dashboard .kik-cloud-apps .tile .tile-title {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.15;
  padding-top: 2px;
  padding-bottom: 0;
}
.kik-cloud-dashboard .kik-cloud-apps .tile .more-menu-toggle,
.kik-cloud-dashboard .kik-cloud-apps .tile .icon-bookmark,
.kik-cloud-dashboard .kik-cloud-apps .tile .icon-bookmark-empty {
  display: none;
}
.kik-cloud-dashboard .pat-checklist.task-list {
  margin-bottom: 0;
}
.kik-cloud-dashboard .pat-checklist.task-list label {
  gap: 0;
}
.kik-cloud-dashboard .pat-checklist label {
  display: flex;
  align-items: baseline;
  gap: 8px;
  line-height: 1.5;
}
.kik-cloud-dashboard .pat-checklist br {
  display: none;
}
@media (min-width: 1024px) {
.kik-cloud-dashboard {
  gap: 2.2rem;
}
}
@media (min-width: 1560px) {
.kik-cloud-dashboard {
  grid-template-columns: repeat(4, minmax(0, var(--kik-col-w)));
}
}
@media (min-width: 1560px) {
.kik-cloud-dashboard .kik-cloud-mail {
  grid-column: 4;
  grid-row: 1 / span 3;
}
}
@media (max-width: 1000px) {
.kik-cloud-dashboard {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.kik-cloud-dashboard {
  grid-template-columns: 1fr;
  padding: 0;
}
}
@media (max-width: 680px) {
.kik-cloud-dashboard .kik-cloud-card,
.kik-cloud-dashboard .kik-cloud-wide {
  grid-column: 1 / -1;
}
}
@media (max-width: 680px) {
.kik-cloud-dashboard .kik-cloud-apps {
  display: none;
}
}
@media (max-width: 680px) {
.kik-cloud-dashboard .panel-content {
  min-height: 0;
}
}
@media (max-width: 680px) {
.kik-cloud-dashboard .kik-cloud-wide .kik-cloud-photos {
  grid-template-columns: repeat(4, 1fr);
}
}
.classification-tag {
  border-radius: 20px;
  font-size: 10px;
  height: 12px;
  line-height: 12px;
  padding: 0 6px;
  vertical-align: middle;
  display: inline;
  background: silver;
  color: var(--body-font-colour);
  margin-top: -2px;
  margin-left: 3px;
}
.classification-tag.mutated {
  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;
}
.classification-tag.generic {
  background: #666;
  color: #efefef !important;
}
.classification-tag.indication {
  background: var(--colour-purple-l);
  color: var(--colour-purple) !important;
}
.classification-tag.has-mutations {
  background: var(--colour-orange);
  color: white !important;
  text-transform: uppercase;
}
.classification-tag.new {
  background: var(--colour-green);
  color: white !important;
  text-transform: uppercase;
}
.classification-tag.published {
  background: var(--colour-info-background);
  color: rgba(0, 0, 0, .7) !important;
}
.classification-tag.published:before {
  font-family: fontello;
  content: var(--glyph-globe);
  margin-right: 4px;
  font-size: 0.9em;
}
.cms-item {
  position: relative;
  font-size: 1.2em;
  line-height: 150%;
  padding: 3em 0;
}
@media print {
.cms-item {
  font-size: 1em;
}
}
@media only screen and (min-width: 769px) {
.cms-item {
  background-color: var(--colour-base-background);
  padding: 18% 10% 20% 20%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
}
@media only screen and (min-width: 769px) {
.cms-item:after {
  content: " ";
  display: table;
  clear: both;
}
}
.cms-item .title ~ .tag-cloud {
  margin-top: -1.5em;
  margin-bottom: 3em;
}
.cms-item .tag-cloud {
  font-size: 0.7em;
}
@container screen style(--screen-small: true) {
.cms-item.type-file .tag-cloud,
.cms-item.type-file .summary {
  padding: 0 var(--small-screen-padding);
}
}
@media only screen and (min-width: 769px) {
.cms-item.type-file .tag-cloud,
.cms-item.type-file .summary {
  padding: 0 6%;
}
}
.cms-item .external-link {
  border-radius: var(--border-radii);
  padding: 6%;
  background-color: var(--colour-base-light);
  margin-bottom: 2em;
  box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
}
.cms-item .external-link p {
  margin: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cms-item .external-link p:first-child {
  margin: 0 0 20px;
}
.cms-item .hero {
  margin-bottom: 2em;
  left: 0;
  transform: none;
  max-width: inherit;
  width: 100%;
  text-align: center;
}
.cms-item .hero img,
.cms-item .hero video,
.cms-item .hero audio {
  width: 100%;
}
.cms-item .hero video {
  background-color: #efefef;
}
.cms-item .summary {
  color: rgba(0,0,0,0.5);
}
.cms-item .summary .date {
  font-weight: bold;
  display: inline-block;
  padding-right: 0.5em;
  margin-right: 0.3em;
  border-right: 1px solid rgba(0,0,0,0.5);
}
.cms-item .main-content:after {
  content: " ";
  display: table;
  clear: both;
}
.cms-item .main-content blockquote {
  font-size: 40px;
  line-height: 1.4;
  word-wrap: break-word;
  margin: 1.5em 0;
  position: relative;
  border: none;
  color: rgba(0,0,0,0.5);
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-style: italic;
  font-size: 30px;
}
.cms-item .main-content blockquote *:last-child {
  margin: 0;
}
@media only screen and (min-width: 769px) {
.cms-item .main-content blockquote {
  padding: 0 2.5em;
}
}
@media only screen and (min-width: 769px) {
.cms-item .main-content blockquote:before {
  content: '“';
  font-size: 4em;
  font-weight: bold;
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0.85em;
  color: rgba(0,0,0,0.2);
}
}
.cms-item .main-content table {
  font-size: 0.8em;
  overflow-x: auto;
  display: block;
  max-width: 100%;
  width: 100% !important;
  line-height: 1.3;
}
.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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.comment .comment-reply-box.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.comment .comment-reply-box.injecting:before {
  animation: none;
}
}
.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;
  cursor: pointer;
  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;
}
.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;
  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;
}
.comment .comment-header .meta:hover {
  text-decoration: none;
}
.comment .comment-header .meta[href] {
  color: var(--colour-link);
}
.comment .comment-header .meta[href]:hover .name {
  text-decoration: underline;
}
.comment .date {
  font-style: italic;
  color: var(--colour-byline);
}
.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;
  cursor: pointer;
}
.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;
}
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:hover,
.comment .comment-header .icon-ellipsis:hover {
  background-color: var(--pat-button-background-colour-hover);
  text-decoration: none;
}
.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;
}
.comment-sentinel {
  height: 2rem;
  text-align: center;
  font-size: 0.8rem;
  white-space: nowrap;
  bottom: 20px;
  margin-bottom: 20px;
}
@media print {
.comment-sentinel {
  display: none !important;
}
}
.comment-sentinel a {
  display: inline-block;
  background-color: var(--colour-accent);
  border: 1px white solid;
  color: white;
  padding: 0 1rem;
  border-radius: 1rem;
  position: absolute;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
.comment-sentinel a:hover {
  text-decoration: none;
}
.comment-sentinel a:before,
.comment-sentinel a:after {
  font-family: fontello;
  content: var(--glyph-down-bold);
  opacity: 0;
  transition: all 0.4s;
}
.comment-sentinel a:before {
  margin-right: 1em;
}
.comment-sentinel a:after {
  margin-left: 1em;
}
.comment-sentinel.bumped-bottom {
  position: sticky;
}
.comment-sentinel.bumped-bottom a:hover {
  filter: contrast(140%);
}
.comment-sentinel.bumped-bottom a:before,
.comment-sentinel.bumped-bottom a:after {
  opacity: 1;
}
.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;
}
.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);
}
.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);
}
.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 {
  font-family: fontello;
  content: var(--glyph-heart-empty);
  font-weight: normal;
  display: inline-block;
}
.comments .functions .like.active:before,
.comments .comment-footer .like.active:before {
  content: var(--glyph-heart);
}
.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:before {
  content: var(--glyph-up-circled);
  font-family: fontello;
}
.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;
}
.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;
}
.contact-bars .contact-bars-item:hover {
  transform: scale(1.01);
}
.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;
}
.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;
}
}
@media only screen and (min-width: 769px) {
.contact-cards {
  margin-bottom: 15px;
}
}
@media only screen and (min-width: 769px) {
.contact-cards {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 35px;
}
}
@media only screen and (min-width: 769px) {
.contact-cards.col-1 {
  grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 769px) {
.contact-cards.col-2 {
  grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 769px) {
.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: 25px;
  grid-template-columns: repeat(auto-fill, minmax(110px, 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);
}
.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);
  text-decoration: underline;
}
.contacts-table .contacts-table-item[href]:hover figcaption .byline,
.contacts-table .contact-table-item[href]:hover figcaption .byline,
.contact-table .contacts-table-item[href]:hover figcaption .byline,
.contact-table .contact-table-item[href]:hover figcaption .byline {
  text-decoration: none;
}
.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;
}
.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.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;
}
.contacts-table figure figcaption .byline,
.contact-table figure figcaption .byline {
  font-size: 0.7em;
  color: var(--body-font-colour);
  display: block;
  padding-top: 0.3rem;
}
.contacts-table figure .pat-avatar,
.contact-table figure .pat-avatar {
  width: 100%;
  max-width: 100% !important;
  height: auto;
  margin-bottom: 0.5rem;
}
.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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
}
@media screen {
@media (prefers-reduced-motion: reduce) {
#app-space.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
}
@media screen {
@media (prefers-reduced-motion: reduce ) {
#app-space.injecting:before {
  animation: none;
}
}
}
@container screen style(--screen-small: true) {
#app-space {
  top: var(--global-header-height);
}
}
@media only screen and (min-width: 769px) {
#app-space {
  top: calc(var(--global-header-height) + var(--separation-line-thickness));
}
}
@media only screen and (min-width: 769px) {
#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;
}
}
@media only screen and (min-width: 769px) {
#app-space:not(.injecting):before {
  opacity: 0;
}
}
@media only screen and (min-width: 769px) {
@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;
}
}
}
@media only screen and (min-width: 769px) {
@media screen {
@container screen style(--screen-small: true) {
#app-space:not(.injecting):before {
  top: var(--global-header-height);
}
}
}
}
@media only screen and (min-width: 769px) {
@media screen {
@media only screen and (min-width: 769px) {
#app-space:not(.injecting):before {
  top: 0;
}
}
}
}
@media only screen and (min-width: 769px) {
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;
}
@media print {
#app-space #back-to-parent,
#app-space #back-to-overview,
#app-space #back-to-sidebar {
  display: none;
}
}
#app-space.injecting > #back-to-overview {
  opacity: 1;
}
#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 {
  font-family: fontello;
  content: var(--glyph-cancel);
  color: gray;
  font-size: 1.2em;
}
.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:hover,
.context-menu.pat-collapsible .context-menu-label.collapsible-closed:active,
.context-menu.pat-collapsible .context-menu-label.collapsible-open:hover,
.context-menu.pat-collapsible .context-menu-label.collapsible-open:active {
  color: var(--body-font-colour);
}
.context-menu.pat-collapsible .context-menu-label.collapsible-closed {
  text-decoration: none;
}
.canvas-subnav .context-menu.pat-collapsible .context-menu-label.collapsible-closed {
  cursor: pointer;
}
.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;
  font-family: fontello;
  content: var(--glyph-ellipsis);
  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;
}
@media only screen and (max-width: 768px) {
.context-menu.pat-collapsible .panel-content {
  left: auto;
  right: 0;
}
}
@media only screen and (max-width: 768px) {
body[dir=rtl] .context-menu.pat-collapsible .panel-content {
  left: 0;
  right: auto;
}
}
@media only screen and (min-width: 769px) {
.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);
  display: grid;
  gap: var(--grid-gutter);
  grid-template-columns: 2fr 1fr;
}
@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));
}
}
.quaive-dashboard > .quaive-portlet#portlet-updates {
  grid-column: 1;
  grid-row: 1 / span 100;
  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-small: true) {
.quaive-dashboard > .quaive-portlet:not(#portlet-updates) {
  grid-column: 1;
}
}
@container screen style(--screen-small: true) {
.quaive-dashboard > .quaive-portlet:not(#portlet-updates) {
  grid-column: 2;
}
}
@container screen style(--screen-small: true) {
.quaive-dashboard > .quaive-portlet:not(#portlet-updates) {
  grid-column: auto;
}
}
#dashboard-banner {
  overflow: hidden;
  display: block;
  margin: var(--dashboard-banner-margin, 55px auto -25px);
  position: relative;
  border-radius: var(--border-radii);
  z-index: var(--dashboard-banner-z-index, 1);
  padding: var(--dashboard-banner-padding, 20px);
  box-sizing: border-box;
  background-color: var(--dashboard-banner-bg, white);
  box-shadow: var(--default-box-shadow);
}
#dashboard-banner.frameless {
  padding: var(--dashboard-banner-frameless-padding, 0);
  background-color: var(--dashboard-banner-frameless-bg, transparent);
  box-shadow: var(--dashboard-banner-frameless-shadow, none);
  border-radius: var(--dashboard-banner-frameless-radius, 0);
}
@media only screen and (min-width: 769px) {
#dashboard-banner {
  width: var(--dashboard-banner-width-lg, 80%);
}
}
#dashboard-banner img {
  max-width: var(--dashboard-banner-img-max-width, 100%);
  display: block;
  margin: var(--dashboard-banner-img-margin, 0 auto);
}
ul.data-matrix {
  margin-left: 0;
  margin-bottom: 30px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
ul.data-matrix.hd {
  font-size: 0.8em;
}
@media only screen and (min-width: 769px) {
ul.data-matrix.framed {
  background: var(--colour-base-background);
  padding: 30px;
  border: 1px solid var(--colour-accent);
  border-radius: border-radii;
}
}
ul.data-matrix .row {
  line-height: 1.4;
  padding-right: 60px;
  position: relative;
}
@media only screen and (min-width: 769px) {
ul.data-matrix .row {
  display: table-row;
}
}
@container screen style(--screen-small: true) {
ul.data-matrix .row {
  display: block;
  margin-bottom: 20px;
  padding: 15px;
  background: var(--colour-base-background);
}
}
ul.data-matrix .row.archived .field.name:after {
  font-family: fontello;
  content: var(--glyph-archive);
  font-size: 0.6em;
  vertical-align: middle;
  padding-left: 0.5em;
  position: relative;
  top: -0.1em;
}
ul.data-matrix .row .field {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
@media only screen and (min-width: 769px) {
ul.data-matrix .row .field {
  display: table-cell;
  vertical-align: middle;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  display: table-cell;
}
}
.span-1 ul.data-matrix .row .field {
  display: block;
  padding: 0;
}
ul.data-matrix .row .field .last-saved {
  clear: both;
}
ul.data-matrix .row .field.name a,
ul.data-matrix .row .field.name .value,
ul.data-matrix .row .field.user a,
ul.data-matrix .row .field.user .value,
ul.data-matrix .row .field.tool a,
ul.data-matrix .row .field.tool .value,
ul.data-matrix .row .field.probe a,
ul.data-matrix .row .field.probe .value {
  padding-left: 32px;
  display: block;
  position: relative;
  line-height: 1.2;
}
ul.data-matrix .row .field.name a:before,
ul.data-matrix .row .field.name .value:before,
ul.data-matrix .row .field.user a:before,
ul.data-matrix .row .field.user .value:before,
ul.data-matrix .row .field.tool a:before,
ul.data-matrix .row .field.tool .value:before,
ul.data-matrix .row .field.probe a:before,
ul.data-matrix .row .field.probe .value:before {
  font-family: fontello;
  display: inline-block;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  left: 0;
  width: 32px;
  text-align: center;
  margin: 0;
}
ul.data-matrix .row .field.name a[href]:hover,
ul.data-matrix .row .field.name .value[href]:hover,
ul.data-matrix .row .field.user a[href]:hover,
ul.data-matrix .row .field.user .value[href]:hover,
ul.data-matrix .row .field.tool a[href]:hover,
ul.data-matrix .row .field.tool .value[href]:hover,
ul.data-matrix .row .field.probe a[href]:hover,
ul.data-matrix .row .field.probe .value[href]:hover {
  text-decoration: underline;
}
ul.data-matrix .row .field:first-child {
  padding-left: 0;
}
ul.data-matrix .row .field.name a:before {
  content: var(--glyph-oira-assessment);
}
ul.data-matrix .row .field.assessment.name {
  padding-left: 0;
}
ul.data-matrix .row .field.assessment.name a:before {
  content: var(--glyph-oira-assessment);
}
ul.data-matrix .row .field.user {
  padding-left: 0;
}
ul.data-matrix .row .field.user a:before {
  content: var(--glyph-user);
}
ul.data-matrix .row .field.tool a:before {
  content: var(--glyph-wrench);
}
ul.data-matrix .row .field.icons {
  width: 0;
  text-align: right;
  white-space: nowrap;
  padding-right: 0;
}
@media only screen and (min-width: 769px) {
ul.data-matrix .row .field.icons {
  padding-left: 0;
  padding-left: 20px;
}
}
ul.data-matrix .row .field.icons .icon {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  line-height: 22px;
}
@media only screen and (min-width: 769px) {
ul.data-matrix .row .field.icons .icon {
  margin-left: 20px;
}
}
@container screen style(--screen-small: true) {
ul.data-matrix .row .field.icons .icon {
  margin-right: 20px;
}
}
@container screen style(--screen-small: true) {
ul.data-matrix .row .field.status,
ul.data-matrix .row .field.icons {
  padding-left: 32px;
}
}
ul.data-matrix .row .field.date,
ul.data-matrix .row .field.status,
ul.data-matrix .row .field.updated,
ul.data-matrix .row .field.probe {
  color: #666;
}
.span-1 ul.data-matrix .row .field.date,
.span-1 ul.data-matrix .row .field.status,
.span-1 ul.data-matrix .row .field.updated,
.span-1 ul.data-matrix .row .field.probe {
  padding-left: 1.5rem;
}
@media only screen and (min-width: 769px) {
.span-1 ul.data-matrix .row .field.date,
.span-1 ul.data-matrix .row .field.status,
.span-1 ul.data-matrix .row .field.updated,
.span-1 ul.data-matrix .row .field.probe {
  text-align: left;
  white-space: inherit;
  padding-bottom: 0.4em;
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .span-1 ul.data-matrix .row .field.date,
body[dir=rtl] .span-1 ul.data-matrix .row .field.status,
body[dir=rtl] .span-1 ul.data-matrix .row .field.updated,
body[dir=rtl] .span-1 ul.data-matrix .row .field.probe {
  text-align: right;
}
}
@media only screen and (min-width: 769px) {
ul.data-matrix .row .field.date .published,
ul.data-matrix .row .field.status .published,
ul.data-matrix .row .field.updated .published,
ul.data-matrix .row .field.probe .published {
  background: #efefef;
  border-radius: 4px;
  display: inline-block;
  padding: 0 0.4em;
  margin-right: 15px;
}
}
@media only screen and (min-width: 769px) {
.span-1 ul.data-matrix .row .field.date .published,
.span-1 ul.data-matrix .row .field.status .published,
.span-1 ul.data-matrix .row .field.updated .published,
.span-1 ul.data-matrix .row .field.probe .published {
  background: transparent;
  display: inline;
  padding: 0;
  margin: 0;
}
}
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);
}
@media only screen and (min-width: 1280px) {
.directory.col-1 {
  column-count: 1;
}
}
@media only screen and (min-width: 1280px) {
.directory.col-2 {
  column-count: 2;
}
}
@media only screen and (min-width: 1280px) {
.directory.col-3 {
  column-count: 3;
}
}
@media only screen and (min-width: 1280px) {
.directory.col-4 {
  column-count: 3;
}
}
@media only screen and (min-width: 1280px) {
.directory .menu.links li {
  break-inside: avoid;
}
}
@media only screen and (min-width: 1280px) {
.directory .menu.links li a {
  color: var(--colour-link);
}
}
@media only screen and (min-width: 1280px) {
.directory .menu.links li a:hover {
  color: color-mix(in lch, var(--colour-link), black 90%);
}
}
@container screen style(--screen-small: true) {
.directory .pat-well .menu {
  columns: 1;
}
}
@container screen style(--screen-medium: true) {
.directory .pat-well .menu {
  columns: 2;
}
}
@container screen style(--screen-large: true) {
.directory .pat-well .menu {
  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);
}
.app-test {
  margin-bottom: var(--app-test-margin-bottom, 1.5em);
  padding: var(--app-test-padding, 0.5em);
  border-radius: var(--app-test-border-radius, 8px);
  border: var(--app-test-border, 1px silver solid);
}
.app-test .app-test-sentinel {
  padding: var(--sentinel-padding, 0.2em 0.8em);
  border-radius: var(--sentinel-border-radius, 4px);
  margin: var(--sentinel-margin, 0);
}
@media all and (display-mode: minimal-ui) {
.app-test .minimal-ui {
  background: var(--accent-background, var(--colour-accent));
  color: var(--accent-color, white);
}
}
@media all and (display-mode: standalone) {
.app-test .standalone {
  background: var(--accent-background, var(--colour-accent));
  color: var(--accent-color, white);
}
}
@media all and (display-mode: fullscreen) {
.app-test .fullscreen {
  background: var(--accent-background, var(--colour-accent));
  color: var(--accent-color, white);
}
}
@media all and (display-mode: browser) {
.app-test .browser {
  background: var(--accent-background, var(--colour-accent));
  color: var(--accent-color, white);
}
}
.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: var(--small-screen-padding) minmax(0, auto) var(--small-screen-padding);
}
}
.quaive-document.type-event,
.quaive-document.type-email,
.quaive-document.type-task,
.quaive-document.type-rich,
.quaive-document:has(.document-hero-area) {
  background: var(--colour-base-background);
  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.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;
}
.quaive-document:has(.document-hero-area) {
  overflow: hidden;
  --quaive-document-padding-top: 0;
}
.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-1-font-size: 2.8rem;
  --pat-rich-header-level-1-line-height: 1.1;
  --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;
  --pat-rich-summary-margin-bottom: 0;
  --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;
}
@media only screen and (max-width: 768px) {
.quaive-document.type-article {
  grid-template-columns: 0 minmax(0, auto) 0;
}
}
@media only screen and (max-width: 768px) {
.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;
}
}
@media only screen and (max-width: 768px) {
.quaive-document.type-event,
.quaive-document.type-email,
.quaive-document.type-task,
.quaive-document:has(.document-hero-area) {
  padding-top: 0;
}
}
.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: 6px;
}
.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: rgba(255, 255, 255, 0.4);
  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 rgba(0, 0, 0, 0.1));
  --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 .attachments-value .pat-button-bar,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-button-bar,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-button-bar,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-button-bar {
  align-items: center;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value .pat-button-bar .pat-button,
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value .pat-button-bar .file-upload-button,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-button-bar .pat-button,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-button-bar .file-upload-button,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-button-bar .pat-button,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-button-bar .file-upload-button,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-button-bar .pat-button,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .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 .quaive-page-module-edit.type-metadata .attachments-value > fieldset,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value > fieldset,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value > fieldset,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value > fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value input[type="file"],
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value input[type="file"],
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value input[type="file"],
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .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 .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li {
  position: relative;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list .item-title,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list .item-title,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list .item-title,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list .item-title {
  padding-inline-end: var(--ll-more-reserve, 30px);
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove {
  position: absolute;
  top: var(--pat-x-list-padding-top, 8px);
  inset-inline-end: var(--pat-x-list-padding-left, 8px);
  z-index: 2;
  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;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease, background-color 0.12s ease;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove::before,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove::before,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove::before,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove::before {
  margin: 0;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li:hover > .attachments-file-remove,
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li:focus-within > .attachments-file-remove,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li:hover > .attachments-file-remove,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li:focus-within > .attachments-file-remove,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li:hover > .attachments-file-remove,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li:focus-within > .attachments-file-remove,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li:hover > .attachments-file-remove,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li:focus-within > .attachments-file-remove {
  opacity: 1;
  pointer-events: auto;
}
@media (hover: none) {
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove {
  opacity: 1;
  pointer-events: auto;
}
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove:hover,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove:hover,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove:hover,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list li > .attachments-file-remove:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.is-static,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.is-static,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.is-static,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.is-static {
  cursor: default;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.is-static:hover,
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.is-static:hover .item-title,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.is-static:hover,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.is-static:hover .item-title,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.is-static:hover,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.is-static:hover .item-title,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.is-static:hover,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.is-static:hover .item-title {
  text-decoration: none;
}
.quaive-document-edit.type-markdown .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.icon-mail::before,
.quaive-document-edit.type-mail .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.icon-mail::before,
.quaive-document-edit.type-article .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.icon-mail::before,
.quaive-document-edit.type-task .quaive-page-module-edit.type-metadata .attachments-value .pat-link-list a.icon-mail::before {
  color: var(--app-colour-mail, #0F6CBD);
}
.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: rgba(0, 0, 0, 0.5);
  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: rgba(0, 0, 0, 0.5);
  --button-text-colour-hover: rgba(0, 0, 0, 0.5);
  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';
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
}
.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 .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: rgba(0, 0, 0, 0.5);
  padding: 0 8px;
  font-weight: normal;
  cursor: default;
}
.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 #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 .metadata-fixed-row .metadata-fixed-name {
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.55);
  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;
}
@media (max-width: 768px) {
.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;
}
}
@media (max-width: 768px) {
.quaive-document-edit .quaive-page-module-edit.pat-well.type-metadata {
  --pat-well-padding-left: 8px;
  --pat-well-padding-right: 8px;
  --pat-well-padding-top: 8px;
  --pat-well-padding-bottom: 8px;
  --pat-well-padding: 8px;
}
}
@media (max-width: 768px) {
.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);
}
}
@media (max-width: 768px) {
.quaive-document-edit .metadata-item .field-cluster {
  grid-template-columns: 1fr;
  grid-row-gap: 3px;
}
}
@media (max-width: 768px) {
.quaive-document-edit .metadata-item .field-cluster > .metadata-name {
  width: auto;
  align-items: flex-start;
  padding-top: 0;
}
}
@media (max-width: 768px) {
.quaive-document-edit .metadata-item .field-cluster > .metadata-value > select,
.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: var(--glyph-angle-right) !important;
  font-family: fontello;
}
.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;
}
#document-alert-bar {
  --margin-bottom: 40px;
  --padding-y: 0;
  --padding-x: 10%;
  --transition-duration: 0.8s;
  --bg-color: white;
  --input-margin-top: 5px;
  --button-margin-top: -3px;
  --button-font-size: 0.8em;
  margin: 0 0 var(--margin-bottom) 0;
  transition: var(--transition-duration) all;
  padding: var(--padding-y) var(--padding-x);
  background: var(--bg-color);
}
.application-workspace #document-alert-bar.document-reference {
  display: none;
}
#document-alert-bar .pat-message {
  margin: 0;
}
#document-alert-bar .pat-message + .pat-message {
  margin-top: 20px;
}
#document-alert-bar input {
  width: 100%;
  margin-top: var(--input-margin-top);
}
#document-alert-bar button,
#document-alert-bar .pat-button {
  float: right;
  margin-top: -3px;
  font-size: 0.8em;
  margin-right: 0;
}
@container screen style(--screen-small: true) {
#document-alert-bar {
  display: none;
}
}
.metadata.bumped + #document-alert-bar {
  padding-top: 0px;
}
.document-attacher {
  position: relative;
  height: 1.2em;
}
.document-attacher > .pat-button {
  transition: all 0.5s;
  opacity: 1;
  z-index: 101;
  position: relative;
  transform-origin: 0 0;
}
.document-attacher > .pat-button:before {
  transition: all 0.5s;
}
.document-attacher.documents-panel-open .button-add-document {
  border: none;
  background: none;
  transform: scale(1.7);
  padding-left: 0 !important;
  color: black !important;
  font-size: 12px !important;
  line-height: 26px !important;
}
.document-attacher.documents-panel-open .button-add-document:hover {
  color: black !important;
}
.document-attacher.documents-panel-open .button-add-document:before {
  width: 5px;
  opacity: 0;
}
.document-attacher.documents-panel-open .button-add-document:active {
  box-shadow: inherit;
}
.document-attacher.documents-panel-closed .documents-panel {
  display: none;
}
.document-body {
  -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);
  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.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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.document-body.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.document-body.injecting:before {
  animation: none;
}
}
.document-body > * {
  min-width: 0;
}
@container screen style(--screen-small: true) {
.focus-document .document-body,
.focus-canvas .document-body {
  z-index: 2;
}
}
#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(--colour-base-background);
}
}
@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;
}
}
@media only screen and (min-width: 769px) {
.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);
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .document-body {
  right: var(--document-body-left-distance);
  left: var(--document-body-right-distance);
}
}
@media only screen and (min-width: 769px) {
.document-body:has(#contacts-map-contacts) {
  left: 0;
  transition: none;
}
}
@media only screen and (min-width: calc(768px + 1px)) and (max-width: calc(1280px - 1px)) {
.application-body.state-on.sidebar-left-open.focus-sidebar .document-body > * {
  filter: blur(5px) saturate(150%);
  pointer-events: none;
  transition: all var(--base-animation-duration);
}
}
.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 .archived:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(media/web.png) top left no-repeat;
  z-index: 1000;
  opacity: 0.4;
  content: ' ';
  pointer-events: none;
  z-index: 1;
}
@keyframes spider-walk {

      from {
        top: 200px;
        left: 160px;
      }

      to {
        top: -180px;
        left: 120px;
      }
    }
.document-body .archived.spiderised:after {
  position: absolute;
  background: url(media/spider.gif) top left no-repeat;
  z-index: 1000;
  top: 200px;
  left: 160px;
  width: 200px;
  height: 180px;
  content: ' ';
  transform: scale(0.8) rotate(-15deg);
  pointer-events: none;
}
.patterns-loaded .document-body .archived.spiderised:after {
  animation: spider-walk 7s forwards;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
}
.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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, 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;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.document-body .document-content.injecting:before,
.document-body #document-content.injecting:before {
  animation: none;
}
}
.document-body .document-content .document-attachments,
.document-body #document-content .document-attachments {
  margin-bottom: 3em;
}
@media only screen and (min-width: 769px) {
.document-body .document-content .document-attachments,
.document-body #document-content .document-attachments {
  margin: 0 -15px 3em;
}
}
@media only screen and (min-width: 769px) {
.document-body .document-content .document-attachments:after,
.document-body #document-content .document-attachments:after {
  content: " ";
  display: table;
  clear: both;
}
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
.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;
}
@media only screen and (min-width: 769px) {
.application-super-space .document-body,
.application-super-space #document-body {
  left: var(--document-body-left-distance);
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .application-super-space .document-body,
body[dir=rtl] .application-super-space #document-body {
  left: auto;
  right: var(--document-body-left-distance);
}
}
@media only screen and (min-width: 769px) {
.application-body.sidebar-right-open .document-body,
#application-body.sidebar-right-open .document-body {
  --document-body-right-distance: 20%;
}
}
@media only screen and (min-width: 1280px) {
.sidebar-left-open .document-body,
.sidebar-left-open #document-body {
  left: var(--document-body-left-distance-sidebar-open);
}
}
@media only screen and (min-width: 1280px) {
body[dir=rtl] .sidebar-left-open .document-body,
body[dir=rtl] .sidebar-left-open #document-body {
  left: var(--document-body-right-distance);
  right: var(--document-body-left-distance-sidebar-open);
}
}
.kiki-dock {
  position: fixed;
  top: calc(var(--global-header-height, 48px) + var(--pat-toolbar-top-distance));
  right: var(--pat-toolbar-top-distance);
  bottom: var(--pat-toolbar-top-distance);
  width: 23rem;
  max-width: calc(100vw - 2rem);
  z-index: 30;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--white, #fff);
  border-radius: var(--border-radii);
  box-shadow: var(--default-box-shadow);
  overflow: hidden;
  transition: right 0.24s ease;
  animation: kiki-dock-slide-in 0.24s ease;
}
@keyframes kiki-dock-slide-in {

  from { right: calc(-1 * (23rem + 2rem)); }
  to { right: var(--pat-toolbar-top-distance); }
}
.kiki-dock.closing {
  right: calc(-1 * (23rem + 2rem));
}
.document-body:has(.kiki-dock) > .document-content {
  transition: margin-inline-end 0.24s ease;
  margin-inline-end: 25rem;
}
.document-body:has(.kiki-dock.closing) > .document-content {
  margin-inline-end: 0;
}
.document-body:has(.kiki-dock) .pat-toolbar.sticky {
  --pat-toolbar-auto-hide-offset: 0 !important;
}
@container main (min-width: calc(768px + 1px)) {
.application-body.sidebar-left-open:has(.kiki-dock) aside.sidebar.left {
  --sidebar-margin-left: var(--sidebar-margin-left-closed);
}
}
@media only screen and (min-width: 1280px) {
.application-body.sidebar-left-open:has(.kiki-dock) .document-body,
.application-body.sidebar-left-open:has(.kiki-dock) #document-body {
  left: var(--document-body-left-distance);
}
}
@media only screen and (min-width: 1280px) {
body[dir="rtl"] .application-body.sidebar-left-open:has(.kiki-dock) .document-body,
body[dir="rtl"] .application-body.sidebar-left-open:has(.kiki-dock) #document-body {
  left: var(--document-body-right-distance);
  right: var(--document-body-left-distance);
}
}
.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);
}
.kiki-dock .kiki-chat-title {
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  padding-left: 0.3rem;
}
.kiki-dock .kiki-chat-close {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  text-decoration: none;
  cursor: default;
  color: var(--pat-button-text-colour);
  background-color: var(--pat-button-background-colour);
}
.kiki-dock .kiki-chat-close::before {
  font-size: 1rem;
  margin: 0;
}
.kiki-dock .kiki-chat-close:hover,
.kiki-dock .kiki-chat-close:focus-visible {
  text-decoration: none;
  color: var(--pat-button-text-colour-hover);
  background-color: var(--pat-button-background-colour-hover);
}
.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);
}
.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 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 90%;
  margin: 0.35em 0;
  padding: 0.45em 0.65em;
  border-radius: 0.7em;
  background: var(--gray-100, #f0f0f0);
  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(--primary-color-light, #d9ebff);
}
.kiki-dock .kik-preview-sender {
  font-size: 0.8em;
  font-weight: 600;
  opacity: 0.7;
  margin-bottom: 0.1em;
}
.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;
  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 {
  background: transparent;
  color: var(--body-font-colour, inherit);
  text-decoration: none;
  cursor: default;
}
.kiki-dock .kik-composer-plus:hover {
  background: var(--gray-100, #f1f3f5);
}
.kiki-dock input[type="file"] {
  display: none !important;
}
.kiki-dock .kiki-composer .kik-chat-send {
  position: absolute;
  right: 1px;
  bottom: -4px;
  transform: scale(0.75);
  transform-origin: center;
}
.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;
}
@media (max-width: 680px) {
.document-body:has(.kiki-dock) {
  display: block;
  overflow: auto;
}
}
@media (max-width: 680px) {
.document-body:has(.kiki-dock) > .document-content {
  margin-inline-end: 0;
}
}
@media (max-width: 680px) {
.kiki-dock {
  top: auto;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  width: auto;
  max-height: 70vh;
  animation: none;
}
}
.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,
#document-content > .pat-form {
  display: contents;
}
@container screen style(--screen-small: true) {
.document-content,
#document-content {
  padding: var(--small-screen-padding);
  padding-top: 5px;
}
}
@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);
  padding-top: 50px;
  margin: 0 0 50px 0;
  overflow: hidden;
  grid-area: hero;
}
.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;
}
@container screen style(--screen-small: true) {
.document-hero-area .document-title {
  padding: 80px var(--small-screen-padding) 50px 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;
}
.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;
}
.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;
}
.document-hero-area img + .document-title:after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 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);
}
.document-list {
  display: block;
}
.document-list .document-list-item {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  box-shadow: var(--default-box-shadow);
  background: var(--colour-base-background);
  box-sizing: border-box;
  margin-bottom: 15px;
  box-shadow: 0 2px 30px rgba(0,0,0,0.1);
  transition: all 0.15s;
  align-items: center;
}
.document-list .document-list-item.state-draft {
  background-color: color-mix(in srgb, var(--colour-draft) 10%, white);
  outline: var(--colour-draft) 2px solid;
}
.document-list .document-list-item:hover {
  text-decoration: none;
}
.document-list .document-list-item .segment {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.document-list .document-list-item .segment .badge {
  display: inline-block;
  background-color: var(--colour-accent);
  padding: 0 15px;
  border-radius: var(--border-radii);
  text-decoration: none;
  cursor: default;
  color: white;
  margin: 2px 0 2px 2px;
}
.document-list .document-list-item .segment .badge.updates {
  background-color: var(--colour-draft);
}
.document-list .document-list-item .segment .badge.staged {
  background-color: var(--colour-for-review);
}
.document-list .document-list-item .segment .badge[href]:hover {
  text-decoration: none;
  filter: contrast(180%) brightness(0.95);
}
.document-list .document-list-item .segment.badges {
  text-align: right;
}
.document-list .document-list-item .segment.title {
  padding-left: 70px;
  color: var(--body-font-colour);
  font-size: 24px;
  margin-bottom: 0;
}
.document-list .document-list-item .segment.title:hover {
  color: var(--body-font-colour);
  text-decoration: none;
}
.document-list .document-list-item .segment.title:hover:before {
  text-decoration: none;
}
.document-list .document-list-item .segment.title:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 23px;
}
.document-list .document-list-item .segment.title .byline {
  margin-top: 5px;
  font-size: 16px;
}
.document-list .document-list-item .segment.title-group {
  padding-left: 70px;
}
.document-list .document-list-item .segment.title-group .title {
  color: var(--body-font-colour);
  font-size: 24px;
  margin-bottom: 0;
}
.document-list .document-list-item .segment.title-group .byline {
  margin-top: 5px;
  margin-bottom: -2px;
  font-size: 16px;
  line-height: 1.4;
}
.document-list .document-list-item .segment.title-group:hover {
  color: var(--body-font-colour);
  text-decoration: none;
}
.document-list .document-list-item .segment.title-group:hover:before {
  text-decoration: none;
}
.document-list .document-list-item .segment.title-group:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 23px;
  font-size: 26px;
}
.document-list .document-list-item .segment.functions {
  width: auto;
  white-space: nowrap;
  padding: 0 15px;
}
.document-list .document-list-item .segment.functions a,
.document-list .document-list-item .segment.functions button {
  display: inline-block;
  color: rgba(0,0,0,0.4);
  width: var(--button-height);
  height: var(--button-height);
  text-align: center;
  line-height: var(--button-height);
  border-radius: var(--border-radii);
  vertical-align: middle;
  background: transparent;
  margin: 0;
  overflow: hidden;
  font-size: 1em;
}
.document-list .document-list-item .segment.functions a:hover,
.document-list .document-list-item .segment.functions button:hover {
  color: var(--body-font-colour);
}
.document-list .document-list-item .segment.functions a.icon,
.document-list .document-list-item .segment.functions button.icon {
  color: transparent;
  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;
  width: var(--button-height);
  padding: 0;
}
.document-list .document-list-item .segment.functions a.icon:active,
.document-list .document-list-item .segment.functions button.icon:active {
  box-shadow: none;
}
.document-list .document-list-item .segment.functions a.icon:hover,
.document-list .document-list-item .segment.functions button.icon:hover {
  text-decoration: none;
}
.document-list .document-list-item .segment.functions a.icon:before,
.document-list .document-list-item .segment.functions button.icon:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
body[dir=rtl] .document-list .document-list-item .segment.functions a.icon:before,
body[dir=rtl] .document-list .document-list-item .segment.functions button.icon:before {
  margin: 0 0 10px 0;
}
.document-list .document-list-item .segment.functions a.icon:before,
.document-list .document-list-item .segment.functions button.icon:before {
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
  line-height: var(--button-height);
}
.document-list .document-list-item .segment.functions a.icon.active,
.document-list .document-list-item .segment.functions button.icon.active {
  color: transparent;
  box-shadow: none;
}
.document-list .document-list-item .segment.functions a.icon:before,
.document-list .document-list-item .segment.functions button.icon:before {
  color: #666;
}
.document-list .document-list-item .segment.functions a.icon.icon-ellipsis.active,
.document-list .document-list-item .segment.functions a.icon.icon-ellipsis.tooltip-active-click,
.document-list .document-list-item .segment.functions button.icon.icon-ellipsis.active,
.document-list .document-list-item .segment.functions button.icon.icon-ellipsis.tooltip-active-click {
  background: var(--colour-accent);
}
.document-list .document-list-item .segment.functions a.icon.icon-ellipsis.active:before,
.document-list .document-list-item .segment.functions a.icon.icon-ellipsis.tooltip-active-click:before,
.document-list .document-list-item .segment.functions button.icon.icon-ellipsis.active:before,
.document-list .document-list-item .segment.functions button.icon.icon-ellipsis.tooltip-active-click:before {
  color: white;
}
.document-list .document-list-item .segment.functions a.icon.icon-bookmark:before,
.document-list .document-list-item .segment.functions a.icon.icon-flag:before,
.document-list .document-list-item .segment.functions button.icon.icon-bookmark:before,
.document-list .document-list-item .segment.functions button.icon.icon-flag:before {
  color: rgba(0,0,0,0.4);
}
.document-list .document-list-item .segment.functions a.icon.icon-bookmark:hover:before,
.document-list .document-list-item .segment.functions a.icon.icon-flag:hover:before,
.document-list .document-list-item .segment.functions button.icon.icon-bookmark:hover:before,
.document-list .document-list-item .segment.functions button.icon.icon-flag:hover:before {
  color: rgba(0,0,0,0.6);
}
.document-list .document-list-item .segment.functions a.icon.icon-bookmark.active:before,
.document-list .document-list-item .segment.functions a.icon.icon-flag.active:before,
.document-list .document-list-item .segment.functions button.icon.icon-bookmark.active:before,
.document-list .document-list-item .segment.functions button.icon.icon-flag.active:before {
  color: var(--colour-accent);
}
: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;
}
.document-preview a:hover {
  text-decoration: none;
}
.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;
}
.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);
}
.document-preview.type-news a:hover {
  background: transparent;
  color: var(--body-font-colour);
}
.document-preview.type-news a:hover figcaption {
  background: transparent;
}
.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;
}
@media only screen and (min-width: 769px) {
.stream-container:not(.col-3) .document-preview.type-news figure {
  display: flex;
  gap: 20px;
  line-height: 1.3;
}
}
@media only screen and (min-width: 769px) {
.portlet.span-1 .stream-container:not(.col-3) .document-preview.type-news figure {
  display: block;
}
}
@media only screen and (min-width: 769px) {
.stream-container:not(.col-3) .document-preview.type-news figure figcaption {
  box-sizing: border-box;
  padding: 0;
  font-size: 22px;
}
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
.stream-container:not(.col-3) .document-preview.type-news figure img {
  align-self: top;
  margin-top: 0.3em;
}
}
@media only screen and (min-width: 769px) {
.portlet.span-1 .stream-container:not(.col-3) .document-preview.type-news figure img {
  width: 100%;
  margin: 0;
}
}
@media only screen and (min-width: 769px) {
.stream-container:not(.col-3) .document-preview.type-news figure .document-preview-image-link {
  flex-basis: 34%;
  flex-shrink: 0;
}
}
@media only screen and (min-width: 769px) {
.portlet.span-1 .stream-container:not(.col-3) .document-preview.type-news figure .document-preview-image-link {
  width: 100%;
  margin-bottom: 15px;
}
}
@media only screen and (min-width: 769px) {
.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;
}
.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;
  cursor: pointer;
  float: right;
}
.document-preview.type-image .overlay a * {
  cursor: pointer;
}
.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;
}
.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;
}
@media only screen and (min-width: 769px) {
.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;
}
.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 {
  font-family: fontello;
  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;
  font-family: fontello;
  background-color: transparent;
  margin: 0 1em 0 0;
  color: rgba(0,0,0,0.5);
}
.document-preview.compact:hover:before {
  color: var(--body-font-colour);
}
.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;
  font-family: fontello;
  content: var(--glyph-down-circle);
  line-height: 3em;
  display: block;
}
.document-preview.not-generated figure:before {
  content: var(--glyph-spinner);
  animation: spin 2s infinite linear;
}
.document-preview.not-possible figure:before {
  content: var(--glyph-document);
}
.document-preview.type-link:before {
  content: var(--glyph-link);
}
.document-preview img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
:root {
  --document-font-family: var(--body-font-family);
  --document-preview-img-width: 100%;
  --document-preview-sheet-z-index: 0;
  --document-preview-ebook-follow-text-align: center;
  --document-preview-ebook-follow-height: 450px;
  --document-preview-ebook-follow-color: var(--body-font-colour);
  --document-preview-ebook-follow-padding: 25% 8%;
  --document-preview-ebook-follow-bg: steelblue;
  --document-preview-ebook-follow-border-radius: var(--library-border-radius);
  --document-preview-ebook-before-border: 3px solid rgba(0,0,0,0.2);
  --document-preview-ebook-title-font-size: 2em;
  --document-preview-ebook-title-color: rgba(255,255,255,0.9);
  --document-preview-ebook-title-text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
  --document-preview-link-padding: 8% 8% 0;
  --document-preview-link-color: var(--body-font-colour);
  --document-preview-link-description-font-size: 1.2em;
  --document-preview-rich-max-height: 500px;
  --document-preview-rich-box-shadow: inset 0 0 40px rgba(0,0,0,0.08);
  --document-preview-page-preview-padding: 8% 6%;
  --document-preview-page-preview-font-size: 12px;
  --document-preview-page-preview-line-height: 18px;
}
.document-preview-expansive {
  position: relative;
}
.document-preview-expansive img {
  width: var(--document-preview-img-width);
}
.height-auto .document-preview-expansive .sheet {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: var(--document-preview-sheet-z-index);
}
.document-preview-expansive.ebook .follow {
  text-align: var(--document-preview-ebook-follow-text-align);
  height: var(--document-preview-ebook-follow-height);
  color: var(--document-preview-ebook-follow-color);
  box-sizing: border-box;
  padding: var(--document-preview-ebook-follow-padding);
  background-color: var(--document-preview-ebook-follow-bg);
  display: block;
  border-radius: var(--document-preview-ebook-follow-border-radius);
  text-decoration: none !important;
}
.document-preview-expansive.ebook .follow:before {
  content: ' ';
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: var(--document-preview-ebook-before-border);
  border-radius: calc(0.8 * var(--border-radii));
}
.document-preview-expansive.ebook .follow .item-title {
  text-align: center;
  font-size: var(--document-preview-ebook-title-font-size);
  color: var(--document-preview-ebook-title-color);
  position: relative;
  z-index: 2;
  text-shadow: var(--document-preview-ebook-title-text-shadow);
}
.document-preview-expansive.link {
  padding: var(--document-preview-link-padding);
}
.document-preview-expansive.link .follow {
  color: var(--document-preview-link-color);
  text-decoration: none;
}
.document-preview-expansive.rich {
  max-height: var(--document-preview-rich-max-height);
  overflow: hidden;
  box-shadow: var(--document-preview-rich-box-shadow);
  border-top-right-radius: var(--border-radii);
  border-top-left-radius: var(--border-radii);
}
.document-preview-expansive.rich .page-preview {
  overflow: hidden;
  padding: var(--document-preview-page-preview-padding);
  font-size: var(--document-preview-page-preview-font-size);
  line-height: var(--document-preview-page-preview-line-height);
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  font-family: var(--document-font-family);
}
.document-preview-expansive.rich .follow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  color: transparent;
  z-index: 2;
}
:root {
  --document-tile-box-shadow: var(--default-box-shadow, 0 2px 4px rgba(0, 0, 0, 0.1));
  --document-tile-box-shadow-hover: var(--default-box-shadow-hover, 0 4px 8px rgba(0, 0, 0, 0.15));
}
.document-tile {
  background-color: var(--colour-base-background);
  border-radius: var(--border-radii);
  box-shadow: var(--document-tile-box-shadow);
  font-size: 14px;
  transition: all 0.20s;
}
.document-tile .tile-menu,
.document-tile .move-up,
.document-tile .move-down {
  position: absolute;
  top: 50%;
  right: 6%;
  width: 1em;
  transform: translateY(-50%);
  color: rgba(0,0,0,0);
  display: none;
  z-index: 3;
  padding: 0;
  overflow: hidden;
  font-size: 16px;
}
.document-tile .tile-menu:before,
.document-tile .move-up:before,
.document-tile .move-down:before {
  color: rgba(0,0,0,0.6);
}
.document-tile .tile-menu.active,
.document-tile .tile-menu:hover,
.document-tile .move-up.active,
.document-tile .move-up:hover,
.document-tile .move-down.active,
.document-tile .move-down:hover {
  display: block;
  color: var(--body-font-colour);
}
.document-tile .move-up {
  margin-right: 2.5em;
  z-index: 1;
}
.document-tile .move-down {
  margin-right: 1.25em;
  z-index: 2;
}
.document-tile:hover .tile-menu,
.document-tile:hover .move-up,
.document-tile:hover .move-down {
  display: block;
}
.document-tile:hover {
  transform: scale(1.01);
  box-shadow: var(--document-tile-box-shadow-hover);
}
.document-tile:hover .file img {
  filter: brightness(1.05);
}
.document-tile:hover .rich .sheet {
  opacity: 0.2;
}
.document-tile:hover .sub-title .label .document-title {
  padding-right: 4em;
}
.document-tile:hover .sub-title .label:hover {
  text-decoration: none;
}
.document-tile:hover .document-title {
  text-decoration: none;
}
.document-tile .sub-title {
  display: block;
  line-height: 1.5em;
  position: relative;
  margin: 0;
}
.document-tile .label {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding: 2% 6%;
  position: relative;
  color: var(--body-font-colour);
}
.activity-stream .document-tile .label {
  white-space: nowrap;
}
.document-tile .label .document-title {
  padding-left: 2em;
  padding-right: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.document-tile .label:before {
  position: absolute;
  left: 6%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2em;
}
.document-tile .sheet,
.document-tile .file img {
  transition: all 0.2s;
  border-top-left-radius: var(--border-radii);
  border-top-right-radius: var(--border-radii);
}
:root {
  --library-border-radius: var(--border-radii);
  --document-tiles-box-shadow: var(--default-box-shadow);
  --document-tiles-box-shadow-hover: var(--default-box-shadow-hover);
  --colour-document-tiles-headers: var(--colour-link);
  --colour-document-tiles-background: var(--colour-portlet-background);
}
.document-tiles {
  margin-bottom: 2em;
  position: relative;
  transition: opacity 1s;
}
@media only screen and (min-width: 1280px) {
.document-tiles {
  margin-left: calc(-1 * var(--grid-gutter));
  margin-right: calc(-1 * var(--grid-gutter));
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.document-tiles {
  margin-left: calc(-1 * var(--small-screen-padding));
  margin-right: calc(-1 * var(--small-screen-padding));
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-width: 1279px) {
.document-tiles {
  margin-left: calc(-1 * var(--small-screen-padding));
  margin-right: calc(-1 * var(--small-screen-padding));
}
}
@container screen style(--screen-small: true) {
.document-tiles {
  margin-left: calc(-1 * var(--small-screen-padding));
  margin-right: calc(-1 * var(--small-screen-padding));
}
}
.document-tiles:after {
  content: ' ';
  display: table;
  clear: both;
}
.document-tiles .infinite-scrolling-trigger {
  position: absolute;
  bottom: calc(-400px);
  left: 0;
  right: 0;
}
.document-tiles .infinite-scrolling-trigger.executing {
  opacity: 1;
}
.js .document-tiles.pat-masonry {
  opacity: 0;
}
.js .document-tiles.pat-masonry.masonry-ready {
  opacity: 1;
}
.document-tiles .grid-sizer,
.document-tiles .tile {
  box-sizing: border-box;
}
@media only screen and (min-width: 1280px) {
.js .document-tiles .grid-sizer,
.js .document-tiles .tile {
  width: 33.33333332%;
}
}
.js .document-tiles .grid-sizer.span-full,
.js .document-tiles .tile.span-full {
  width: 100%;
}
.js .document-tiles .grid-sizer.span-2,
.js .document-tiles .tile.span-2 {
  width: 50%;
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.js .document-tiles .grid-sizer,
.js .document-tiles .tile {
  width: 50%;
}
}
@container screen style(--screen-small: true) {
.document-tiles .grid-sizer,
.document-tiles .tile {
  width: 100%;
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-width: 1279px) {
.document-tiles .grid-sizer,
.document-tiles .tile {
  width: 100%;
}
}
@container screen style(--screen-small: true) {
.document-tiles .grid-sizer,
.document-tiles .tile {
  padding: 0 var(--small-screen-padding);
}
}
@media only screen and (min-width: 769px) {
.document-tiles .grid-sizer,
.document-tiles .tile {
  padding: 0 var(--grid-gutter);
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.document-tiles .grid-sizer,
.document-tiles .tile {
  padding: 0 calc(0.5 * var(--grid-gutter));
  padding: 0 calc(0.5 * var(--grid-gutter));
}
}
.document-tiles .sibling-groups {
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
.document-tiles .sibling-groups {
  width: 30%;
  float: left;
}
}
@container screen style(--screen-small: true) {
.document-tiles .sibling-groups {
  display: none;
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-width: 1279px) {
.document-tiles .sibling-groups {
  display: none;
}
}
@media print {
.document-tiles .sibling-groups {
  display: none;
}
}
.document-tiles .sibling-groups .tile {
  width: 100%;
}
.document-tiles .sibling-groups .tile .content {
  box-shadow: var(--document-tiles-box-shadow);
}
.document-tiles .tile.full-page {
  position: relative;
  float: right;
}
.document-tiles .tile.full-page .title {
  font-weight: bold;
  font-size: 2em;
  line-height: 1.3;
}
.document-tiles .tile.full-page .hero {
  margin-bottom: 2em;
}
.document-tiles .tile.full-page .summary {
  color: var(--body-font-colour);
  font-weight: bold;
  margin-bottom: 1em;
}
@media only screen and (min-width: 769px) {
.document-tiles .tile.full-page {
  width: 70%;
}
}
@media only screen and (min-width: 769px) {
.document-tiles .tile.full-page .content {
  padding: 7rem 10%;
  background-color: var(--colour-base-background);
  border-top-left-radius: var(--library-border-radius);
  border-top-right-radius: var(--library-border-radius);
}
}
@media only screen and (min-width: 769px) {
.document-tiles .tile.full-page .content.type-file {
  padding: 51px 0 0 0;
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-width: 1279px) {
.document-tiles .tile.full-page {
  width: 100%;
  padding: 0;
  border: none;
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-width: 1279px) {
.document-tiles .tile.full-page .content {
  padding: 4rem 2rem;
  border: none;
  background-color: var(--colour-base-background);
  margin: calc(-2 * var(--small-screen-padding)) 0;
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-width: 1279px) {
.document-tiles .tile.full-page .content.type-file {
  padding: 4rem 0;
}
}
@container screen style(--screen-small: true) {
.document-tiles .tile.full-page {
  width: 100%;
  padding: 0;
  border: none;
  margin: calc(-2 * var(--small-screen-padding)) 0;
}
}
@container screen style(--screen-small: true) {
.document-tiles .tile.full-page .content {
  padding: 4rem var(--small-screen-padding);
  border: none;
  background-color: var(--colour-base-background);
}
}
@container screen style(--screen-small: true) {
.document-tiles .tile.full-page .content.type-file {
  padding: 4rem 0;
}
}
.document-tiles .tile {
  margin-bottom: 40px;
}
.document-tiles .tile p,
.document-tiles .tile .hero {
  margin-bottom: 10px;
}
.document-tiles .tile .hero img {
  display: block;
}
.document-tiles .tile.type-document > .content {
  box-shadow: var(--document-tiles-box-shadow);
  background-color: var(--colour-base-background);
  padding: 0;
  overflow: hidden;
}
.document-tiles .tile.type-document > .content .document-preview-expansive,
.document-tiles .tile.type-document > .content .follow > img {
  border-top-left-radius: var(--border-radii);
  border-top-right-radius: var(--border-radii);
}
.document-tiles .tile.type-document > .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] .document-tiles .tile.type-document > .content .sub-title .label {
  text-align: right;
}
.document-tiles .tile.type-document > .content .sub-title .label:before {
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}
.document-tiles .tile.type-document > .content .sub-title .label:hover {
  text-decoration: none;
}
.document-tiles .tile.type-page:not(.full-page):hover .content,
.document-tiles .tile.type-file:not(.full-page):hover .content,
.document-tiles .tile.type-ebook:hover .content,
.document-tiles .tile.type-document:hover .content {
  transform: scale(1.01);
  box-shadow: 0 2px 30px rgba(0,0,0,0.1);
}
.document-tiles .tile:hover .content h3 a.icon-download {
  opacity: 1;
}
.document-tiles .tile .content {
  position: relative;
  transition: all 0.2s;
  padding: 6%;
  box-shadow: var(--document-tiles-box-shadow);
  border-radius: var(--border-radii);
  display: block;
}
@media print {
.document-tiles .tile .content {
  border: none;
}
}
.document-tiles .tile .content .excerpt {
  margin-bottom: 1em;
  color: var(--body-font-colour);
}
.document-tiles .tile .content img {
  width: 100%;
  background-color: var(--colour-base-background);
}
.document-tiles .tile .content .footer {
  margin: 0;
}
.document-tiles .tile .content .footer .read-more {
  color: var(--colour-link);
  font-style: normal;
}
.document-tiles .tile .content h2 {
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.2em;
  margin-bottom: 0.3em;
  position: relative;
}
.document-tiles .tile .content h3 {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.2em;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.document-tiles .tile .content h3 a {
  display: block;
  padding-right: 1.2em;
  color: var(--colour-document-tiles-headers);
}
.document-tiles .tile .content h3 a:before {
  color: var(--colour-document-tiles-headers);
}
.document-tiles .tile .content h3 a.icon-download {
  width: 1.2em;
  height: 1em;
  line-height: 1.1em;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: transparent;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  color: rgba(0,0,0,0.4);
  transition: 2s opacity;
}
.document-tiles .tile .content h3 a.icon-download:hover {
  text-decoration: none;
  color: var(--body-font-colour);
}
.document-tiles .tile .content .description {
  color: rgba(0,0,0,0.5);
  margin-bottom: 1em;
  line-height: 130%;
  user-select: text;
}
.document-tiles .tile .content ul.menu li.follow-section {
  position: relative;
}
.document-tiles .tile .content ul.menu li.follow-section a {
  padding-right: 2em;
}
.document-tiles .tile .content ul.menu li.follow-section a:before {
  display: inline-block;
  font-family: fontello;
  content: var(--glyph-squares);
  margin-top: 0.1em;
  margin-bottom: calc(-0.1em);
}
.document-tiles .tile .content ul.menu li.follow-section a:after {
  font-family: fontello;
  content: '\e75e';
  float: right;
  color: rgba(0,0,0,0.3);
  height: 1.4em;
  margin-top: calc(-0.7em);
  position: absolute;
  top: 50%;
  right: 0.3em;
  line-height: 1.4em;
}
.document-tiles .tile .content ul.menu li.follow-page a:before {
  display: inline-block;
  font-family: fontello;
  content: var(--glyph-doc-text);
  margin-top: 0.1em;
  margin-bottom: calc(-0.1em);
}
.document-tiles .tile .content ul.menu li.follow-tag a:before {
  display: inline-block;
  font-family: fontello;
  content: '\e70c';
  margin-top: 0.1em;
  margin-bottom: calc(-0.1em);
}
.document-tiles .tile .content ul.menu li a {
  cursor: pointer;
}
.document-tiles .tile .content ul.menu li.current a,
.document-tiles .tile .content ul.menu li a.current {
  color: white;
  background-color: var(--colour-accent);
  border-radius: var(--border-radii);
  margin: 0 calc(-5px);
}
.document-tiles .tile a.content:hover {
  text-decoration: none;
  cursor: pointer;
}
.document-tiles .tile a.content:hover .footer .read-more {
  text-decoration: underline;
}
.document-tiles .tile[class*=group-by-] .content {
  border-radius: var(--library-border-radius);
  background-color: var(--colour-document-tiles-background);
}
.document-tiles .tile[class*=group-by-] .content h3:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 0.1em;
  font-size: 0.8em;
  color: var(--colour-accent);
  margin-left: calc(-1.4em);
  float: left;
}
.document-tiles .tile.type-ebook .content {
  text-align: center;
  height: 450px;
  color: var(--body-font-colour);
  box-sizing: border-box;
  padding: 25% 8%;
  background-color: steelblue;
}
.document-tiles .tile.type-ebook .content[data-title^="A"] {
  background-color: DarkGoldenRod;
}
.document-tiles .tile.type-ebook .content[data-title^="B"] {
  background-color: Brown;
}
.document-tiles .tile.type-ebook .content[data-title^="C"] {
  background-color: CadetBlue;
}
.document-tiles .tile.type-ebook .content[data-title^="D"] {
  background-color: DarkKhaki;
}
.document-tiles .tile.type-ebook .content[data-title^="E"] {
  background-color: Dimgray;
}
.document-tiles .tile.type-ebook .content[data-title^="F"] {
  background-color: ForestGreen;
}
.document-tiles .tile.type-ebook .content[data-title^="G"] {
  background-color: GoldenRod;
}
.document-tiles .tile.type-ebook .content[data-title^="H"] {
  background-color: HotPink;
}
.document-tiles .tile.type-ebook .content[data-title^="I"] {
  background-color: IndianRed;
}
.document-tiles .tile.type-ebook .content[data-title^="J"] {
  background-color: DarkOliveGreen;
}
.document-tiles .tile.type-ebook .content[data-title^="K"] {
  background-color: Purple;
}
.document-tiles .tile.type-ebook .content[data-title^="L"] {
  background-color: MidnightBlue;
}
.document-tiles .tile.type-ebook .content[data-title^="M"] {
  background-color: Maroon;
}
.document-tiles .tile.type-ebook .content[data-title^="N"] {
  background-color: Navy;
}
.document-tiles .tile.type-ebook .content[data-title^="O"] {
  background-color: Olive;
}
.document-tiles .tile.type-ebook .content[data-title^="P"] {
  background-color: SaddleBrown;
}
.document-tiles .tile.type-ebook .content[data-title^="Q"] {
  background-color: DarkOliveGreen;
}
.document-tiles .tile.type-ebook .content[data-title^="R"] {
  background-color: RosyBrown;
}
.document-tiles .tile.type-ebook .content[data-title^="S"] {
  background-color: SteelBlue;
}
.document-tiles .tile.type-ebook .content[data-title^="T"] {
  background-color: Sienna;
}
.document-tiles .tile.type-ebook .content[data-title^="U"] {
  background-color: DarkCyan;
}
.document-tiles .tile.type-ebook .content[data-title^="V"] {
  background-color: DarkMagenta;
}
.document-tiles .tile.type-ebook .content[data-title^="W"] {
  background-color: SlateBlue;
}
.document-tiles .tile.type-ebook .content[data-title^="X"] {
  background-color: DarkSlateGray;
}
.document-tiles .tile.type-ebook .content[data-title^="Y"] {
  background-color: RoyalBlue;
}
.document-tiles .tile.type-ebook .content[data-title^="Z"] {
  background-color: MediumVioletRed;
}
.document-tiles .tile.type-ebook .content:before {
  content: ' ';
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 3px solid rgba(0,0,0,0.2);
  border-radius: calc(0.8 * var(--border-radii));
}
.document-tiles .tile.type-ebook .content .item-title {
  text-align: center;
  font-size: 2em;
  color: rgba(255,255,255,0.9);
  position: relative;
  z-index: 2;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
}
.document-tiles .tile.type-file .content {
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  box-shadow: 0 2px 40px rgba(0,0,0,0.1);
}
.document-tiles .tile.type-file .content img {
  float: left;
  width: 100%;
}
.document-tiles .tile.type-file .content .footer {
  display: none;
}
.document-tiles .tile.type-file .content:hover {
  border-color: var(--body-font-colour);
}
.document-tiles .tile.type-page .content {
  background-color: var(--colour-base-background);
  color: var(--body-font-colour);
  box-shadow: 0 2px 40px rgba(0,0,0,0.1);
  border-radius: 0;
}
.document-tiles .tile.group-by-tag h3:before {
  content: '\e70c';
}
.document-tiles .tile.group-by-section h3:before {
  content: var(--glyph-squares);
}
.document-tiles .tile.group-by-subsection h3:before {
  content: var(--glyph-squares);
}
.document-tiles .tile.group-by-workspace h3:before {
  content: var(--glyph-workspace);
}
.documents-panel {
  border: 1px silver solid;
  border-radius: 4px;
  border-top-left-radius: 0;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  background: var(--colour-base-background);
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 100;
  width: calc(100% + 8px);
  min-height: 420px;
  box-sizing: border-box;
  animation: fadeIn 0.5s;
}
.documents-panel .row {
  height: 420px;
}
.documents-panel .documents {
  width: 70%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 3.2rem 1.1rem 1.1rem;
  box-sizing: border-box;
}
.documents-panel .documents input[type=search] {
  width: 100%;
}
.documents-panel .documents .document-search-results {
  position: absolute;
  overflow: auto;
  top: 100px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 1.1rem 1.1rem;
}
.documents-panel .filters {
  width: 30%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  overflow: auto;
  font-size: 0.8em;
  background: var(--colour-base-light);
  padding: 3.2rem 1.1rem 1.1rem;
}
.documents-panel .close-button {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: var(--close-button-height);
  height: var(--close-button-height);
  border-radius: var(--border-radii);
  color: transparent !important;
  filter: none;
  border: none;
  background: none;
  outline: none;
  display: block;
  padding: 0;
  margin: 0;
  transition: transform var(--base-animation-duration) ease-out;
  z-index: 2;
  font-size: 0;
  line-height: 1;
}
.documents-panel .close-button:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.documents-panel .close-button:active {
  box-shadow: inherit;
  transform: scale(0.9);
  box-shadow: none;
}
.documents-panel .close-button:before {
  font-family: fontello;
  content: var(--glyph-cancel);
  display: block;
  width: var(--close-button-height);
  text-align: center;
  font-size: calc(0.7 * var(--close-button-height));
  margin: 0;
  display: block;
  border-radius: var(--border-radii);
  text-indent: 1%;
  line-height: calc(0.95 * var(--close-button-height));
  height: var(--close-button-height);
  color: var(--button-text-colour);
  background-color: var(--button-background-colour);
}
.documents-panel .close-button:before:hover {
  color: var(--button-text-colour-hover);
  background-color: var(--button-background-colour-hover);
  text-decoration: none;
}
.ebook-reader {
  position: relative;
}
.ebook-reader .button-next,
.ebook-reader .button-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border-radius: var(--border-radii);
  margin: 0;
  padding: 0;
  background: transparent;
}
.ebook-reader .button-next:hover,
.ebook-reader .button-previous:hover {
  background: var(--colour-button);
}
.ebook-reader .button-next:before,
.ebook-reader .button-previous:before {
  font-family: fontello;
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
  line-height: 60px;
}
.ebook-reader .button-previous {
  left: -70px;
}
.ebook-reader .button-previous:before {
  content: var(--glyph-left-open-1);
}
.ebook-reader .button-next {
  right: -70px;
}
.ebook-reader .button-next:before {
  content: var(--glyph-right-open-2);
}
@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);
}
#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;
}
#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 {
  font-family: fontello;
  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.re-video:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video:before {
  content: var(--glyph-video);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist:before,
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists:before {
  content: var(--glyph-list-bullet);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before {
  content: "\e602";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline:before {
  content: "\e603";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection:before {
  content: "\e604";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor:before {
  content: "\e605";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table:before {
  content: var(--glyph-table);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before {
  content: "\e607";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote:before {
  content: "\e608";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent:before {
  content: "\e609";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist:before {
  content: "\e60a";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link:before {
  content: var(--glyph-link);
}
#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-italic:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic:before {
  content: var(--glyph-italic);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent:before {
  content: "\e60e";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image:before {
  content: var(--glyph-picture-1);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen:before {
  content: "\e744";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen:before {
  content: "\e611";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format:before {
  content: var(--glyph-paragraph);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize:before {
  content: "\e613";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily:before {
  content: "\e614";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted:before {
  content: var(--glyph-strike);
}
#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-clips:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips:before {
  content: "\e617";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold:before {
  content: var(--glyph-bold);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor:before {
  content: "\e619";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file:before {
  content: "\e61a";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright:before {
  content: var(--glyph-align-right);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment:before,
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft:before {
  content: var(--glyph-align-left);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify:before {
  content: var(--glyph-align-justify);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter:before {
  content: var(--glyph-align-center);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before {
  content: var(--glyph-ccw);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before {
  content: var(--glyph-cw);
}
#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;
}
@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));
}
}
.endorsement-tagging {
  margin-bottom: 1em;
}
.endorsement-tagging .introduction {
  color: gray;
  margin-bottom: 1em;
}
#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 {
@media only screen and (min-width: 769px) {
.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);
}
.event-card:hover:not(:has(.follow.current)) {
  transform: scale(1.01);
}
.event-card:hover:not(:has(.follow.current)) .follow {
  box-shadow: var(--default-box-shadow-hover);
}
.event-card.type-birthday .follow .title:before {
  font-family: fontello;
  content: var(--glyph-birthday);
  display: inline-block;
  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;
}
.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: 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-family: fontello;
  font-size: 0.9em;
  content: var(--glyph-comment);
  display: inline-block;
  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;
}
.event-card-full {
  overflow: hidden;
}
@container screen style(--screen-small: true) {
.event-card-full {
  border-radius: 0;
}
}
@media only screen and (min-width: 769px) {
.event-card-full {
  border-radius: var(--border-radii);
}
}
.event-card-full figure.hero {
  overflow: hidden;
  background-color: var(--colour-accent);
  min-height: 270px;
  position: relative;
  width: 100%;
  border-top-left-radius: var(--border-radii);
  border-top-right-radius: var(--border-radii);
}
@container screen style(--screen-small: true) {
.event-card-full figure.hero {
  min-height: 310px;
  border-radius: 0;
}
}
.event-card-full figure.hero figcaption {
  z-index: 2;
  padding-bottom: 45px;
  padding-top: 100px;
  padding-left: 15%;
  padding-right: 10%;
  color: white;
  line-height: 30px;
}
@container screen style(--screen-small: true) {
.event-card-full figure.hero figcaption {
  padding-left: var(--small-screen-padding);
  padding-right: var(--small-screen-padding);
}
}
.event-card-full figure.hero figcaption .event-date {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 20px;
}
.event-card-full figure.hero figcaption .event-title {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.event-card-full figure.hero figcaption .event-location {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 20px;
}
.event-card-full figure.hero figcaption .event-location a {
  color: white;
}
.event-card-full figure.hero figcaption .event-location a:hover {
  text-decoration: underline;
}
.event-card-full figure.hero.type-image {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -15px;
  width: calc(100% + 30px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.event-card-full figure.hero.type-image img {
  width: 100%;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 20%, #fff 80%);
  filter: blur(5px) brightness(0.4);
  float: left;
  background-size: cover;
  background-position: center;
}
.event-card-full figure.hero.type-image figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding-right: calc(15px + 10%);
  padding-left: calc(15px + 15%);
}
@container screen style(--screen-small: true) {
.event-card-full figure.hero.type-image figcaption {
  padding-left: calc(var(--small-screen-padding) + 20px);
  padding-right: calc(var(--small-screen-padding) + 20px);
}
}
.event-card-full figure.hero.type-video video {
  width: 100%;
}
.event-card-full figure.hero.type-video figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding-top: 150px;
  padding-right: calc(10%);
  padding-left: calc(15%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
}
@container screen style(--screen-small: true) {
.event-card-full figure.hero.type-video figcaption {
  padding-left: var(--small-screen-padding);
  padding-right: var(--small-screen-padding);
}
}
.event-card-full .main-content {
  padding-top: 4rem;
  padding-bottom: 5rem;
  padding-right: 10%;
  padding-left: 15%;
  position: relative;
  z-index: 2;
  margin-top: -15px;
  background: var(--colour-base-background);
}
@container screen style(--screen-small: true) {
.event-card-full .main-content {
  padding-left: var(--small-screen-padding);
  padding-right: var(--small-screen-padding);
}
}
.event-card-full .main-content .summary {
  font-size: 1.5em;
  line-height: 1.4;
  margin-bottom: 1em;
}
.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;
}
.event-list .event a:hover .title {
  text-decoration: underline;
}
ul.pat-expandable {
  list-style-type: none;
  padding: 0 0 0 8px;
  margin-left: 0;
  line-height: 28px;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
}
ul.pat-expandable span.toggle:before {
  content: "\25b8";
  float: left;
  font: 18px/30px fontello;
}
ul.pat-expandable li {
  padding-left: 15px;
  list-style-type: none;
}
ul.pat-expandable li:before {
  background-color: #dadada;
  height: 1px;
  display: block;
  content: " ";
  position: absolute;
  right: 0;
  left: 0;
}
ul.pat-expandable li:after {
  content: " ";
  clear: both;
  display: block;
  width: 1px;
  height: 0;
}
ul.pat-expandable .select2-container {
  float: right;
  margin-bottom: 0;
  width: 49%;
  margin-right: 1%;
  margin-top: 4px;
}
ul.pat-expandable li > ul {
  padding: 0;
  display: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  clear: both;
}
ul.pat-expandable li span.toggle {
  font-size: 12px;
  line-height: 30px;
  margin-left: -13px;
  float: left;
  width: 13px;
  margin-bottom: -10px;
}
ul.pat-expandable li.open > span.toggle:before {
  content: "\25be";
  width: 18px;
  display: inline-block;
}
ul.pat-expandable li.open > ul {
  display: block;
}
ul.pat-expandable li ul.as-selections {
  float: right;
  width: 300px;
  line-height: 18px;
  height: auto;
  margin-right: -336px;
  margin-top: -26px;
  margin-bottom: 0;
  padding-left: 0;
}
ul.pat-expandable li .as-results {
  width: 250px;
  line-height: 18px;
  clear: both;
  float: right;
  margin-right: -245px;
}
ul.pat-expandable li .as-original {
  padding-left: 0;
}
ul.pat-expandable li ul.as-list {
  float: right;
  width: 250px;
  line-height: 18px;
}
ul.pat-expandable li > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 1px;
}
ul.pat-expandable li.document > a {
  width: 50%;
  display: inline-block;
}
ul.pat-expandable li.document > a:before {
  font-family: fontello;
  content: "\e0c1";
  display: inline-block;
  width: 25px;
  text-align: center;
  color: #5f5f5f;
}
ul.pat-expandable li.workspace > a:before,
ul.pat-expandable li.folder.workspace > a:before {
  font-family: fontello;
  content: var(--glyph-folder);
  display: inline-block;
  width: 25px;
  text-align: center;
  color: #5f5f5f;
}
ul.pat-expandable.folderish li.folder > a:before {
  font-family: fontello;
  content: '';
  display: inline-block;
  width: 25px;
  text-align: center;
  color: #5f5f5f;
}
ul.pat-expandable .functions {
  text-align: right;
  font-size: 15px;
  margin: 0.2em 0 -0.4em 0;
}
ul.pat-expandable li:hover > .functions {
  display: inline-block;
}
ul.pat-expandable a.link,
ul.pat-expandable .functions {
  width: 50%;
  box-sizing: border-box;
  float: left;
  padding: 0.2em 0;
}
@media only screen and (max-width: 767px) {
ul.pat-expandable .functions {
  width: 100%;
  text-align: left;
  display: block;
  padding-left: 26px;
  font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
ul.pat-expandable .functions.link {
  width: 100%;
}
}
@media only screen and (max-width: 767px) {
body[dir=rtl] ul.pat-expandable .functions {
  text-align: right;
}
}
#external-editor-window {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #efefef;
}
.application-workspace.sidebar-left-closed #external-editor-window {
  left: 50px;
}
#external-site-preview {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  transition: all 0.4s;
}
.comments-visible #external-site-preview {
  top: 55px;
  bottom: 60%;
}
#external-site-preview .preview-pane {
  border: none;
  width: 100%;
  height: 100%;
  background-color: var(--colour-base-background);
}
@media all and (display-mode: fullscreen) {
#full-screen-family-tree-family-tree {
  opacity: 0.5;
  pointer-events: none;
  display: none !important;
}
}
.quaive-family-tree {
  --family-tree-box-shadows: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 0 2px silver;
  --family-tree-lines-colour: silver;
  --family-tree-lines-thickness: 2px;
  --family-tree-node-distance: 40px;
  background-color: var(--colour-base-background);
  border: 1px solid #ccc;
  width: 100%;
  cursor: move;
}
.quaive-family-tree .card {
  cursor: default !important;
}
.quaive-family-tree .card .quaive-contact-card {
  width: 400px;
  height: 200px;
  box-shadow: var(--family-tree-box-shadows) !important;
  outline-offset: 4px;
  transition: all 0.2s ease-out;
}
.quaive-family-tree .card .quaive-contact-card:focus {
  outline: 5px solid var(--colour-accent);
}
.quaive-family-tree .card .quaive-contact-card:focus .contact-information {
  opacity: 1;
  filter: none;
}
.quaive-family-tree .card .quaive-contact-card .contact-information {
  opacity: 0.5;
  filter: grayscale(1);
}
.quaive-family-tree .card .quaive-contact-card .contact-information:hover {
  opacity: 1;
  filter: none;
}
.quaive-family-tree .card.card-male .quaive-contact-card,
.quaive-family-tree .card.card-male .toggle-parents::before {
  background: rgb(241, 251, 255);
}
.quaive-family-tree .card.card-male::after {
  left: calc(var(--family-tree-node-distance) + 100%);
}
.quaive-family-tree .card.card-female .quaive-contact-card,
.quaive-family-tree .card.card-female .toggle-parents::before,
.quaive-family-tree .card.card-female.spouse-none .toggle-children::before {
  background: rgb(255, 242, 245);
}
.quaive-family-tree .card.card-female .toggle.toggle-children {
  left: calc(var(--family-tree-node-distance) * -1);
}
.quaive-family-tree .card.card-female::after {
  left: calc(var(--family-tree-node-distance) * -1);
}
.quaive-family-tree .card:hover .quaive-contact-card {
  transform: none;
}
.quaive-family-tree .card:before {
  top: 0;
}
.quaive-family-tree .card:after {
  top: 50%;
}
.quaive-family-tree .card::after,
.quaive-family-tree .card::before {
  content: "";
  display: none;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  background: var(--colour-base-background);
  border-radius: 50%;
  box-shadow: var(--family-tree-box-shadows) !important;
  z-index: -1;
  width: 40px;
  height: 40px;
  animation: fadeIn 0.3s ease-in forwards;
}
.quaive-family-tree .card.has-parents::before {
  display: block;
}
.quaive-family-tree .card.has-children::after {
  display: block;
}
.quaive-family-tree .card.spouse-none.card-female .toggle.toggle-children,
.quaive-family-tree .card.spouse-none.card-female::after,
.quaive-family-tree .card.spouse-none.card-male .toggle.toggle-children,
.quaive-family-tree .card.spouse-none.card-male::after {
  top: 100%;
  left: 50%;
}
.quaive-family-tree .card .toggle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
  cursor: pointer;
  border-radius: 5px;
  font-size: 0.9rem;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 0;
  border-radius: 50%;
  pointer-events: none;
  animation: fadeIn 0.3s ease-in forwards;
}
.quaive-family-tree .card .toggle.state-open:before {
  content: var(--glyph-minus);
}
.quaive-family-tree .card .toggle.state-closed:before {
  content: var(--glyph-plus);
}
.quaive-family-tree .card .toggle.toggle-descendants {
  top: 100%;
}
.quaive-family-tree .card .toggle.toggle-children {
  top: 50%;
  left: calc(var(--family-tree-node-distance) + 100%);
}
.quaive-family-tree .card .toggle:hover {
  background: rgba(255, 255, 255, 1);
}
.quaive-family-tree .card .toggle:before {
  font-family: 'fontello';
  font-weight: 900;
  text-align: center;
  color: var(--body-font-colour);
  font-size: 20px;
  display: block;
  background-color: var(--colour-base-background);
  pointer-events: all;
  border-radius: 50%;
}
.quaive-family-tree .search-match .quaive-contact-card {
  outline: 10px solid var(--colour-link);
  transform: scale(1.2);
}
.quaive-family-tree .lazy-loading-trigger {
  top: 50%;
  transform: translateY(-50%);
}
.quaive-family-tree:has(.main_svg) {
  height: auto;
}
.quaive-family-tree:has(.main_svg) .lazy-loading-trigger {
  display: none;
}
.quaive-family-tree svg.main_svg {
  width: 100%;
  height: 100%;
}
.quaive-family-tree svg.main_svg path.link {
  stroke: var(--family-tree-lines-colour) !important;
  stroke-width: var(--family-tree-lines-thickness) !important;
}
.quaive-family-tree svg.main_svg text {
  fill: currentColor;
}
.file-download {
  display: block;
  background: var(--quaive-file-download-background, white);
  border: var(--quaive-file-download-border, none);
  margin: 0;
  position: relative;
  border-radius: var(--border-radii);
}
.file-download .follow {
  padding: var(--pat-x-list-padding);
  display: block;
}
.file-download .follow .title {
  color: var(--colour-link);
}
.file-download .follow[href]:hover {
  text-decoration: none;
}
.file-download .follow[href]:hover .title {
  color: var(--colour-link-hover);
}
.file-download .follow[href]:hover .title-fragment {
  text-decoration: underline;
}
.file-download .description,
.file-download .summary {
  margin-top: 0.2rem !important;
  margin-bottom: 0;
  color: var(--body-font-colour);
}
.file-download:has(.download) {
  pading-right: 100px;
}
.file-download:has(.download) .download {
  position: absolute;
  z-index: 2;
  right: 1.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  color: transparent;
  overflow: hidden;
  line-height: 40px;
  border: var(--colour-link) 2px solid;
  background-color: var(--colour-base-background);
  border-radius: 50%;
  cursor: default;
}
.file-download:has(.download) .download:hover {
  border-color: var(--body-font-colour);
}
.file-download:has(.download) .download:hover:before {
  color: var(--body-font-colour);
}
.file-download:has(.download) .download:before {
  font-family: fontello;
  content: var(--glyph-download);
  width: 100%;
  text-align: center;
  display: block;
  color: var(--colour-link);
}
.file-download:before {
  display: none;
}
.file-download .title {
  font-size: 1.3rem;
  line-height: 1.2;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  color: var(--colour-link);
}
.file-download .title:before {
  margin: 0;
  font-size: 0.9em;
}
.col-3 .file-download .title,
.portlet .file-download .title {
  font-size: 1.5rem;
}
.file-download .meta {
  margin-top: 0.2rem !important;
  font-weight: normal;
  color: var(--colour-byline);
  width: 100%;
}
.file-download .meta:last-child {
  margin-bottom: 0;
}
@container screen style(--screen-small: true) {
.file-download .meta {
  display: inline;
}
}
@media only screen and (min-width: 769px) {
.file-download .meta .meta-item {
  border-left: 1px solid var(--colour-byline);
  padding: 0 0.2em;
  display: inline-block;
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .file-download .meta .meta-item {
  border-left: none;
  border-right: 1px solid var(--colour-byline);
}
}
@media only screen and (min-width: 769px) {
.file-download .meta .meta-item:before {
  content: '  ';
  display: inline;
}
}
@media only screen and (min-width: 769px) {
.file-download .meta .meta-item:first-child {
  padding-left: 0;
  border-left: none;
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .file-download .meta .meta-item:first-child {
  padding-left: revert;
  padding-right: 0;
  border-right: none;
}
}
@media only screen and (min-width: 769px) {
.file-download .meta .meta-item:first-child:before {
  display: none;
}
}
@container screen style(--screen-small: true) {
.file-download .meta .meta-item:after {
  content: ', ';
}
}
.journal-list {
  list-style: none;
  padding: 0;
  margin: 0;
  container-type: inline-size;
  container-name: journal-list;
}
.journal-list-item {
  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);
}
@media (max-width: 640px) {
.journal-list-item {
  grid-template-columns: 1fr;
  gap: 0.4rem;
}
}
@media (max-width: 640px) {
.journal-list-item:has(.journal-list-thumb) {
  grid-template-columns: 1fr;
}
}
@container journal-list (max-width: 32rem) {
.journal-list-item {
  grid-template-columns: 1fr;
  gap: 0.3rem 0.8rem;
  padding: 1rem 0;
}
}
@container journal-list (max-width: 32rem) {
.journal-list-item .journal-list-date {
  padding-top: 0;
}
}
@container journal-list (max-width: 32rem) {
.journal-list-item .journal-list-title {
  font-size: 1.05rem;
  margin-bottom: 0.25rem;
}
}
@container journal-list (max-width: 32rem) {
.journal-list-item .journal-list-summary {
  font-size: 0.85rem;
  margin-bottom: 0.3rem;
}
}
@container journal-list (max-width: 32rem) {
.journal-list-item:has(.journal-list-thumb) {
  grid-template-columns: minmax(0, 1fr) 4.5rem;
}
}
@container journal-list (max-width: 32rem) {
.journal-list-item:has(.journal-list-thumb) .journal-list-date {
  grid-column: 1 / -1;
}
}
@container journal-list (max-width: 32rem) {
.journal-list-item:has(.journal-list-thumb) .journal-list-content {
  grid-column: 1;
}
}
@container journal-list (max-width: 32rem) {
.journal-list-item:has(.journal-list-thumb) .journal-list-thumb {
  grid-column: 2;
  grid-row: 2;
}
}
.quaive-portlet .journal-list-item {
  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: 2.25rem;
}
.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-bottom: 0;
}
.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: 2.25rem;
}
.post-body .journal-list-item .journal-list-summary {
  font-size: 1.35rem;
}
.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;
}
@media (max-width: 640px) {
.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;
}
}
@media (max-width: 640px) {
.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;
}
}
@media (max-width: 640px) {
.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;
}
.journal-list-content:hover {
  text-decoration: none;
}
.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;
}
@media (max-width: 640px) {
.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:hover,
.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;
}
.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:hover,
.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;
}
.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);
}
.newspaper-masthead {
  font-family: 'UnifrakturMaguntia', 'UnifrakturCook', 'Cloister Black', 'Old English Text MT', 'Goudy Old Style', Garamond, Georgia, 'Times New Roman', Times, serif;
  font-weight: 700;
  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: #000;
}
.newspaper-front {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  gap: 2.5rem;
}
@media (max-width: 960px) {
.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;
}
@media (min-width: 961px) {
.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;
}
.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;
}
.newspaper-item-link:hover .newspaper-item-title {
  color: var(--quaive-newspaper-link-hover, #555);
}
.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;
}
@media (max-width: 720px) {
.newspaper-section--news_article .newspaper-item {
  flex-basis: calc(50% - 0.8rem);
}
}
@media (max-width: 560px) {
.newspaper-section--news_article .newspaper-item {
  flex-basis: 100%;
}
}
@media (min-width: 721px) {
.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);
}
}
@media (min-width: 721px) {
.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;
}
}
@media (min-width: 721px) {
.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);
}
@media (max-width: 560px) {
.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);
}
@media (max-width: 720px) {
.newspaper-section--news_article .newspaper-item.is-secondary:nth-child(-n + 4) {
  flex-basis: calc(50% - 0.8rem);
}
}
@media (max-width: 560px) {
.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;
}
@media (max-width: 560px) {
.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;
}
@media (max-width: 720px) {
.newspaper-section--news_article .newspaper-section-grid--text > .newspaper-item {
  flex-basis: calc(50% - 0.8rem);
}
}
@media (max-width: 560px) {
.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;
}
@media (max-width: 720px) {
.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;
}
@media (min-width: 721px) {
.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: block;
  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);
  padding-right: 100px;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
.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-actions {
  position: absolute;
  z-index: 2;
  right: 1.4rem;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
body[dir=rtl] .package-tile .tile-actions {
  right: auto;
  left: 1.4rem;
}
.package-tile .tile-actions button {
  margin: 0;
}
.package-tile.enabled {
  --quaive-package-tile-border: 1px solid var(--colour-accent);
  --quaive-package-tile-background: #fef3e8;
  --quaive-package-tile-shadow: 0 0 0 3px rgba(234, 108, 26, 0.25);
}
label.file-attachment {
  position: relative;
  top: 1px;
}
label.file-attachment:hover {
  text-decoration: underline;
}
label.file-attachment:before {
  content: "\1f4ce";
  display: inline-block;
  font-family: fontello;
  margin-right: 4px;
}
label.file-attachment input {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity = 0);
  cursor: pointer;
}
.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%;
}
@container screen style(--screen-small: true) {
form .initiator .pat-avatar {
  display: none;
}
}
form .ueber-selector .pat-miller-columns {
  background-color: var(--colour-form-fields-background);
  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 .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);
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy {
  line-height: 30px;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy.vertical fieldset .legend {
  margin-bottom: 0.2em;
  margin-top: 0;
}
}
@media only screen and (min-width: 1280px) {
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;
}
}
@media only screen and (min-width: 1280px) {
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;
  text-align: center;
  line-height: 4.4rem;
  font-family: fontello;
  font-size: 1.6em;
  color: silver;
  font-weight: normal;
  top: 0;
  float: left;
  position: absolute;
  left: 0;
}
}
@media only screen and (min-width: 1280px) {
@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;
}
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .title:before {
  content: var(--glyph-title);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .file-upload-button {
  line-height: 31px;
  font-size: 18px;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy p.legend + .file-upload-button {
  margin-top: 2px;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .location iframe {
  margin-top: 10px;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .location:before {
  content: var(--glyph-location);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .stage:before {
  content: var(--glyph-stage);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .organiser:before {
  content: var(--glyph-user);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .information:before {
  content: var(--glyph-info-circle);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .priority:before {
  content: var(--glyph-attention-circled);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .spaces .button-bar {
  margin: 0;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .spaces:before {
  content: var(--glyph-door-open);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .video-conference:before {
  content: var(--glyph-videocam);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .workspace:before,
form fieldset.fancy > .origin:before {
  content: var(--glyph-workspace);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .publish-copy:before {
  content: var(--glyph-clone);
  font-size: 1.2em;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .attached-documents:before {
  content: var(--glyph-document);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .attendance:before {
  content: var(--glyph-mail-1);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .url:before {
  content: var(--glyph-globe);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy > .options:before {
  content: "\2714";
  line-height: 3.2rem;
}
}
@media only screen and (min-width: 1280px) {
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
form fieldset.fancy > .options:before {
  top: 0.8em;
}
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .date-time:before {
  content: var(--glyph-clock);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .date-time .group > .pat-checklist {
  width: 41.66667%;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .invitees:before {
  content: var(--glyph-users);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .attachments:before {
  content: var(--glyph-attach);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .agenda:before {
  content: "\2630";
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .schedule .day-title {
  padding-top: 5px;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
  display: block;
  clear: both;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .schedule .scheduler {
  margin-bottom: 10px;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .schedule:before {
  content: "\2630";
  transform: rotate(90deg);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .initiator .pat-avatar {
  position: absolute;
  left: 0.7em;
  top: 0.7em;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .initiator .pat-avatar img {
  max-width: 100% !important;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .assignee:before {
  content: var(--glyph-user);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .description:before {
  content: var(--glyph-feather);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .image img {
  max-width: 100%;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .image .icon-cancel-circle {
  clear: both;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .image:before {
  content: var(--glyph-picture-1);
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .video video {
  max-width: 100%;
  width: 100%;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .video .icon-cancel-circle {
  clear: both;
}
}
@media only screen and (min-width: 1280px) {
form fieldset.fancy .video:before {
  content: var(--glyph-video);
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
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.contact-name .row {
  padding-bottom: 0.5em;
  margin: 0 -0.2em;
}
form fieldset.group.contact-name .row .columns {
  padding: 0 0.2em;
}
form fieldset.group.contact-name .row .columns input {
  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;
}
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;
}
.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;
  cursor: pointer;
}
.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-popover .fc-header .fc-close {
  cursor: pointer;
}
.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;
}
.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),
.fc-event:not(.fc-list-event):hover,
.ui-widget .fc-event:not(.fc-list-event) {
  color: #fff;
  text-decoration: none;
}
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
}
.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;
  cursor: pointer;
  text-decoration: none;
}
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:hover,
.kik-events-calendar .kik-fc-toolbar-button:focus {
  cursor: default !important;
}
.kik-events-calendar .kik-fc-toolbar-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;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--button-height);
  line-height: 1;
  box-sizing: border-box;
}
.kik-events-calendar .kik-fc-toolbar-button:before {
  line-height: inherit;
}
.kik-events-calendar .kik-fc-toolbar-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);
}
.kik-events-calendar .kik-fc-toolbar-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);
}
.kik-events-calendar .kik-fc-toolbar-button:active {
  box-shadow: var(--pat-button-box-shadow-active);
}
.kik-events-calendar .kik-fc-toolbar-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);
}
.kik-events-calendar .kik-fc-toolbar-button.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.warning {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-warning);
}
.kik-events-calendar .kik-fc-toolbar-button.warning:hover {
  color: white;
  background-color: var(--colour-warning-hover);
}
.kik-events-calendar .kik-fc-toolbar-button.success {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-success);
}
.kik-events-calendar .kik-fc-toolbar-button.success:hover {
  color: white;
  background-color: var(--colour-success-hover);
}
.kik-events-calendar .kik-fc-toolbar-button[disabled],
.kik-events-calendar .kik-fc-toolbar-button.disabled,
.kik-events-calendar .kik-fc-toolbar-button:is(a):not([href]),
.kik-events-calendar .kik-fc-toolbar-button.default[disabled],
.kik-events-calendar .kik-fc-toolbar-button.default.disabled,
.kik-events-calendar .kik-fc-toolbar-button:is(a).default:not([href]) {
  color: var(--button-text-colour-disabled);
  background-color: var(--button-background-colour-disabled);
}
.kik-events-calendar .kik-fc-toolbar-button[disabled]:hover,
.kik-events-calendar .kik-fc-toolbar-button.disabled:hover,
.kik-events-calendar .kik-fc-toolbar-button:is(a):not([href]):hover,
.kik-events-calendar .kik-fc-toolbar-button.default[disabled]:hover,
.kik-events-calendar .kik-fc-toolbar-button.default.disabled:hover,
.kik-events-calendar .kik-fc-toolbar-button: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 {
  display: none;
}
}
.kik-events-calendar .kik-fc-toolbar-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);
}
.kik-events-calendar .kik-fc-toolbar-button.small:before {
  font-size: 15px;
}
.kik-events-calendar .kik-fc-toolbar-button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.kik-events-calendar .kik-fc-toolbar-button.iconified {
  width: 30px;
  padding: 0;
}
.kik-events-calendar .kik-fc-toolbar-button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: var(--pat-button-height);
}
.kik-events-calendar .kik-fc-toolbar-button.link {
  padding: 0;
  display: inline;
  background: none;
  color: var(--colour-link);
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.kik-events-calendar .kik-fc-toolbar-button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: var(--colour-link-hover);
}
.kik-events-calendar .kik-fc-toolbar-button.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.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:before {
  font-weight: normal;
  margin-right: 5px;
  float: left;
}
body[dir=rtl] .kik-events-calendar .kik-fc-toolbar-button:before {
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
.kik-events-calendar .kik-fc-toolbar-button.add:before {
  font-family: fontello;
  content: var(--glyph-plus);
}
.kik-events-calendar .kik-fc-toolbar-button svg {
  display: block;
}
.kik-events-calendar .kik-fc-toolbar-button::before {
  margin-right: 0;
}
.kik-events-calendar .kik-fc-toolbar-button:has(svg) {
  padding: 0 0.5rem;
}
.kik-events-calendar .kik-fc-toolbar-button[aria-pressed="true"],
.kik-events-calendar .kik-fc-toolbar-button.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);
}
.kik-events-calendar .kik-fc-toolbar-button[aria-pressed="true"]:hover,
.kik-events-calendar .kik-fc-toolbar-button.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;
}
@container screen style(--screen-small: true) {
.kik-events-calendar .kik-events-tz-select {
  width: var(--pat-select-box-height) !important;
  min-width: var(--pat-select-box-height);
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 18px 18px;
}
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-grouped {
  border-radius: 0;
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-group-first {
  border-start-start-radius: var(--button-border-radius);
  border-end-start-radius: var(--button-border-radius);
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-group-last {
  border-start-end-radius: var(--button-border-radius);
  border-end-end-radius: var(--button-border-radius);
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-grouped[aria-pressed="true"] {
  position: relative;
  z-index: 1;
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-today {
  position: relative;
  width: 2.4em;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  color: transparent;
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-today:hover {
  color: transparent;
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-today::before {
  content: var(--glyph-circle);
  font-family: fontello;
  font-size: 0.6em;
  color: var(--pat-button-text-colour);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-today[disabled],
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-today[disabled]:hover {
  background-color: var(--pat-button-background-colour);
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-today[disabled]::before {
  color: var(--colour-accent);
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-month,
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-week,
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-day {
  position: relative;
  width: 2.6em;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  color: transparent;
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-month:hover,
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-week:hover,
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-day:hover {
  color: transparent;
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-month::before,
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-week::before,
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-day::before {
  font-family: fontello;
  color: var(--pat-button-text-colour);
  margin: 0;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@container screen style(--screen-small: true) {
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-month,
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-week,
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-day {
  width: 38px;
}
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-month::before {
  content: var(--glyph-month-view);
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-week::before {
  content: var(--glyph-week-view);
}
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-day::before {
  content: var(--glyph-day-view);
}
.kik-events-calendar .kik-fc-toolbar-button[aria-pressed="true"]::before,
.kik-events-calendar .kik-fc-toolbar-button.kik-fc-view-active::before {
  color: var(--button-text-colour-default);
}
.kik-events-calendar .fc-classic-Q3Z {
  opacity: 1;
}
.kik-events-calendar .kik-fc-view {
  border: none;
  background: white;
  border-radius: var(--border-radii);
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18);
}
.kik-events-calendar .fc-classic-pKG {
  border: 0;
}
.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: var(--sidebar-margin-top);
}
.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 screen style(--screen-small: true) {
.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;
}
#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;
  background-color: transparent;
  pointer-events: none;
}
}
@container screen style(--screen-small: true) {
#global-header > * {
  pointer-events: all;
}
}
@media only screen and (min-width: 769px) {
#global-header {
  height: var(--global-header-height);
  padding-right: 1em;
  z-index: 0;
}
}
#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;
}
#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;
}
#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);
}
}
@media only screen and (min-width: 769px) {
#global-header form.search {
  position: relative;
  float: right;
  line-height: 1.3em;
}
}
@media only screen and (min-width: 769px) {
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);
}
@media only screen and (min-width: 769px) {
#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) {
@media only screen and (min-width: 769px) and (max-width: 1279px) {
#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;
}
@media only screen and (min-width: 769px) {
#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;
}
}
@media only screen and (min-width: 769px) {
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)));
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] #global-header form.search label input.search {
  float: right;
}
}
#global-header form.search label:after {
  content: var(--glyph-search);
  font-family: fontello;
  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)));
}
@media only screen and (min-width: 769px) {
#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 {
  margin-left: -1.5em;
  font-family: fontello;
  float: left;
}
.tooltip-container nav a.tab:before[dir=rtl] {
  float: right;
}
.tooltip-container nav a.tab.section-dashboard:before {
  content: var(--glyph-speedometer);
}
.tooltip-container nav a.tab.section-news:before {
  content: var(--glyph-newspaper-angle);
}
.tooltip-container nav a.tab.section-library:before {
  content: var(--glyph-squares);
}
.tooltip-container nav a.tab.section-workspaces:before {
  content: var(--glyph-workspace);
}
.tooltip-container nav a.tab.section-apps:before {
  content: var(--glyph-app);
}
.group-header {
  margin-bottom: 2.8em;
}
.group-header #edit-button,
.group-header #group-more-menu {
  float: right;
}
.group-header em.highlight {
  background-color: var(--colour-accent);
  border-radius: 0.2em;
  display: inline-block;
  padding: 0 0.25em;
  color: white;
  font-style: normal;
  line-height: 1em;
}
.group-header .group-badge,
.group-header .division-badge {
  float: left;
  height: 5.6em;
  width: 5.6em;
  margin-right: 1em;
  margin-bottom: 1em;
  border-right: 2px black solid;
  opacity: 0.5;
}
.group-header .group-badge.logo,
.group-header .division-badge.logo {
  border-right: none;
  border-radius: 15%;
  object-fit: cover;
  opacity: 1;
}
.document.register .group-header:before {
  float: left;
  height: 1.86em;
  width: 1.86em;
  margin-right: 0.45em;
  border-right: 2px rgba(0,0,0,0.5) solid;
  text-align: center;
  line-height: 1.9em;
  font-size: 3em;
  color: rgba(0,0,0,0.5);
  font-family: fontello;
  content: var(--glyph-archive);
}
.group-header .group-title {
  font-size: 2.8em;
  margin-bottom: 0;
  line-height: 1.2em;
}
.group-header .byline {
  opacity: 0.5;
  margin-bottom: 2em;
  font-size: 1.3em;
}
.group-header .introduction {
  clear: both;
}
.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);
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.group-table {
  grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 1280px) {
.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;
}
@media only screen and (min-width: 769px) {
.group-table .group {
  grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (min-width: 769px) {
form .horizontal .group .group-table .group {
  width: 100%;
  margin: 0 0 0.5em 0;
}
}
@media only screen and (min-width: 769px) {
form .horizontal .group .group-table .group > a {
  padding: 1%;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.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;
}
@media only screen and (min-width: 769px) {
.group-table .group > a {
  font-size: 0.8em;
}
}
@container screen style(--screen-small: true) {
.group-table .group > a {
  line-height: 1.4;
}
}
.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;
}
@media only screen and (min-width: 769px) {
.group-table .group > a .title {
  padding-top: 0.15em;
}
}
.group-table .group > a .byline {
  margin: 0;
  font-size: 0.8em;
  color: var(--colour-byline);
}
#hamburger-desktop,
#hamburger-mobile {
  float: left;
  height: 19px;
  width: 19px;
  text-indent: -100em;
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: 6px;
}
#hamburger-desktop:before,
#hamburger-mobile:before {
  text-indent: 0;
  content: var(--glyph-menu-outline);
  font-family: fontello;
  position: absolute;
  left: 10px;
  top: 0;
  font-size: 1em;
  line-height: 1.8em;
  color: var(--colour-header-elements);
}
#hamburger-mobile:before {
  content: var(--glyph-menu);
}
@media only screen and (min-width: 1280px) {
#hamburger-mobile {
  display: none;
}
}
@container screen style(--screen-small: true) {
#hamburger-desktop {
  display: none;
}
}
.gh-expanded #hamburger-desktop:before {
  content: var(--glyph-menu);
}
.application-home #hamburger-desktop:before {
  content: var(--glyph-menu);
  opacity: 0.5;
  pointer-events: none;
}
@media only screen and (min-width: 769px) {
.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;
}
}
.html-source-editor {
  position: relative;
}
.html-source-editor .html-source-panel-content {
  height: 400px;
  max-height: calc(100vh - 350px);
  overflow: auto;
  padding: 0;
  position: relative;
  background-color: #212121;
  box-shadow: inset 0 0 3px rgba(0,0,0,0.1), inset 0 0 15px rgba(0,0,0,0.05);
  border: none;
}
.html-source-editor .html-source-panel-content textarea {
  color: white;
  width: 100%;
  height: 100%;
  padding: 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  resize: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
.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;
}
.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;
}
.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;
}
.icon-tabs {
  text-align: center;
  margin-bottom: 1em;
  padding: 2em 0;
}
.icon-tabs > label,
.icon-tabs a {
  display: inline-block;
  min-width: 5.5em;
  height: 5.5em;
  border-radius: 0.5em;
  font-size: 0.8em;
  color: var(--body-font-colour);
  cursor: default;
  width: 7em;
  line-height: 1.4;
}
.icon-tabs > label:hover,
.icon-tabs a:hover {
  text-decoration: none;
}
.icon-tabs > label:before,
.icon-tabs a:before {
  text-align: center;
  font-size: 3.5em;
  display: block;
  padding: 0.4em 0 0.1em;
  width: 100%;
  margin: 0;
}
.icon-tabs > label.icon-brain:before,
.icon-tabs a.icon-brain:before {
  font-size: 3em;
}
.icon-tabs > label.checked,
.icon-tabs > label.current,
.icon-tabs a.checked,
.icon-tabs a.current {
  color: var(--colour-accent);
}
.icon-tabs > label input[type="radio"],
.icon-tabs a input[type="radio"] {
  position: absolute;
  visibility: hidden;
}
.quaive-illustration {
  width: 100%;
}
.quaive-illustration .pat-picture {
  width: 100%;
}
.quaive-illustration figcaption {
  font-size: 0.8em;
  opacity: 0.8;
}
@media only screen and (min-width: 769px) {
.image-cloud {
  margin: 0 calc(-0.5 * var(--grid-gutter));
}
}
.image-cloud figure {
  margin-bottom: 1.5em;
}
@container screen style(--screen-small: true) {
.image-cloud figure {
  width: 100%;
}
}
@media only screen and (min-width: 769px) {
.image-cloud figure {
  float: left;
  width: 33.3332%;
  height: 10.3em;
  padding: 0 calc(0.5 * var(--grid-gutter));
  box-sizing: border-box;
  position: relative;
}
}
.image-cloud figure img {
  width: 100%;
}
@media only screen and (min-width: 769px) {
.image-cloud figure img {
  box-sizing: border-box;
  border-left: calc(0.5 * var(--grid-gutter)) solid transparent;
  border-right: calc(0.5 * var(--grid-gutter)) solid transparent;
  width: auto;
  max-width: 100%;
  float: left;
  max-height: 8.2em;
  position: absolute;
  bottom: 1.8rem;
  left: 50%;
  transform: translateX(-50%);
}
}
.image-cloud figure figcaption {
  height: 1.8rem;
  line-height: 1.95em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  right: calc(0.5 * var(--grid-gutter));
  bottom: 0;
  left: calc(0.5 * var(--grid-gutter));
  box-sizing: border-box;
  padding: 0 0.5em;
  text-align: center;
}
.image-cropper {
  width: 766px;
}
.image-cropper .preview-block {
  width: 220px;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.image-cropper .preview-block figcaption {
  padding-top: 1em;
  font-size: 0.9em;
  line-height: 1.5;
  color: rgba(0,0,0,0.5);
  text-align: center;
}
.image-cropper .preview {
  width: 220px;
  height: 220px;
  display: block;
  border: 1px solid gray;
  overflow: hidden;
  border-radius: 50%;
}
.image-cropper .preview img {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  max-width: inherit !important;
}
.image-cropper .jcrop-holder input {
  display: none !important;
}
.image-cropper .jcrop-holder {
  direction: ltr;
  text-align: left;
  -ms-touch-action: none;
}
body[dir=rtl] .image-cropper .jcrop-holder {
  text-align: right;
}
.image-cropper .jcrop-vline,
.image-cropper .jcrop-hline {
  background: #ffffff url("Jcrop.gif");
  font-size: 0;
  position: absolute;
}
.image-cropper .jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.image-cropper .jcrop-vline.right {
  right: 0;
}
.image-cropper .jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.image-cropper .jcrop-hline.bottom {
  bottom: 0;
}
.image-cropper .jcrop-tracker {
  height: 100%;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.image-cropper .jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.image-cropper .jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.image-cropper .jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.image-cropper .jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.image-cropper .jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.image-cropper .jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.image-cropper .jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.image-cropper .jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.image-cropper .jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
.image-cropper .jcrop-dragbar.ord-n,
.image-cropper .jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.image-cropper .jcrop-dragbar.ord-e,
.image-cropper .jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.image-cropper .jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.image-cropper .jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.image-cropper .jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.image-cropper .jcrop-dragbar.ord-w {
  margin-left: -4px;
}
.image-cropper .jcrop-light .jcrop-vline,
.image-cropper .jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.image-cropper .jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
.image-cropper .jcrop-dark .jcrop-vline,
.image-cropper .jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.image-cropper .jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
.image-cropper .solid-line .jcrop-vline,
.image-cropper .solid-line .jcrop-hline {
  background: #ffffff;
}
.image-cropper .jcrop-holder img,
.image-cropper img.jcrop-preview {
  max-width: none;
}
.image-gallery:not(.page-module) {
  margin: 0 -0.5em;
}
.image-gallery:not(.page-module).masonry-ready .item {
  opacity: 1;
}
.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: 0;
  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%;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.image-gallery:not(.page-module) .item {
  width: 33.333332%;
}
}
@media only screen and (min-width: 1280px) {
.image-gallery:not(.page-module) .item {
  width: 25%;
}
}
@media only screen and (min-width: 1280px) {
@media (min-width: 1600px) {
.image-gallery:not(.page-module) .item {
  width: 20%;
}
}
}
@media only screen and (min-width: 1280px) {
@media (min-width:2000px) {
.image-gallery:not(.page-module) .item {
  width: 16.6666665%;
}
}
}
@media only screen and (min-width: 1280px) {
@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: pointer;
}
.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-family: fontello;
  font-size: 40px;
  opacity: 0.5;
}
.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: var(--glyph-eye-1);
}
}
@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: var(--glyph-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: var(--glyph-shopping-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: var(--glyph-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: var(--glyph-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: var(--glyph-heart-empty);
}
}
@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 {
  content: var(--glyph-heart);
}
}
.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-grid {
  --image-grid-gap: 15px;
  margin-top: 2em;
  margin-bottom: 2em;
  display: grid;
  grid-template-columns: repeat(var(--image-grid-columns), 1fr);
  grid-template-rows: auto;
  gap: var(--image-grid-gap);
}
@media only screen and (min-width: 1280px) {
.image-grid {
  --image-grid-columns: 4;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.image-grid {
  --image-grid-columns: 3;
}
}
@container screen style(--screen-small: true) {
.image-grid {
  --image-grid-columns: 2;
}
}
.image-grid .item {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
}
.image-grid .item img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.image-grid .icon-zoom-in {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  color: transparent;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
  opacity: 0;
  transition: 0.5s -webkit-backdrop-filter, 0.5s backdrop-filter;
}
.image-grid .icon-zoom-in:before {
  color: white;
  display: block;
  position: absolute;
  top: 50%;
  transform: scale(1) translateY(-50%);
  text-align: center;
  font-size: 40px;
  width: 100%;
  margin: 0;
  transition: transform 0.4s;
  text-shadow: 0 0 4px rgba(black, 0.8);
}
.image-grid .icon-zoom-in:hover {
  text-decoration: none;
  opacity: 1;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.image-grid .icon-zoom-in:hover:before {
  transform: scale(1.1) translateY(-50%);
}
.image-picker {
  position: relative;
}
.image-picker .button-bar {
  border: none !important;
}
.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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.image-picker .image-panel-content.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.image-picker .image-panel-content.injecting:before {
  animation: none;
}
}
.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);
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.image-selector {
  --image-selector-columns: 3;
}
}
@media only screen and (min-width: 1280px) {
.image-selector {
  --image-selector-columns: 4;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.image-selector {
  --image-selector-columns: 3;
}
}
@container screen style(--screen-small: true) {
.image-selector {
  --image-selector-columns: 2;
}
}
@media only screen and (min-width: 1280px) {
.image-selector.col-6 {
  --image-selector-columns: 6;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.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 {
  padding: 80px 0 50px;
  grid-column: span var(--image-selector-columns);
}
.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;
}
.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 {
  font-family: fontello;
  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: var(--glyph-checkbox-solid-checked);
}
.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: pointer;
}
.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: var(--glyph-image-gallery);
  font-family: fontello;
  font-size: 50px;
  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 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:    29px;
  right:  29px;
  bottom: 29px;
  left:   29px;
}
.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:   -39px;
  right:  -39px;
  bottom: -33px;
}
.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: block;
  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)));
}
.image-selector .item:before {
  display: none;
  font-size: 0;
  opacity: 0;
  transition: font-size 0.2s, opacity 0.2s, background-color 0.2s;
}
.image-selector .item.image:hover {
  background-color: var(--colour-base-background);
}
.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;
}
@media only screen and (min-width: 769px) {
.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);
  background: rgba(0, 0, 0, 0.3);
  border-radius: var(--border-radii);
  color: white;
  text-align: center;
  font-size: 15px;
  font-family: fontello;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.image-details-social .navigation-buttons .button:hover:before {
  background: rgba(0, 0, 0, 0.4);
}
.image-details-social .navigation-buttons .button.previous {
  left: -65px;
}
.image-details-social .navigation-buttons .button.previous:before {
  content: var(--glyph-left-big);
}
.image-details-social .navigation-buttons .button.next {
  right: -65px;
}
.image-details-social .navigation-buttons .button.next:before {
  content: var(--glyph-right-big);
}
@container screen style(--screen-small: true) {
.image-details-social .navigation-buttons {
  display: none;
}
}
.image-details-social .image-section {
  padding: 10px;
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
.image-details-social .image-section picture {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
  position: relative;
}
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
.image-details-social .social-section .icon-bar {
  padding: 20px 64px 20px 20px;
}
}
.image-details-social .social-section .icon-bar .icon {
  width: var(--image-details-social-button-bar-height);
  height: var(--image-details-social-button-bar-height);
  border-radius: var(--border-radii);
  color: transparent;
  background-color: transparent;
  display: inline-block;
  cursor: default;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none !important;
}
.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:before {
  font-family: fontello;
  display: block;
  width: 100%;
  text-align: center;
  height: var(--image-details-social-button-bar-height);
  line-height: var(--image-details-social-button-bar-height);
  font-size: calc(0.7 * var(--image-details-social-button-bar-height));
  margin: 0;
}
.image-details-social .social-section .icon-bar .icon:not(.workflow-state-toggle) {
  color: #666;
}
.image-details-social .social-section .icon-bar .icon:hover:before {
  filter: brightness(80%);
}
.image-details-social .social-section .icon-bar .icon.edit:before {
  content: var(--glyph-pencil);
}
.image-details-social .social-section .icon-bar .icon.active:before {
  color: var(--colour-accent);
}
.image-details-social .social-section .icon-bar .icon.more:before {
  content: var(--glyph-ellipsis);
  line-height: calc(1.08 * var(--image-details-social-button-bar-height));
}
.image-details-social .social-section .icon-bar .icon.more.tooltip-active-click {
  background-color: var(--colour-accent);
}
.image-details-social .social-section .icon-bar .icon.more.tooltip-active-click:before {
  color: white;
  filter: brightness(100%);
}
.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;
}
}
@media only screen and (min-width: 769px) {
.image-details-social .social-section {
  width: 30%;
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
}
}
@media only screen and (min-width: 769px) {
.image-details-social .social-section .image-details-content {
  position: absolute;
  top: 80px;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0 20px 20px;
  overflow: auto;
}
}
@media only screen and (min-width: 769px) {
.image-details-social .social-section .image-details-content fieldset.vertical {
  margin-bottom: 0;
}
}
@media only screen and (min-width: 769px) {
.image-details-social .social-section .image-details-content fieldset.vertical > *:last-child {
  margin-bottom: 0;
}
}
@media only screen and (min-width: 769px) {
.image-details-social .social-section .image-details-content .update-social {
  position: sticky;
  bottom: 0;
  margin: 30px 0 0 0;
  border: none;
}
}
.image-shopping-basket {
  margin: 0 -0.5em;
}
.image-shopping-basket .button-bar {
  padding: 0.5em;
}
.image-shopping-basket label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  padding: 0.5em;
  float: left;
  text-align: center;
}
.image-shopping-basket label.unchecked figure img {
  opacity: 0.2;
}
.image-shopping-basket label figure {
  border: solid 1px #dedede;
  overflow: hidden;
  position: relative;
}
.image-shopping-basket label figure img {
  display: block;
  width: 100%;
}
.image-shopping-basket label figure figcaption {
  padding: 0.4em 1.8em;
  font-size: 0.8em;
  line-height: 1.2em;
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: var(--colour-base-background);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.image-shopping-basket label:before {
  margin-left: 0 !important;
  position: absolute !important;
  bottom: 0.8em !important;
  left: 1em !important;
  top: auto !important;
  float: none !important;
  z-index: 2;
  height: 1em;
  line-height: 1em;
}
.image-shopping-basket label img {
  width: 100%;
  border: 1px #dedede solid;
}
.image-uploader {
  position: relative;
  overflow: hidden;
  min-height: 1.4em;
}
.image-uploader:before {
  top: 0;
  bottom: 0;
  display: block;
  content: ' ';
  background-color: var(--colour-base);
  position: absolute;
  z-index: 0;
}
.image-uploader:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1em 0 0 -1em;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  display: block;
  content: var(--glyph-picture-1);
  font-family: fontello;
  z-index: 0;
  font-size: 2em;
}
.image-uploader.columns:before {
  left: 27px;
  right: 27px;
}
.image-uploader .upload-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;
  position: absolute;
  z-index: 1;
  left: 50%;
  left: 17%;
  right: 17%;
  top: 0.1em;
  line-height: 24px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.image-uploader .upload-button:before {
  line-height: inherit;
}
.image-uploader .upload-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);
}
.image-uploader .upload-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);
}
.image-uploader .upload-button:active {
  box-shadow: var(--pat-button-box-shadow-active);
}
.image-uploader .upload-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);
}
.image-uploader .upload-button.default:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
.image-uploader .upload-button.warning {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-warning);
}
.image-uploader .upload-button.warning:hover {
  color: white;
  background-color: var(--colour-warning-hover);
}
.image-uploader .upload-button.success {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-success);
}
.image-uploader .upload-button.success:hover {
  color: white;
  background-color: var(--colour-success-hover);
}
.image-uploader .upload-button[disabled],
.image-uploader .upload-button.disabled,
.image-uploader .upload-button:is(a):not([href]),
.image-uploader .upload-button.default[disabled],
.image-uploader .upload-button.default.disabled,
.image-uploader .upload-button:is(a).default:not([href]) {
  color: var(--button-text-colour-disabled);
  background-color: var(--button-background-colour-disabled);
}
.image-uploader .upload-button[disabled]:hover,
.image-uploader .upload-button.disabled:hover,
.image-uploader .upload-button:is(a):not([href]):hover,
.image-uploader .upload-button.default[disabled]:hover,
.image-uploader .upload-button.default.disabled:hover,
.image-uploader .upload-button:is(a).default:not([href]):hover {
  color: var(--button-text-colour-disabled-hover);
  background-color: var(--button-background-colour-disabled-hover);
}
@media print {
.image-uploader .upload-button {
  display: none;
}
}
.image-uploader .upload-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);
}
.image-uploader .upload-button.small:before {
  font-size: 15px;
}
.image-uploader .upload-button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.image-uploader .upload-button.iconified {
  width: 30px;
  padding: 0;
}
.image-uploader .upload-button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: var(--pat-button-height);
}
.image-uploader .upload-button.link {
  padding: 0;
  display: inline;
  background: none;
  color: var(--colour-link);
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.image-uploader .upload-button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: var(--colour-link-hover);
}
.image-uploader .upload-button.no-label {
  padding: 0;
  aspect-ratio: 1 / 1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.image-uploader .upload-button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.image-uploader .upload-button:before {
  font-weight: normal;
  margin-right: 5px;
  float: left;
}
body[dir=rtl] .image-uploader .upload-button:before {
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
.image-uploader .upload-button.add:before {
  font-family: fontello;
  content: var(--glyph-plus);
}
.image-uploader input[type="file"] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}
.image-uploader img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  float: left;
  position: relative;
  z-index: 1;
}
.image-uploader img+.upload-button {
  color: white;
  border: 1px solid rgba(255,255,255,0.7);
  background: rgba(0,0,0,0.6);
}
.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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -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;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
:root {
  --sortable-items-list-vertical-spacing: 12px;
  --sortable-items-list-bar-thickness: 3px;
  --sortable-items-list-paddings: 10px;
}
.sortable-items-list {
  counter-reset: agenda;
}
.sortable-items-list.images .sortable-item {
  grid-template-columns: 20% 80%;
  display: grid;
  grid-gap: var(--sortable-items-list-paddings);
}
.sortable-items-list .sortable-item {
  counter-increment: agenda;
  position: relative;
  margin: 0;
  padding-right:  var(--sortable-items-list-paddings);
  padding-left:   calc(var(--sortable-items-list-paddings) + 34px);
  padding-bottom: calc((0.5 * var(--sortable-items-list-vertical-spacing)) + var(--sortable-items-list-paddings));
  padding-top:    calc((0.5 * var(--sortable-items-list-vertical-spacing)) + var(--sortable-items-list-paddings));
  background-color: transparent;
}
.sortable-items-list .sortable-item > .label {
  position: relative;
  z-index: 1;
  -webkit-user-select: text;
  user-select: text;
}
.sortable-items-list .sortable-item:after {
  content: ' ';
  display: block;
  position: absolute;
  top: calc(0.5 * var(--sortable-items-list-vertical-spacing));
  bottom: calc(0.5 * var(--sortable-items-list-vertical-spacing));
  right: 0;
  left: 0;
  background: var(--colour-form-fields-background);
  border-radius: var(--form-fields-border-radius);
}
.sortable-items-list .sortable-item .attached-documents .attachment-list {
  background: transparent !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  font-size: 0.8em;
  padding-top: 0.5em;
  position: relative;
  z-index: 1;
}
.sortable-items-list .sortable-item .attached-documents .attachment-list .attached-file {
  margin-bottom: 0;
}
.sortable-items-list .sortable-item .attached-documents .attachment-list .attached-file .label {
  -webkit-user-select: text;
  user-select: text;
}
.sortable-items-list .sortable-item .attached-documents .attachment-list .meta {
  top: 0.3em;
}
.sortable-items-list .sortable-item .attached-documents .attachment-list:before {
  display: none;
}
.sortable-items-list .sortable-item .attached-documents .button-bar {
  padding-top: var(--sortable-items-list-vertical-spacing);
  margin: 0;
}
.sortable-items-list .sortable-item .meta {
  display: inline-block;
  font-size: 0.7em;
  padding: 0 0 0 0.5em;
  line-height: 130%;
  top: -0.1em;
  position: relative;
}
.sortable-items-list .sortable-item .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;
}
.sortable-items-list .sortable-item .meta .label:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 0.5em;
}
.sortable-items-list .sortable-item .meta .label.publication-state:before {
  content: var(--glyph-megaphone);
}
.sortable-items-list .sortable-item .meta .label.case-type:before {
  content: var(--glyph-star-circled);
}
.sortable-items-list .sortable-item .meta .label.department:before {
  content: var(--glyph-building);
}
.sortable-items-list .sortable-item .meta .label.annotated {
  background: var(--colour-notice);
  border-radius: 0.1em;
}
.sortable-items-list .sortable-item .meta .label.annotated:before {
  content: var(--glyph-annotation);
}
.sortable-items-list .sortable-item .summary {
  font-size: 0.8em;
  color: #666;
  line-height: 130%;
  margin: 6px 0 0 0;
  -webkit-user-select: text;
  user-select: text;
}
.sortable-items-list .sortable-item.drop-target-above {
  box-shadow: 
				inset
				0 
				calc(0.5 * var(--sortable-items-list-bar-thickness))
				0  
				0
				var(--colour-accent),
				0 
				calc(-0.5 * var(--sortable-items-list-bar-thickness))
				0  
				0
				var(--colour-accent);
}
.sortable-items-list .sortable-item.drop-target-below {
  box-shadow: 
				inset
				0 
				calc(-0.5 * var(--sortable-items-list-bar-thickness))
				0  
				0
				var(--colour-accent),
				0 
				calc(0.5 * var(--sortable-items-list-bar-thickness))
				0  
				0
				var(--colour-accent);
}
.sortable-items-list .sortable-item .thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(0.8 * var(--border-radii));
}
.sortable-items-list .sortable-item .additional-icons {
  position: absolute;
  left: 0;
  bottom: calc(0.5 * var(--sortable-items-list-vertical-spacing));
  width: 35px;
  display: none;
  z-index: 2;
}
.sortable-items-list .sortable-item .additional-icons .button-remove {
  width: 100%;
  height: 34px;
  color: transparent;
  overflow: hidden;
  background-color: transparent;
  cursor: default;
}
.sortable-items-list .sortable-item .additional-icons .button-remove:before {
  font-family: fontello;
  width: 100%;
  height: 100%;
  line-height: 33px;
  content: var(--glyph-trash);
  color: white;
  font-size: 18px;
  text-align: center;
  display: block;
}
.sortable-items-list .sortable-item:hover .additional-icons {
  display: inline-block;
}
.sortable-items-list .sortable-item:hover .additional-icons .button {
  opacity: 0.7;
}
.sortable-items-list .sortable-item:hover .additional-icons .button:hover {
  opacity: 1;
}
.sortable-items-list .sortable-item > input,
.sortable-items-list .sortable-item > textarea {
  margin: 
				calc(-1 * var(--sortable-items-list-paddings)) 
				calc(-1 * var(--sortable-items-list-paddings))
				calc(-1 * var(--sortable-items-list-paddings)) 
				calc(-1 * var(--sortable-items-list-paddings));
  width: calc(100% - var(--sortable-items-list-paddings));
  box-sizing: content-box;
  padding: var(--sortable-items-list-paddings);
  background: transparent;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  position: relative;
  z-index: 1;
  display: block;
}
.sortable-items-list .sortable-item > textarea {
  resize: vertical;
  min-height: 80px;
}
.sortable-items-list .sortable-item:before,
.sortable-items-list .sortable-item .sortable-handle {
  content: counter(agenda);
  line-height: 1.55em;
  text-align: center;
  color: white;
  display: block;
  position: absolute;
  left: 0;
  top: calc(0.5 * var(--sortable-items-list-vertical-spacing));
  bottom: calc(0.5 * var(--sortable-items-list-vertical-spacing));
  width: 34px;
  background: var(--colour-accent);
  border-top-left-radius: var(--border-radii);
  border-bottom-left-radius: var(--border-radii);
  overflow: hidden;
  border: var(--sortable-items-list-border-thickness) solid var(--colour-accent);
}
@media print {
.sortable-items-list .sortable-item:before,
.sortable-items-list .sortable-item .sortable-handle {
  background: transparent;
  width: 1em;
  text-align: left;
  color: var(--body-font-colour);
}
}
@media print {
body[dir=rtl] .sortable-items-list .sortable-item:before,
body[dir=rtl] .sortable-items-list .sortable-item .sortable-handle {
  text-align: right;
}
}
.sortable-items-list .sortable-item .button-cluster {
  display: none;
}
.sortable-items-list .sortable-item .sortable-handle {
  opacity: 0;
  text-indent: -10em;
  background: var(--colour-accent);
  color: transparent;
  z-index: 1;
}
.sortable-items-list .sortable-item .sortable-handle:before {
  color: white;
  content: var(--glyph-updown-circle);
  display: block;
  font-family: fontello;
  text-indent: 0.1em;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 2.1em;
  height: 33px;
  overflow: hidden;
  text-align: center;
  font-size: 0.8em;
}
.sortable-items-list .sortable-item:hover .sortable-handle {
  opacity: 1;
  cursor: move;
}
.sortable-items-list .sortable-item:hover .sortable-handle:hover {
  text-decoration: none;
}
.sortable-items-list + .button-bar {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: var(--sortable-items-list-vertical-spacing);
}
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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.item-selector .action-in-progress:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  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);
}
.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);
}
.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);
}
.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;
  cursor: pointer;
}
.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;
  font-family: fontello;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.5em;
  font-size: 2.2em;
  width: 45px;
  height: 45px;
  border-radius: var(--border-radii);
}
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: var(--glyph-folder);
}
.item-selector .search-result .folder-intro.has-description.tag-intro:before,
.item-selector .search-result .introduction.has-description.tag-intro:before {
  content: var(--glyph-tag);
}
.item-selector .search-result .folder-intro.has-description.division-intro:before,
.item-selector .search-result .introduction.has-description.division-intro:before {
  content: var(--glyph-division);
}
.item-selector .search-result .folder-intro.has-description.group-intro:before,
.item-selector .search-result .introduction.has-description.group-intro:before {
  content: var(--glyph-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: var(--glyph-alarm);
  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: var(--glyph-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;
}
.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;
}
.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);
}
.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);
}
.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 .menu {
  margin: 0 0 1em 0;
}
.item-selector .search-result .item .options.panel-content .menu: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;
}
.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;
  font-family: fontello;
  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: var(--glyph-attention);
  color: var(--colour-warning);
}
.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);
}
.item-selector .search-result .item .follow:hover {
  text-decoration: none;
}
.item-selector .search-result .item.important .follow:before {
  font-family: fontello;
  content: var(--glyph-crown);
  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: var(--item-selector-icon-background-colour);
}
.item-selector .search-result .item.user-group .follow:before {
  font-family: fontello;
  content: var(--glyph-users);
  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: var(--item-selector-icon-background-colour);
}
.item-selector .search-result .item.workspace .follow:before {
  font-family: fontello;
  content: var(--glyph-workspace);
  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: var(--item-selector-icon-background-colour);
}
.item-selector .search-result .item.division .follow:before {
  font-family: fontello;
  content: var(--glyph-division);
  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: var(--item-selector-icon-background-colour);
}
.item-selector .search-result .item.emergency-services .follow:before {
  font-family: fontello;
  content: var(--glyph-alarm);
  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 {
  font-family: fontello;
  content: var(--glyph-bookmark);
  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: var(--item-selector-icon-background-colour);
}
.item-selector .search-result .item.following .follow:before {
  font-family: fontello;
  content: var(--glyph-follow);
  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: var(--item-selector-icon-background-colour);
}
.item-selector .search-result .item.family .follow:before {
  font-family: fontello;
  content: var(--glyph-shield);
  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: var(--item-selector-icon-background-colour);
}
.item-selector .search-result .item.map .follow:before {
  font-family: fontello;
  content: var(--glyph-map);
  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: var(--item-selector-icon-background-colour);
}
.item-selector .search-result .item.new-born .follow:before {
  font-family: fontello;
  content: var(--glyph-feeding-bottle);
  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: var(--item-selector-icon-background-colour);
}
.item-selector .search-result .item.deceased-jewish .follow:before {
  font-family: fontello;
  content: var(--glyph-religious-jewish);
  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: var(--item-selector-icon-background-colour);
}
.item-selector .search-result .item.deceased-christian .follow:before {
  font-family: fontello;
  content: var(--glyph-religious-christian);
  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: var(--item-selector-icon-background-colour);
}
.item-selector .search-result .item.all-users .follow:before {
  font-family: fontello;
  content: var(--glyph-brandmark);
  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: var(--item-selector-icon-background-colour);
}
.item-selector .search-result .item.all-contacts .follow:before {
  font-family: fontello;
  content: var(--glyph-contacts);
  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: var(--item-selector-icon-background-colour);
}
.item-selector .search-result .item.emergency-service .follow:before {
  font-family: fontello;
  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 {
  font-family: fontello;
  content: var(--glyph-right-open-2);
  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 {
  content: var(--glyph-left-open);
}
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 {
  font-family: fontello;
  color: var(--body-font-colour);
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-color: var(--colour-base-background);
  font-size: 10px;
  text-align: center;
}
.item-selector .search-result .item .title .alias-symbol:before {
  content: var(--glyph-arrow-curved-up);
}
.item-selector .search-result .item .title .dropbox-symbol:before {
  content: var(--glyph-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-family: fontello;
  font-size: var(--item-selector-icon-glyph-size);
  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: var(--glyph-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;
}
.item-selector .search-result .item.trashed:hover .title {
  padding-right: 0;
}
body[dir=rtl] .item-selector .search-result .item.trashed:hover .title {
  padding-left: 0;
}
.item-selector .search-result .item.type-trash .title:before {
  content: var(--glyph-trash);
  color: rgba(0,0,0,0.5);
  background-color: rgba(0,0,0,0.1);
}
.item-selector .search-result .item.document .title:before {
  content: var(--glyph-document);
  transition: opacity var(--base-animation-duration);
}
.item-selector .search-result .item.register .title:before {
  content: var(--glyph-archive);
}
.item-selector .search-result .item.type-presentation .title:before,
.item-selector .search-result .item.type-slide .title:before {
  content: var(--glyph-slides);
}
.item-selector .search-result .item.type-date .title:before {
  content: var(--glyph-calendar-empty);
}
.item-selector .search-result .item.type-event .title:before {
  content: var(--glyph-calendar);
}
.item-selector .search-result .item.type-vimeo .title:before {
  content: var(--glyph-vimeo);
}
.item-selector .search-result .item.type-user .title:before {
  content: '\1f464';
}
.item-selector .search-result .item.type-tag .title:before {
  content: '\e70c';
}
.item-selector .search-result .item.type-powerpoint .title:before {
  content: var(--glyph-file-powerpoint);
}
.item-selector .search-result .item.type-word .title:before {
  content: var(--glyph-file-word);
}
.item-selector .search-result .item.type-zip .title:before {
  content: var(--glyph-file-archive);
}
.item-selector .search-result .item.type-video .title:before {
  content: var(--glyph-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: var(--glyph-play);
  z-index: 1;
  background-color: 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: var(--glyph-video);
}
.item-selector .search-result .item.type-audio .title:before {
  content: var(--glyph-file-audio);
}
.item-selector .search-result .item.type-youtube .title:before {
  content: var(--glyph-youtube);
}
.item-selector .search-result .item.type-excel .title:before {
  content: var(--glyph-file-excel);
}
.item-selector .search-result .item.type-sound .title:before {
  content: var(--glyph-file-audio);
}
.item-selector .search-result .item.type-image .title:before {
  content: var(--glyph-file-image);
}
.item-selector .search-result .item.type-code .title:before {
  content: var(--glyph-file-code);
}
.item-selector .search-result .item.type-rich .title:before {
  content: var(--glyph-doc-text);
}
.item-selector .search-result .item.type-pdf .title:before {
  content: var(--glyph-file-pdf);
}
.item-selector .search-result .item.type-diagram .title:before {
  content: var(--glyph-sitemap);
}
.item-selector .search-result .item.type-markdown .title:before {
  content: var(--glyph-markdown);
}
.item-selector .search-result .item.type-passage .title:before {
  content: var(--glyph-book-1);
}
.item-selector .search-result .item.type-news-article .title:before {
  content: var(--glyph-newspaper);
}
.item-selector .search-result .item.type-text-boilerplate .title:before {
  content: var(--glyph-boilerplate);
}
.item-selector .search-result .item.type-email .title:before {
  content: var(--glyph-mail-1);
}
.item-selector .search-result .item.type-link .title:before {
  content: var(--glyph-link);
}
.item-selector .search-result .item.back .title:before {
  content: '\e4a1';
  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):hover,
.item-selector .search-result .item:not(.active):focus {
  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:before,
.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: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%;
}
.pat-jitsi iframe {
  border-radius: var(--border-radii);
  box-shadow: var(--default-box-shadow);
}
#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 {
  cursor: pointer;
  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: 0;
}
}
.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-link-list.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: var(--small-screen-padding) minmax(0, auto) var(--small-screen-padding);
}
}
.kik-document.type-event,
.kik-document.type-email,
.kik-document.type-rich,
.kik-document:has(.document-hero-area) {
  background: var(--colour-base-background);
  box-shadow: var(--quaive-document-box-shadow);
  border-radius: var(--border-radii);
}
.kik-document.type-event .quaive-page-modules,
.kik-document.type-email .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.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 > .document-hero-area {
  grid-area: hero;
}
.kik-document > :not(.document-hero-area) {
  grid-column: 2;
}
.kik-document:has(.document-hero-area) {
  overflow: hidden;
  --quaive-document-padding-top: 0;
}
.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-1-font-size: 2.8rem;
  --pat-rich-header-level-1-line-height: 1.1;
  --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;
  --pat-rich-summary-margin-bottom: 0;
  --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;
}
@media only screen and (max-width: 768px) {
.quaive-document.type-article {
  grid-template-columns: 0 minmax(0, auto) 0;
}
}
@media only screen and (max-width: 768px) {
.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;
}
}
@media only screen and (max-width: 768px) {
.quaive-document.type-event,
.quaive-document.type-email,
.quaive-document.type-task,
.quaive-document:has(.document-hero-area) {
  padding-top: 0;
}
}
.document-insert {
  cursor: pointer;
  position: relative;
}
.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-link-list,
.attachments-fragment-embed .pat-link-list li {
  margin: 0;
}
.attachments-fragment-embed .pat-link-list li a {
  text-decoration: none !important;
}
.attachments-fragment-embed .pat-link-list li::before {
  content: none;
}
.attachments-fragment-embed .type-diagram.document-preview.diagram-fragment {
  background: transparent;
}
.map-fragment-embed iframe {
  pointer-events: none;
}
.map-embed iframe {
  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;
}
: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:hover > img,
.kik-image-grid > a:focus > img {
  opacity: 0.92;
  transition: opacity 0.15s ease-in-out;
}
.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 {
  font-family: fontello;
  content: var(--glyph-ellipsis);
  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:hover,
.kik-image-grid > a.kik-image-grid-more:focus {
  opacity: 0.92;
  transition: opacity 0.15s ease-in-out;
}
.kik-image-grid:has(> a:only-child) {
  display: block;
}
.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;
}
}
.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-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-recent-table {
  table-layout: fixed;
}
.documents-recent-table .item-location {
  width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.documents-recent-table .item-modified {
  width: 11rem;
}
.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;
}
.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.25);
  --kikar-carousel-marker-active-colour: var(--colour-accent, #0070f3);
  --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%;
  background: var(--kikar-carousel-marker-active-colour);
  font-family: fontello;
  font-size: var(--kikar-carousel-button-glyph-size);
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  color: var(--kikar-carousel-button-glyph-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) {
  content: var(--glyph-left-open);
  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) {
  content: var(--glyph-right-open-1);
  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) {
  content: var(--glyph-right-open-1);
}
}
@supports selector(::scroll-button(right)) {
body[dir="rtl"] .kikar-carousel::scroll-button(inline-end) {
  content: var(--glyph-left-open);
}
}
@supports selector(::scroll-button(right)) {
.kikar-carousel::scroll-button(inline-start):hover,
.kikar-carousel::scroll-button(inline-end):hover {
  background: 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;
}
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: transparent;
  border: 2px solid var(--kikar-carousel-marker-colour, rgba(0, 0, 0, 0.25));
  box-sizing: border-box;
  text-decoration: none;
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  cursor: pointer;
}
.kikar-carousel-dots .kc-dot:hover,
.kikar-carousel-dots .kc-dot:focus-visible {
  background: var(--kikar-carousel-marker-active-colour, #0070f3);
  border-color: var(--kikar-carousel-marker-active-colour, #0070f3);
  transform: scale(1.15);
}
.kikar-carousel-dots .kc-arrow {
  display: none;
  width: var(--kikar-carousel-button-size, 1.5rem);
  height: var(--kikar-carousel-button-size, 1.5rem);
  border-radius: 50%;
  background: var(--kikar-carousel-marker-active-colour, var(--colour-accent, #0070f3));
  color: var(--kikar-carousel-button-glyph-colour, #fff);
  font-family: fontello;
  font-size: var(--kikar-carousel-button-glyph-size, 0.85rem);
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.kikar-carousel-dots .kc-arrow.kc-prev::before {
  content: var(--glyph-left-open);
}
.kikar-carousel-dots .kc-arrow.kc-next::before {
  content: var(--glyph-right-open-1);
}
body[dir="rtl"] .kikar-carousel-dots .kc-arrow.kc-prev::before {
  content: var(--glyph-right-open-1);
}
body[dir="rtl"] .kikar-carousel-dots .kc-arrow.kc-next::before {
  content: var(--glyph-left-open);
}
.kikar-carousel-dots .kc-arrow.kc-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.kikar-carousel-dots .kc-arrow:hover,
.kikar-carousel-dots .kc-arrow:focus-visible {
  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: transparent;
  border: 2px 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(--colour-accent);
  border-color: var(--colour-accent);
  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-color: var(--kikar-carousel-marker-active-colour);
  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-color: var(--kikar-carousel-marker-active-colour);
  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-color: var(--kikar-carousel-marker-active-colour);
  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-color: var(--kikar-carousel-marker-active-colour);
  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-color: var(--kikar-carousel-marker-active-colour);
  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-color: var(--kikar-carousel-marker-active-colour);
  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-color: var(--kikar-carousel-marker-active-colour);
  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-color: var(--kikar-carousel-marker-active-colour);
  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-color: var(--kikar-carousel-marker-active-colour);
  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-color: var(--kikar-carousel-marker-active-colour);
  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-color: var(--kikar-carousel-marker-active-colour);
  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-color: var(--kikar-carousel-marker-active-colour);
  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:hover,
.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);
}
.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:hover,
.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);
}
.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;
}
.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;
}
#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;
}
.job-card {
  transition: all 0.2s;
}
.job-card:hover {
  transform: scale(1.005);
}
.job-card:hover .job-card-content {
  text-decoration: none;
  box-shadow: 0 2px 40px rgba(0,0,0,0.1);
}
.job-card:hover .job-card-bookmark button:not(.active) {
  color: var(--body-font-colour);
  opacity: 0.2;
}
.job-card:hover .job-card-bookmark button:not(.active):hover {
  opacity: 0.6;
}
.job-card .job-card-bookmark {
  position: absolute;
  top: -3px;
  left: 30px;
  font-size: 30px;
  line-height: 0px;
}
.job-card .job-card-bookmark button {
  background: transparent;
  color: transparent;
  font-size: 1em;
  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;
  box-shadow: none;
}
.job-card .job-card-bookmark button:active {
  box-shadow: none;
}
.job-card .job-card-bookmark button:hover {
  text-decoration: none;
}
.job-card .job-card-bookmark button:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
body[dir=rtl] .job-card .job-card-bookmark button:before {
  margin: 0 0 10px 0;
}
.job-card .job-card-bookmark button:active {
  color: var(--colour-accent);
  opacity: 1;
}
.job-card .job-card-bookmark button.active {
  color: var(--colour-accent);
  box-shadow: none;
}
.job-card .job-card-content {
  position: relative;
  background: var(--colour-base-background);
  padding: 35px;
  display: block;
  box-shadow: 0 2px 30px rgba(0,0,0,0.1);
  color: var(--body-font-colour);
  cursor: pointer;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow: auto;
  transition: all 0.2s;
}
.job-card .job-card-content .job-card-end-note {
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 2px;
  text-align: center;
  padding: 5px;
  background-color: var(--colour-info);
  color: rgba(0,0,0,0.6);
  font-size: 0.9em;
  margin: 0;
  text-shadow: 0 1px 0 white;
}
.job-card .job-card-content .job-card-end-note .label {
  font-weight: bold;
}
.job-card .job-card-content .job-card-end-note .label.fulfilled:before {
  color: rgba(0,0,0,0.4);
  font-family: fontello;
  content: var(--glyph-flag);
  display: inline-block;
  margin-right: 5px;
}
.job-card .job-card-content.state-draft {
  background-color: color-mix(in srgb, var(--colour-draft) 10%, white);
  border: var(--colour-draft) 2px solid;
}
.job-card .job-card-content * {
  cursor: pointer;
}
.job-card .job-card-content .job-card-title {
  font-size: 35px;
  line-height: 40px;
  text-align: center;
  margin: 0 0 30px 0;
  font-weight: bold;
}
:root {
  --job-card-gutter: 1rem;
}
.job-cards {
  margin: 0 auto;
  display: block;
  position: relative;
}
@media only screen and (min-width: 769px) {
.job-cards {
  margin: 0 calc(-0.7 * var(--grid-gutter));
}
}
.job-cards .js:before {
  position: fixed !important;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
}
@media (prefers-reduced-motion: reduce) {
.job-cards .js:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@container screen style(--screen-small: true) {
.job-cards {
  margin: 0;
}
}
.job-cards.masonry-ready:before {
  display: none;
}
@container screen style(--screen-small: true) {
.job-cards .grid-sizer,
.job-cards .job-card {
  width: 100%;
}
}
@media only screen and (min-width: 768px) {
.job-cards .grid-sizer,
.job-cards .job-card {
  width: 50%;
}
}
@media only screen and (min-width: 1100px) {
.job-cards .grid-sizer,
.job-cards .job-card {
  width: 33.33332%;
}
}
.job-cards .job-card {
  box-sizing: border-box;
  padding: 0 var(--job-card-gutter);
}
@media only screen and (min-width: 769px) {
.job-cards .job-card {
  padding: 0 var(--job-card-gutter) calc(2 * var(--job-card-gutter));
}
}
@container screen style(--screen-small: true) {
.job-cards .job-card {
  padding: 0 0 var(--job-card-gutter) 0;
}
}
.js .job-cards .job-card {
  opacity: 0;
  transition: all 0.2s;
}
.js .job-cards.masonry-ready .job-card {
  opacity: 1;
}
.lazy-loading-trigger {
  display: block;
  color: rgba(0,0,0,0.5);
  text-align: center;
  position: relative;
  color: rgba(0,0,0,0.6);
  box-sizing: border-box;
  clear: both;
  text-decoration: none !important;
  cursor: default;
  height: 80px;
  padding-top: 57px;
}
.lazy-loading-trigger:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  top: 25px;
}
@media (prefers-reduced-motion: reduce) {
.lazy-loading-trigger:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
#workspace-leader {
  overflow: hidden;
  width: 88%;
  margin: 0 auto 1em;
}
#workspace-leader img,
#workspace-leader svg {
  width: 100%;
  margin-bottom: 1em;
  border-radius: var(--border-radii);
}
#workspace-leader .hotspot {
  cursor: pointer;
  transition: transform 0.3s;
  transform-origin: center;
}
#workspace-leader .hotspot:hover {
  transform: scale(1.02);
}
.lib-groups {
  position: relative;
  transition: opacity 1s;
}
@media only screen and (min-width: 1280px) {
.lib-groups {
  margin-left: calc(-1 * var(--grid-gutter));
  margin-right: calc(-1 * var(--grid-gutter));
  margin-bottom: var(--quaive-lib-group-margin-bottom);
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.lib-groups {
  margin-left: calc(-1 * var(--small-screen-padding));
  margin-right: calc(-1 * var(--small-screen-padding));
  margin-bottom: var(--quaive-lib-group-margin-bottom);
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-width: 1279px) {
.lib-groups {
  margin-left: calc(-1 * var(--small-screen-padding));
  margin-right: calc(-1 * var(--small-screen-padding));
  margin-bottom: var(--quaive-lib-group-margin-bottom);
}
}
@container screen style(--screen-small: true) {
.lib-groups {
  margin-left: calc(-1 * var(--small-screen-padding));
  margin-right: calc(-1 * var(--small-screen-padding));
  margin-bottom: var(--quaive-lib-group-margin-bottom-small);
}
}
.lib-groups:after {
  content: ' ';
  display: table;
  clear: both;
}
.lib-groups .infinite-scrolling-trigger {
  position: absolute;
  bottom: -400px;
  left: 0;
  right: 0;
}
.lib-groups .infinite-scrolling-trigger.executing {
  opacity: 1;
}
.js .lib-groups.pat-masonry {
  opacity: 0;
}
.js .lib-groups.pat-masonry.masonry-ready {
  opacity: 1;
}
.lib-groups .grid-sizer,
.lib-groups .tile {
  box-sizing: border-box;
}
@media only screen and (min-width: 1280px) {
.js .lib-groups .grid-sizer,
.js .lib-groups .tile {
  width: 33.33333332%;
}
}
.js .lib-groups .grid-sizer.span-full,
.js .lib-groups .tile.span-full {
  width: 100%;
}
.js .lib-groups .grid-sizer.span-2,
.js .lib-groups .tile.span-2 {
  width: 50%;
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.js .lib-groups .grid-sizer,
.js .lib-groups .tile {
  width: 50%;
}
}
@container screen style(--screen-small: true) {
.lib-groups .grid-sizer,
.lib-groups .tile {
  width: 100%;
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-width: 1279px) {
.lib-groups .grid-sizer,
.lib-groups .tile {
  width: 100%;
}
}
@container screen style(--screen-small: true) {
.lib-groups .grid-sizer,
.lib-groups .tile {
  padding: 0 var(--small-screen-padding);
}
}
@media only screen and (min-width: 769px) {
.lib-groups .grid-sizer,
.lib-groups .tile {
  padding: 0 var(--grid-gutter);
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.lib-groups .grid-sizer,
.lib-groups .tile {
  padding: 0 calc(0.5 * var(--grid-gutter));
  padding: 0 calc(0.5 * var(--grid-gutter));
}
}
@media only screen and (min-width: 1280px) {
.sidebar-left-open .lib-groups .grid-sizer,
.sidebar-left-open .lib-groups .tile {
  width: 50%;
}
}
.lib-groups .sibling-groups {
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
.lib-groups .sibling-groups {
  width: 30%;
  float: left;
}
}
@container screen style(--screen-small: true) {
.lib-groups .sibling-groups {
  display: none;
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-width: 1279px) {
.lib-groups .sibling-groups {
  display: none;
}
}
@media print {
.lib-groups .sibling-groups {
  display: none;
}
}
.lib-groups .sibling-groups .tile {
  width: 100%;
}
.lib-groups .sibling-groups .tile .content {
  box-shadow: var(--lib-group-box-shadow);
}
.lib-groups .tile.full-page {
  position: relative;
  float: right;
}
.lib-groups .tile.full-page .title {
  font-weight: bold;
  font-size: 2em;
  line-height: 1.3;
}
.lib-groups .tile.full-page .hero {
  margin-bottom: 2em;
}
.lib-groups .tile.full-page .summary {
  color: var(--body-font-colour);
  font-weight: bold;
  margin-bottom: 1em;
}
@media only screen and (min-width: 769px) {
.lib-groups .tile.full-page {
  width: 70%;
}
}
@media only screen and (min-width: 769px) {
.lib-groups .tile.full-page .content {
  padding: 7rem 10%;
  background-color: var(--colour-base-background);
  border-top-left-radius: var(--library-border-radius);
  border-top-right-radius: var(--library-border-radius);
}
}
@media only screen and (min-width: 769px) {
.lib-groups .tile.full-page .content.type-file {
  padding: 51px 0 0 0;
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-width: 1279px) {
.lib-groups .tile.full-page {
  width: 100%;
  padding: 0;
  border: none;
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-width: 1279px) {
.lib-groups .tile.full-page .content {
  padding: 4rem 2rem;
  border: none;
  background-color: var(--colour-base-background);
  margin: calc(-2 * var(--small-screen-padding)) 0;
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-width: 1279px) {
.lib-groups .tile.full-page .content.type-file {
  padding: 4rem 0;
}
}
@container screen style(--screen-small: true) {
.lib-groups .tile.full-page {
  width: 100%;
  padding: 0;
  border: none;
  margin: calc(-2 * var(--small-screen-padding)) 0;
}
}
@container screen style(--screen-small: true) {
.lib-groups .tile.full-page .content {
  padding: 4rem var(--small-screen-padding);
  border: none;
  background-color: var(--colour-base-background);
}
}
@container screen style(--screen-small: true) {
.lib-groups .tile.full-page .content.type-file {
  padding: 4rem 0;
}
}
.lib-groups .tile {
  margin-bottom: var(--quaive-lib-group-tile-margin-bottom);
}
@container screen style(--screen-small: true) {
.lib-groups .tile {
  margin-bottom: var(--quaive-lib-group-tile-margin-bottom-small);
}
}
.lib-groups .tile p,
.lib-groups .tile .hero {
  margin-bottom: 10px;
}
.lib-groups .tile .hero img {
  display: block;
}
.lib-groups .tile.type-document > .content {
  box-shadow: var(--lib-group-box-shadow);
  background-color: var(--colour-base-background);
  padding: 0;
  overflow: hidden;
}
.lib-groups .tile.type-document > .content .document-preview-expansive,
.lib-groups .tile.type-document > .content .follow > img {
  border-top-left-radius: var(--border-radii);
  border-top-right-radius: var(--border-radii);
}
.lib-groups .tile.type-document > .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] .lib-groups .tile.type-document > .content .sub-title .label {
  text-align: right;
}
.lib-groups .tile.type-document > .content .sub-title .label:before {
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}
.lib-groups .tile.type-document > .content .sub-title .label:hover {
  text-decoration: none;
}
.lib-groups .tile.type-page:not(.full-page):hover .content,
.lib-groups .tile.type-file:not(.full-page):hover .content,
.lib-groups .tile.type-ebook:hover .content,
.lib-groups .tile.type-document:hover .content {
  transform: scale(1.01);
  box-shadow: 0 2px 30px rgba(0,0,0,0.1);
}
.lib-groups .tile:hover .content h3 a.icon-download {
  opacity: 1;
}
.lib-groups .tile .content {
  position: relative;
  transition: all 0.2s;
  padding: 6%;
  box-shadow: var(--lib-group-box-shadow);
  border-radius: var(--border-radii);
  display: block;
}
@media print {
.lib-groups .tile .content {
  border: none;
}
}
.lib-groups .tile .content .excerpt {
  margin-bottom: 1em;
  color: var(--body-font-colour);
}
.lib-groups .tile .content img {
  width: 100%;
  background-color: var(--colour-base-background);
  display: block;
}
.lib-groups .tile .content .footer {
  margin: 0;
}
.lib-groups .tile .content .footer .read-more {
  color: var(--colour-link);
  font-style: normal;
}
.lib-groups .tile .content h2 {
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.2em;
  margin-bottom: 0.3em;
  position: relative;
}
.lib-groups .tile .content h3 {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.2em;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lib-groups .tile .content h3 a {
  display: block;
  padding-right: 1.2em;
  color: var(--colour-lib-group-headers);
}
.lib-groups .tile .content h3 a:before {
  color: var(--colour-lib-group-headers);
}
.lib-groups .tile .content h3 a.icon-download {
  width: 1.2em;
  height: 1em;
  line-height: 1.1em;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: transparent;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  color: rgba(0,0,0,0.4);
  transition: 2s opacity;
}
.lib-groups .tile .content h3 a.icon-download:hover {
  text-decoration: none;
  color: var(--body-font-colour);
}
.lib-groups .tile .content .description {
  color: rgba(0,0,0,0.5);
  margin-bottom: 1em;
  line-height: 130%;
  user-select: text;
}
.lib-groups .tile .content ul.menu li.follow-section {
  position: relative;
}
.lib-groups .tile .content ul.menu li.follow-section a {
  padding-right: 2em;
}
.lib-groups .tile .content ul.menu li.follow-section a:before {
  display: inline-block;
  font-family: fontello;
  content: var(--glyph-squares);
  margin-top: 0.1em;
  margin-bottom: -0.1em;
}
.lib-groups .tile .content ul.menu li.follow-section a:after {
  font-family: fontello;
  content: var(--glyph-angle-right);
  float: right;
  color: rgba(0,0,0,0.3);
  height: 1.4em;
  margin-top: -0.7em;
  position: absolute;
  top: 50%;
  right: 0.3em;
  line-height: 1.4em;
}
.lib-groups .tile .content ul.menu li.follow-page a:before {
  display: inline-block;
  font-family: fontello;
  content: var(--glyph-doc-text);
  margin-top: 0.1em;
  margin-bottom: -0.1em;
}
.lib-groups .tile .content ul.menu li.follow-tag a:before {
  display: inline-block;
  font-family: fontello;
  content: '\e70c';
  margin-top: 0.1em;
  margin-bottom: -0.1em;
}
.lib-groups .tile .content ul.menu li a {
  cursor: pointer;
  padding-right: 0.5em;
}
.lib-groups .tile .content ul.menu li.current a,
.lib-groups .tile .content ul.menu li a.current {
  color: white;
  background-color: var(--colour-accent);
  border-radius: var(--border-radii);
  margin: 0 -5px;
  width: calc(100% + 10px);
  padding-left: calc(2em + 5px);
}
.lib-groups .tile a.content:hover {
  text-decoration: none;
  cursor: pointer;
}
.lib-groups .tile a.content:hover .footer .read-more {
  text-decoration: underline;
}
.lib-groups .tile[class*=group-by-] .content {
  border-radius: var(--library-border-radius);
  background-color: var(--colour-lib-group-background);
}
.lib-groups .tile[class*=group-by-] .content h3:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 0.1em;
  font-size: 0.8em;
  color: var(--colour-accent);
  margin-left: -1.4em;
  float: left;
}
.lib-groups .tile.type-ebook .content {
  text-align: center;
  height: 450px;
  color: var(--body-font-colour);
  box-sizing: border-box;
  padding: 25% 8%;
  background-color: steelblue;
}
.lib-groups .tile.type-ebook .content[data-title^="A"] {
  background-color: DarkGoldenRod;
}
.lib-groups .tile.type-ebook .content[data-title^="B"] {
  background-color: Brown;
}
.lib-groups .tile.type-ebook .content[data-title^="C"] {
  background-color: CadetBlue;
}
.lib-groups .tile.type-ebook .content[data-title^="D"] {
  background-color: DarkKhaki;
}
.lib-groups .tile.type-ebook .content[data-title^="E"] {
  background-color: Dimgray;
}
.lib-groups .tile.type-ebook .content[data-title^="F"] {
  background-color: ForestGreen;
}
.lib-groups .tile.type-ebook .content[data-title^="G"] {
  background-color: GoldenRod;
}
.lib-groups .tile.type-ebook .content[data-title^="H"] {
  background-color: HotPink;
}
.lib-groups .tile.type-ebook .content[data-title^="I"] {
  background-color: IndianRed;
}
.lib-groups .tile.type-ebook .content[data-title^="J"] {
  background-color: DarkOliveGreen;
}
.lib-groups .tile.type-ebook .content[data-title^="K"] {
  background-color: Purple;
}
.lib-groups .tile.type-ebook .content[data-title^="L"] {
  background-color: MidnightBlue;
}
.lib-groups .tile.type-ebook .content[data-title^="M"] {
  background-color: Maroon;
}
.lib-groups .tile.type-ebook .content[data-title^="N"] {
  background-color: Navy;
}
.lib-groups .tile.type-ebook .content[data-title^="O"] {
  background-color: Olive;
}
.lib-groups .tile.type-ebook .content[data-title^="P"] {
  background-color: SaddleBrown;
}
.lib-groups .tile.type-ebook .content[data-title^="Q"] {
  background-color: DarkOliveGreen;
}
.lib-groups .tile.type-ebook .content[data-title^="R"] {
  background-color: RosyBrown;
}
.lib-groups .tile.type-ebook .content[data-title^="S"] {
  background-color: SteelBlue;
}
.lib-groups .tile.type-ebook .content[data-title^="T"] {
  background-color: Sienna;
}
.lib-groups .tile.type-ebook .content[data-title^="U"] {
  background-color: DarkCyan;
}
.lib-groups .tile.type-ebook .content[data-title^="V"] {
  background-color: DarkMagenta;
}
.lib-groups .tile.type-ebook .content[data-title^="W"] {
  background-color: SlateBlue;
}
.lib-groups .tile.type-ebook .content[data-title^="X"] {
  background-color: DarkSlateGray;
}
.lib-groups .tile.type-ebook .content[data-title^="Y"] {
  background-color: RoyalBlue;
}
.lib-groups .tile.type-ebook .content[data-title^="Z"] {
  background-color: MediumVioletRed;
}
.lib-groups .tile.type-ebook .content:before {
  content: ' ';
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 3px solid rgba(0,0,0,0.2);
  border-radius: calc(0.8 * var(--border-radii));
}
.lib-groups .tile.type-ebook .content .item-title {
  text-align: center;
  font-size: 2em;
  color: rgba(255,255,255,0.9);
  position: relative;
  z-index: 2;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
}
.lib-groups .tile.type-file .content {
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  box-shadow: 0 2px 40px rgba(0,0,0,0.1);
}
.lib-groups .tile.type-file .content img {
  float: left;
  width: 100%;
}
.lib-groups .tile.type-file .content .footer {
  display: none;
}
.lib-groups .tile.type-file .content:hover {
  border-color: var(--body-font-colour);
}
.lib-groups .tile.type-page .content {
  background-color: var(--colour-base-background);
  color: var(--body-font-colour);
  box-shadow: 0 2px 40px rgba(0,0,0,0.1);
  border-radius: 0;
}
.lib-groups .tile.group-by-tag h3:before {
  content: '\e70c';
}
.lib-groups .tile.group-by-section h3:before {
  content: var(--glyph-squares);
}
.lib-groups .tile.group-by-subsection h3:before {
  content: var(--glyph-squares);
}
.lib-groups .tile.group-by-workspace h3:before {
  content: var(--glyph-workspace);
}
:root {
  --document-font-family: var(--body-font-family, sans-serif);
}
.library-item {
  position: relative;
  max-width: 880px;
  margin: 0 auto;
  display: block;
  margin-bottom: 150px;
}
.library-item.type-rich .main-content {
  background-color: var(--colour-base-background);
  font-family: var(--document-font-family);
}
.library-item.type-audio .main-content {
  position: relative;
  background: url(/assets/main/style/media/sound-waves-3-i.png) no-repeat center;
  background-size: 100% 100%;
  background-color: var(--colour-accent);
}
.library-item.type-audio .main-content .hero {
  margin: 0;
  padding: 50px 30px;
  box-sizing: border-box;
}
.library-item.type-audio .main-content .hero audio {
  margin: 0;
  display: block;
}
.library-item.type-audio .main-content .hero .page-renders {
  background: none !important;
  padding: 0;
}
.library-item.type-link .main-content {
  background-color: var(--colour-base-background);
  padding: 10px;
  border-radius: var(--border-radii);
}
.library-item.type-link .main-content .external-link {
  margin: 0;
}
.library-item.type-link .main-content .external-link .central-cta {
  line-height: 46px;
}
.library-item.type-youtube .main-content,
.library-item.type-video .main-content {
  padding: 0;
}
.library-item.type-youtube .main-content figure.hero,
.library-item.type-video .main-content figure.hero {
  margin: 0;
  display: block;
}
.library-item.type-youtube .main-content figure.hero video,
.library-item.type-video .main-content figure.hero video {
  display: block;
  background-color: var(--body-font-colour);
}
.library-item.type-ebook {
  padding: 0;
  box-sizing: border-box;
  height: 550px;
  max-height: calc(100vh - 270px);
  padding: 30px;
}
.library-item.type-ebook #reader {
  height: 100%;
}
.library-item.type-ebook #reader #prev {
  left: -100px;
}
.library-item.type-ebook #reader #next {
  right: -100px;
}
.library-item.type-file .main-content {
  padding: 0;
  box-shadow: none;
  background: transparent;
}
.library-item.type-file .page-renders {
  background: transparent;
  overflow: visible;
}
.library-item.type-file .page-renders img {
  box-shadow: 0 2px 30px rgba(0,0,0,0.1);
  margin-bottom: 20px;
  background-color: var(--colour-base-background);
  border: none;
}
@media print {
.library-item {
  font-size: 1em;
}
}
@media only screen and (min-width: 769px) {
.library-item .main-content {
  background-color: var(--colour-base-background);
  padding: 12% 10%;
  box-sizing: border-box;
  box-shadow: 0 2px 30px rgba(0,0,0,0.1);
  font-size: 130%;
  line-height: 1.5;
}
}
@media only screen and (min-width: 769px) {
.library-item:after {
  content: " ";
  display: table;
  clear: both;
}
}
.library-item > .title {
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 15px;
  font-size: 2.1em;
}
.library-item .title ~ .tag-cloud {
  margin-top: 0.5em;
}
.library-item .tag-cloud {
  font-size: 0.7em;
}
@container screen style(--screen-small: true) {
.library-item.type-file .tag-cloud,
.library-item.type-file .summary {
  padding: 0 var(--small-screen-padding);
}
}
@media only screen and (min-width: 769px) {
.library-item.type-file .tag-cloud,
.library-item.type-file .summary {
  padding: 0;
}
}
@media only screen and (min-width: 769px) {
.library-item.type-file .tag-cloud + .summary,
.library-item.type-file .summary + .summary {
  padding-top: 0;
}
}
.library-item .external-link {
  border-radius: var(--border-radii);
  padding: 6%;
  background-color: var(--colour-base-light);
  margin-bottom: 2em;
  box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
}
.library-item .external-link p {
  margin: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.library-item .external-link p:first-child {
  margin: 0 0 20px;
}
.library-item .hero {
  margin-bottom: 2em;
  left: 0;
  transform: none;
  max-width: inherit;
  width: 100%;
  text-align: center;
}
.library-item .hero img,
.library-item .hero video,
.library-item .hero audio {
  width: 100%;
}
.library-item .hero video {
  background-color: #efefef;
}
.library-item .summary {
  color: var(--body-font-colour);
  font-weight: 600;
  margin-bottom: 1em;
}
@media only screen and (min-width: 769px) {
.library-item .summary {
  font-size: 1.4em;
  line-height: 1.5;
}
}
.library-item .summary .date {
  font-weight: bold;
  display: inline-block;
  padding-right: 0.5em;
  margin-right: 0.3em;
  border-right: 1px solid rgba(0,0,0,0.5);
}
.library-item .main-content {
  margin-bottom: 80px;
}
.library-item .main-content:after {
  content: " ";
  display: table;
  clear: both;
}
.library-item .main-content blockquote {
  font-size: 40px;
  line-height: 1.4;
  word-wrap: break-word;
  margin: 1.5em 0;
  position: relative;
  border: none;
  color: rgba(0,0,0,0.5);
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-style: italic;
  font-size: 30px;
}
.library-item .main-content blockquote *:last-child {
  margin: 0;
}
@media only screen and (min-width: 769px) {
.library-item .main-content blockquote {
  padding: 0 2.5em;
}
}
@media only screen and (min-width: 769px) {
.library-item .main-content blockquote:before {
  content: '“';
  font-size: 4em;
  font-weight: bold;
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0.85em;
  color: rgba(0,0,0,0.2);
}
}
.library-item .main-content table {
  font-size: 0.8em;
  max-width: 100%;
  line-height: 1.3;
}
@media only screen and (min-width: 769px) {
.library-item .comments {
  max-width: 80%;
  margin: 0 auto;
}
}
@media only screen and (min-width: 769px) {
.library-item .comments .update-social {
  margin: 0 3.6em 4.5em;
}
}
@media only screen and (min-width: 769px) {
.library-item .comments .comment:first-child {
  border-top: none;
}
}
:root {
  --library-border-radius: var(--border-radii);
  --library-tree-box-shadow: var(--default-box-shadow);
  --library-tree-box-shadow-hover: var(--default-box-shadow-hover);
  --colour-library-tree-headers: var(--colour-link);
  --colour-library-tree-section-background: var(--colour-portlet-background);
}
.library-tree .follow {
  color: var(--body-font-colour);
}
.library-tree .follow .library-tree-document-title {
  color: var(--colour-link);
}
.library-tree .follow .library-tree-document-title:after {
  font-family: fontello;
  content: var(--glyph-right-big);
  text-decoration: none !important;
  display: inline-block;
  margin-left: 0.5em;
}
.library-tree .follow .read-more {
  color: var(--colour-link);
  font-weight: bold;
}
.library-tree .follow:hover {
  text-decoration: none;
  color: var(--body-font-colour);
}
.library-tree .follow:hover .library-tree-document-title {
  text-decoration: underline;
}
.library-tree .follow:hover .read-more {
  text-decoration: underline;
}
.library-tree .library-tree-document-title {
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 5px;
}
.library-tree .library-tree-document-summary {
  font-weight: normal;
  font-size: 1em;
  margin-bottom: 20px;
}
.library-tree .library-tree-section-summary {
  font-weight: 200;
  font-size: 24px;
  margin-top: -15px;
  margin-bottom: 35px;
  line-height: 1.3;
}
.library-tree > .library-tree-section .library-tree-section {
  padding: 0 0 0 30px;
}
.library-tree > .library-tree-section .library-tree-section .library-tree-section-title {
  position: relative;
  padding: 10px 0;
  font-size: 24px;
  font-weight: 600;
  color: var(--colour-link);
}
.library-tree > .library-tree-section .library-tree-section .library-tree-section-title.collapsible-closed:hover {
  color: var(--body-font-colour);
}
.library-tree > .library-tree-section .library-tree-section .library-tree-section-title.collapsible-closed:hover:before {
  transform: translateY(-50%) scale(1.2);
}
.library-tree > .library-tree-section .library-tree-section .library-tree-section-title:before {
  font-size: 0.6em;
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  font-family: fontello;
  content: var(--glyph-right-open-1);
  transition: all 0.2s ease-out;
}
.library-tree > .library-tree-section .library-tree-section .library-tree-section-title.collapsible-open:before,
.library-tree > .library-tree-section .library-tree-section .library-tree-section-title.collapsible-in-progress.collapsible-closed:before {
  transform: translateY(-50%) rotate(90deg) scale(1.2);
}
.library-tree > .library-tree-section .library-tree-section .library-tree-section-summary {
  margin-top: 0px;
  margin-bottom: 15px;
}
.library-tree > .library-tree-section .library-tree-section .panel-content {
  padding: 6px 0 20px;
}
.library-tree > .library-tree-section .panel-content > *:last-child {
  margin-bottom: 0;
}
.library-tree > .library-tree-section .panel-content > .button-bar:last-child {
  margin-bottom: -10px;
}
#library-section-contents.injecting > * {
  opacity: 0.19;
}
#library-section-contents.injecting.injecting-after *,
#library-section-contents.injecting.injecting-content-after * {
  opacity: inherit;
}
#library-section-contents.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
#library-section-contents.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
#library-section-contents.injecting:before {
  animation: none;
}
}
#library-section-contents:before {
  position: fixed !important;
}
.pat-link-list li:has(> a.pat-lazy-load) {
  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: 0;
}
.pat-link-list li a.type-emergency-service:before {
  content: var(--glyph-alarm);
}
.pat-link-list li a.type-powerpoint:before {
  content: var(--glyph-file-powerpoint);
}
.pat-link-list li a.type-word:before {
  content: var(--glyph-file-word);
}
.pat-link-list li a.type-job:before {
  content: var(--glyph-briefcase);
}
.pat-link-list li a.type-excel:before {
  content: var(--glyph-file-excel);
}
.pat-link-list li a.type-folder:before {
  content: var(--glyph-folder);
}
.pat-link-list li a.type-youtube:before {
  content: var(--glyph-youtube);
}
.pat-link-list li a.type-external-video:before {
  content: var(--glyph-video);
}
.pat-link-list li a.type-task:before {
  content: var(--glyph-ok);
}
.pat-link-list li a.type-pdf:before {
  content: var(--glyph-file-pdf);
}
.pat-link-list li a.type-people:before,
.pat-link-list li a.type-contacts:before {
  content: var(--glyph-users);
}
.pat-link-list li a.type-post:before {
  content: var(--glyph-pin);
}
.pat-link-list li a.type-rich:before {
  content: var(--glyph-doc-text);
}
.pat-link-list li a.type-news:before {
  content: var(--glyph-newspaper);
}
.pat-link-list li a.type-library-item:before {
  content: var(--glyph-feather);
}
.pat-link-list li a.type-library-section:before {
  content: var(--glyph-squares);
}
.pat-link-list li a.type-library-subsection:before {
  content: var(--glyph-squares);
}
.pat-link-list li a.type-event:before {
  content: var(--glyph-calendar);
}
.pat-link-list li a.type-workspace:before {
  content: var(--glyph-workspace);
}
.pat-link-list li a.type-super-space:before,
.pat-link-list li a.type-superspace:before {
  content: var(--glyph-workspace);
}
.pat-link-list li a.type-image:before {
  content: var(--glyph-file-image);
}
.pat-link-list li a.type-diagram:before {
  content: var(--glyph-sitemap);
}
.pat-link-list li a.type-slideshow:before {
  content: var(--glyph-slides);
}
.pat-link-list li a.type-super-space:before {
  content: var(--glyph-workspace);
}
.pat-link-list li a.type-question:before {
  content: var(--glyph-question-circle-o);
}
.pat-link-list li a.type-link:before {
  content: var(--glyph-link);
}
.pat-link-list li a.type-zip:before {
  content: var(--glyph-file-archive);
}
.pat-link-list li a.type-file-archive:before {
  content: var(--glyph-file-archive);
}
.pat-link-list li a.type-app:before {
  content: var(--glyph-app);
}
.pat-link-list li a.type-audio:before {
  content: var(--glyph-file-audio);
}
.pat-link-list li a.type-video:before {
  content: var(--glyph-file-video);
}
.pat-link-list li a.type-contract:before {
  content: var(--glyph-handshake);
}
.pat-link-list li a.type-file:before {
  content: var(--glyph-document);
}
.pat-link-list li a.type-email:before {
  content: var(--glyph-mail-1);
}
.pat-link-list li a.type-plain-text:before {
  content: var(--glyph-doc-text);
}
.pat-link-list li a.icon-file-word {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-word) 8%, transparent);
}
.pat-link-list li a.icon-file-word::before {
  color: var(--colour-file-icon-word);
}
.pat-link-list li a.icon-file-excel {
  --ll-file-bg: color-mix(in srgb, var(--colour-file-icon-excel) 8%, transparent);
}
.pat-link-list li a.icon-file-excel::before {
  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%, transparent);
}
.pat-link-list li a.icon-file-powerpoint::before {
  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%, transparent);
}
.pat-link-list li a.icon-file-pdf::before {
  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%, transparent);
}
.pat-link-list li a.icon-markdown::before {
  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%, transparent);
}
.pat-link-list li a.icon-doc-text::before {
  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%, transparent);
}
.pat-link-list li a.icon-folder::before {
  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%, transparent);
}
.pat-link-list li a.icon-file-audio::before {
  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%, transparent);
}
.pat-link-list li a.icon-picture-1::before {
  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%, transparent);
}
.pat-link-list li a.icon-file-image::before {
  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%, transparent);
}
.pat-link-list li a.icon-file-video::before {
  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%, transparent);
}
.pat-link-list li a.icon-sitemap::before {
  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%, transparent);
}
.pat-link-list li a.type-passage::before {
  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%, transparent);
}
.pat-link-list li a.type-news-article::before {
  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: 17px;
  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;
}
.pat-link-list {
  --ll-more-reserve: 30px;
}
.pat-link-list li:has(> a.more) {
  position: relative;
}
.pat-link-list li:has(> a.more) > a.more {
  position: absolute;
  top: var(--pat-x-list-padding-top);
  inset-inline-end: var(--pat-x-list-padding-left);
  z-index: 2;
  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);
  font-size: 0;
  line-height: 1;
  text-decoration: none;
  cursor: default;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease, background-color 0.12s ease;
}
.pat-link-list li:has(> a.more) > a.more.icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.5px;
  height: 3.5px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: -5.5px 0 currentColor, 5.5px 0 currentColor;
  color: var(--body-font-colour);
  margin: 0;
  padding: 0;
  border: 0;
  aspect-ratio: auto;
  text-indent: 0;
}
.pat-link-list li:has(> a.more) > a.more:hover,
.pat-link-list li:has(> a.more) > a.more.tooltip-active-click,
.pat-link-list li:has(> a.more) > a.more[aria-expanded="true"] {
  background-color: rgba(0, 0, 0, 0.07);
  text-decoration: none;
}
@at-root .pat-link-list.preview-cards li:has(> a.more) > a.more::after {

      content: '';
      position: absolute;
      inset: -14px;
    }
.pat-link-list li:has(> a.more):hover > a.more,
.pat-link-list li:has(> a.more):focus-within > a.more,
.pat-link-list li:has(> a.more) > a.more.tooltip-active-click,
.pat-link-list li:has(> a.more) > a.more[aria-expanded="true"] {
  opacity: 1;
  pointer-events: auto;
}
@media (hover: none) {
.pat-link-list li:has(> a.more) > a.more {
  opacity: 1;
  pointer-events: auto;
}
}
.pat-link-list li:has(> a.more) .item-title {
  padding-inline-end: var(--ll-more-reserve);
}
.pat-link-list li:has(> a.more):has(> a > .preview) .item-title {
  padding-inline-end: 0;
}
.pat-link-list li:has(> a.more):has(> a > .preview) > a.more {
  top: calc(var(--pat-x-list-padding-top) + 10px);
  inset-inline-end: calc(var(--pat-x-list-padding-left) + 10px);
}
@media (hover: none) {
.pat-link-list li:has(> a.more) > a.more {
  opacity: 1;
  pointer-events: auto;
}
}
.pat-link-list.truncate li:has(> a.more) .item-title {
  padding-inline-end: 0;
  transition: padding-inline-end 0.18s ease;
}
.pat-link-list.truncate li:has(> a.more):hover .item-title,
.pat-link-list.truncate li:has(> a.more):focus-within .item-title,
.pat-link-list.truncate li:has(> a.more):has(> a.more.tooltip-active-click) .item-title,
.pat-link-list.truncate li:has(> a.more):has(> a.more[aria-expanded="true"]) .item-title {
  padding-inline-end: var(--ll-more-reserve);
}
.application-write .pat-link-list,
.application-calculate .pat-link-list,
.application-present .pat-link-list,
.application-notes .pat-link-list {
  margin-bottom: 40px;
}
.application-present .pat-link-list li a:has(> .preview) > .preview {
  aspect-ratio: auto;
  height: auto;
  align-self: start;
  object-fit: contain;
}
@container preview-cards (min-width: 420px) {
.application-present .pat-link-list.preview-cards > li {
  flex-basis: calc(100% / 2 - var(--pat-x-list-gutter));
}
}
@container preview-cards (min-width: 760px) {
.application-present .pat-link-list.preview-cards > li {
  flex-basis: calc(100% / 3 - var(--pat-x-list-gutter));
}
}
@container preview-cards (width < calc(38em + 10px)) {
.pat-link-list.cards-auto.preview-cards > li {
  flex-basis: calc(100% / 2 - var(--pat-x-list-gutter));
}
}
@container preview-cards (width < calc(38em + 10px)) {
.pat-link-list.cards-auto.preview-cards > li:first-child {
  flex-basis: 100%;
}
}
@container preview-cards (width < calc(38em + 10px)) {
.pat-link-list.cards-auto.preview-cards > li:has(> a > .preview) {
  margin-bottom: 1rem;
}
}
.link-list {
  line-height: 1.3;
}
@media only screen and (min-width: 1280px) {
.link-list.col-2 {
  column-count: 2;
}
}
@media only screen and (min-width: 1280px) {
.link-list.col-3 {
  column-count: 3;
}
}
@media only screen and (min-width: 1280px) {
.link-list.col-4 {
  column-count: 4;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.link-list.col-2 {
  column-count: 2;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.link-list.col-3 {
  column-count: 3;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.link-list.col-4 {
  column-count: 3;
}
}
.aside-block .link-list {
  margin-bottom: 1em;
  margin-left: 25px;
}
@media only screen and (min-width: 769px) {
.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 {
  font-family: fontello;
  content: var(--glyph-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);
}
.link-list li a[href]:hover,
.link-list li .group-title[href]:hover {
  text-decoration: underline;
  color: var(--colour-dark-blue-d);
}
.link-list li a[href]:hover .classification-tags .classification-tag,
.link-list li .group-title[href]:hover .classification-tags .classification-tag {
  text-decoration: none;
}
.link-list li a[href]:hover:has(.link-title),
.link-list li .group-title[href]:hover:has(.link-title) {
  text-decoration: none;
}
.link-list li a[href]:hover .link-byline,
.link-list li .group-title[href]:hover .link-byline {
  text-decoration: none !important;
}
.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 {
  font-family: fontello;
  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;
  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([class*="icon-"]):before,
.link-list li .group-title:not([class*="icon-"]):before {
  content: var(--glyph-angle-right);
}
.link-list li a.type-emergency-service:before,
.link-list li .group-title.type-emergency-service:before {
  content: var(--glyph-alarm);
}
.link-list li a.type-powerpoint:before,
.link-list li .group-title.type-powerpoint:before {
  content: var(--glyph-file-powerpoint);
}
.link-list li a.type-word:before,
.link-list li .group-title.type-word:before {
  content: var(--glyph-file-word);
}
.link-list li a.type-job:before,
.link-list li .group-title.type-job:before {
  content: var(--glyph-briefcase);
}
.link-list li a.type-excel:before,
.link-list li .group-title.type-excel:before {
  content: var(--glyph-file-excel);
}
.link-list li a.type-folder:before,
.link-list li .group-title.type-folder:before {
  content: var(--glyph-folder);
}
.link-list li a.type-youtube:before,
.link-list li .group-title.type-youtube:before {
  content: var(--glyph-youtube);
}
.link-list li a.type-external-video:before,
.link-list li .group-title.type-external-video:before {
  content: var(--glyph-video);
}
.link-list li a.type-task:before,
.link-list li .group-title.type-task:before {
  content: var(--glyph-ok);
}
.link-list li a.type-pdf:before,
.link-list li .group-title.type-pdf:before {
  content: var(--glyph-file-pdf);
}
.link-list li a.type-people:before,
.link-list li a.type-contacts:before,
.link-list li .group-title.type-people:before,
.link-list li .group-title.type-contacts:before {
  content: var(--glyph-users);
}
.link-list li a.type-post:before,
.link-list li .group-title.type-post:before {
  content: var(--glyph-pin);
}
.link-list li a.type-rich:before,
.link-list li .group-title.type-rich:before {
  content: var(--glyph-doc-text);
}
.link-list li a.type-news:before,
.link-list li .group-title.type-news:before {
  content: var(--glyph-newspaper);
}
.link-list li a.type-library-item:before,
.link-list li .group-title.type-library-item:before {
  content: var(--glyph-feather);
}
.link-list li a.type-library-section:before,
.link-list li .group-title.type-library-section:before {
  content: var(--glyph-squares);
}
.link-list li a.type-library-subsection:before,
.link-list li .group-title.type-library-subsection:before {
  content: var(--glyph-squares);
}
.link-list li a.type-event:before,
.link-list li .group-title.type-event:before {
  content: var(--glyph-calendar);
}
.link-list li a.type-workspace:before,
.link-list li .group-title.type-workspace:before {
  content: var(--glyph-workspace);
}
.link-list li a.type-super-space:before,
.link-list li a.type-superspace:before,
.link-list li .group-title.type-super-space:before,
.link-list li .group-title.type-superspace:before {
  content: var(--glyph-workspace);
}
.link-list li a.type-image:before,
.link-list li .group-title.type-image:before {
  content: var(--glyph-file-image);
}
.link-list li a.type-diagram:before,
.link-list li .group-title.type-diagram:before {
  content: var(--glyph-sitemap);
}
.link-list li a.type-slideshow:before,
.link-list li .group-title.type-slideshow:before {
  content: var(--glyph-slides);
}
.link-list li a.type-super-space:before,
.link-list li .group-title.type-super-space:before {
  content: var(--glyph-workspace);
}
.link-list li a.type-question:before,
.link-list li .group-title.type-question:before {
  content: var(--glyph-question-circle-o);
}
.link-list li a.type-link:before,
.link-list li .group-title.type-link:before {
  content: var(--glyph-link);
}
.link-list li a.type-zip:before,
.link-list li .group-title.type-zip:before {
  content: var(--glyph-file-archive);
}
.link-list li a.type-file-archive:before,
.link-list li .group-title.type-file-archive:before {
  content: var(--glyph-file-archive);
}
.link-list li a.type-app:before,
.link-list li .group-title.type-app:before {
  content: var(--glyph-app);
}
.link-list li a.type-audio:before,
.link-list li .group-title.type-audio:before {
  content: var(--glyph-file-audio);
}
.link-list li a.type-video:before,
.link-list li .group-title.type-video:before {
  content: var(--glyph-file-video);
}
.link-list li a.type-contract:before,
.link-list li .group-title.type-contract:before {
  content: var(--glyph-handshake);
}
.link-list li a.type-file:before,
.link-list li .group-title.type-file:before {
  content: var(--glyph-document);
}
.link-list li a.type-email:before,
.link-list li .group-title.type-email:before {
  content: var(--glyph-mail-1);
}
.link-list li a.type-plain-text:before,
.link-list li .group-title.type-plain-text:before {
  content: var(--glyph-doc-text);
}
.link-list li a.type-link-external:before,
.link-list li .group-title.type-link-external:before {
  content: var(--glyph-link-ext);
}
.link-list li a.type-link-internal:before,
.link-list li .group-title.type-link-internal:before {
  content: var(--glyph-link-internal);
}
.link-list li a.type-tag:before,
.link-list li .group-title.type-tag:before {
  content: var(--glyph-tag);
}
.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;
}
@media only screen and (min-width: 1280px) {
ul.links li.col-2 {
  column-count: 2;
  overflow: hidden;
}
}
@media only screen and (min-width: 1280px) {
ul.links li.col-3 {
  column-count: 3;
  overflow: hidden;
}
}
@media only screen and (min-width: 1280px) {
ul.links li.col-4 {
  column-count: 4;
  overflow: hidden;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
ul.links li.col-2 {
  column-count: 2;
  overflow: hidden;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
ul.links li.col-3 {
  column-count: 3;
  overflow: hidden;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
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;
}
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;
}
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;
}
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;
}
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;
}
ul.links.tablesque li.user-account.status-inactive .user-status:hover {
  background-color: rgb(48, 96, 135);
  color: white;
  text-decoration: none;
}
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;
}
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;
}
.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;
}
.pat-link-list a.icon-mail::before {
  color: var(--app-colour-mail, #0F6CBD);
}
.quaive-link-tile {
  font-size: 1rem;
  display: grid;
  padding: 0.5rem;
  background-color: var(--colour-base-background);
  box-shadow: var(--default-box-shadow);
  border-radius: var(--border-radii);
  grid-template-columns: 20% auto;
  grid-template-rows: max-content max-content 1fr;
  grid-template-areas: 
        "thumbnail url"
        "thumbnail title"
        "thumbnail description";
  column-gap: 1rem;
  row-gap: 0;
  align-items: start;
}
.quaive-link-tile:hover {
  text-decoration: none;
}
.quaive-link-tile:hover .title {
  text-decoration: underline;
}
.quaive-link-tile:before {
  font-family: fontello;
  text-align: center;
  content: var(--glyph-link-ext);
  align-content: center;
  font-size: 2em;
  color: rgba(#000000, 0.7);
}
.quaive-link-tile .thumbnail {
  object-fit: cover;
}
.quaive-link-tile .thumbnail,
.quaive-link-tile:before {
  grid-area: thumbnail;
  background-color: var(--colour-base);
  display: block;
  aspect-ratio: 1/1;
  border-radius: calc(0.8 * var(--border-radii));
  margin-right: 1rem;
  width: 100%;
}
.quaive-link-tile .url {
  grid-area: url;
  opacity: 0.8;
  font-size: 0.8em;
  display: block;
  color: var(--body-font-colour);
}
.quaive-link-tile .title {
  grid-area: title;
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 0.2em;
  display: block;
}
.quaive-link-tile .description {
  grid-area: description;
  font-size: 1rem;
  margin: 0;
  display: block;
  color: var(--body-font-colour);
  line-height: 1.4;
}
.list-extend .list {
  margin: 10px 0;
  border-top: 1px solid rgba(0,0,0,0.2);
}
.list-extend .list .item {
  border-bottom: 1px solid rgba(0,0,0,0.2);
  display: block;
  position: relative;
  color: var(--colour-primary);
  -webkit-user-select: none;
  user-select: none;
  padding: 0.5em 1.5em 0.5em 3em;
  position: relative;
  -webkit-transition: 0.4s border;
  transition: 0.4s border;
  height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-extend .list .item.user {
  padding-left: 4em;
}
.list-extend .list .item.full,
.list-extend .list .item.empty {
  height: 100%;
  text-overflow: clip;
  white-space: normal;
}
.list-extend .list .item.empty {
  padding: 5px;
}
.list-extend .list .item.folder:after {
  font-family: fontello;
  content: '\e75e';
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -0.7em;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}
.list-extend .list .item img {
  background-color: var(--pat-avatar-background-colour);
  border: none;
  color: white;
  box-shadow: inset 0 0 5% rgba(0, 0, 0, 0.4);
  aspect-ratio: 1 / 1;
  display: inline-grid;
  grid-template-areas: "avatar-image";
  padding: 0;
  box-sizing: border-box;
  border-radius: 3em;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0.5em;
  top: 0.5em;
}
.list-extend .list .item img.inactive {
  background-color: #efefef !important;
  box-shadow: inset 0 0 8px 2px rgba(0,0,0,0.2);
}
.list-extend .list .item img.inactive img {
  filter: grayscale(100%) brightness(250%) contrast(50%);
}
.list-extend .list .item img.deceased img {
  filter: grayscale(100%);
}
.list-extend .list .item img.deceased:not(:has(img)) {
  filter: grayscale(100%);
}
.list-extend .list .item img:before {
  text-align: center;
  display: block;
  content: attr(data-initials);
  grid-area: avatar-image;
  align-content: center;
  align-self: center;
  justify-self: center;
}
.list-extend .list .item img:has(img):before {
  display: none;
}
.list-extend .list .item img img {
  border: none;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  grid-area: avatar-image;
  align-content: center;
  align-self: center;
  justify-self: center;
  border-radius: 50%;
  filter: var(--pat-avatar-filter, none);
}
.list-extend .list .item img img.default-user {
  opacity: 0;
}
.list-extend .list .item .right {
  float: right;
}
.list-extend .list .item .font-small {
  font-size: 0.7em;
}
.list-extend .list .item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.list-extend .list .item .title:before {
  font-family: fontello;
  font-size: 1.4em;
  position: absolute;
  left: 0.6em;
  top: 50%;
  margin-top: -0.5em;
  font-weight: normal;
  -webkit-transition: 0.4s left;
  transition: 0.4s left;
}
.list-extend .list .item.document .title:before {
  content: var(--glyph-document);
  -webkit-transition: opacity 5s;
  transition: opacity 5s;
}
.list-extend .list .item.folder .title:before {
  content: var(--glyph-folder);
}
.list-extend .list .item.back .title:before {
  content: '\e4a1';
  left: 1.1em;
}
.list-extend .list .item .byline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.list-extend .list .item.checked {
  color: white;
  border-bottom-color: white;
}
.list-extend .list .item.checked .follow {
  background-color: var(--colour-accent);
  color: white;
}
.list-extend .list .item:hover,
.list-extend .list .item:focus {
  background-color: rgba(0,0,0,0.03);
}
.list-extend .list .item::before {
  font-size: 1.2em;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  margin-left: 0.5em;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  color: var(--colour-primary);
}
#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;
}
#login-panel .panel .promotion a:hover {
  text-decoration: underline;
}
#login-panel .panel .promotion a:before {
  font-family: fontello;
  content: var(--glyph-quaive-brandmark);
  display: inline-block;
  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;
}
@media only screen and (min-width: 769px) {
#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 {
  font-family: fontello;
  content: var(--login-panel-icon);
  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 {
  font-family: fontello;
  content: var(--glyph-right-big);
  display: inline-block;
  margin-left: 10px;
  transform: scale(0.7);
}
#login-panel .panel .button-bar #submit-button:hover:after,
#login-panel .panel .button-bar button:hover:after {
  transform: scale(0.8) translateX(3px);
}
#login-panel #backdrop {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
}
.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));
}
}
.pat-magazine {
  position: relative;
  z-index: 0;
  box-shadow: var(--magazine-box-shadow);
  margin: 0 0 60px 0;
  font-family: var(--magazine-font-family);
}
.pat-magazine:after {
  content: " ";
  display: table;
  clear: both;
}
@container screen style(--screen-small: true) {
.pat-magazine {
  margin: 0;
  padding: var(--quaive-magazine-paddings-small);
}
}
@media only screen and (min-width: 769px) {
.pat-magazine {
  padding: var(--quaive-magazine-paddings-large);
}
}
.pat-magazine.injecting > * {
  opacity: 0.19;
}
.pat-magazine.injecting.injecting-after *,
.pat-magazine.injecting.injecting-content-after * {
  opacity: inherit;
}
.pat-magazine.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.pat-magazine.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.pat-magazine.injecting:before {
  animation: none;
}
}
.pat-magazine.injecting:before {
  position: fixed;
}
.pat-magazine .tools {
  position: fixed;
  top: 55px;
  right: 1em;
}
.pat-magazine .tools a {
  width: 40px;
  height: 40px;
  display: block;
  overflow: hidden;
  line-height: 40px;
  font-size: 36px;
  text-decoration: none;
  cursor: default;
  color: rgba(0,0,0,0);
  animation: bounceIn 0.5s;
}
.pat-magazine .tools a:hover:before {
  color: var(--body-font-colour);
}
.pat-magazine .tools a:before {
  font-family: fontello;
  content: var(--glyph-cog);
  text-align: center;
  width: 100%;
  color: rgba(0,0,0,0.5);
}
.pat-magazine .magazine-column {
  float: none !important;
}
@media only screen and (min-width: 769px) {
.pat-magazine .magazine-column {
  display: table-cell;
  padding: 0 calc(0.5 * var(--grid-gutter));
  vertical-align: top;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine .magazine-column#magazine-column-1,
.pat-magazine .magazine-column#magazine-column-3 {
  width: 33.333332%;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine .magazine-column#magazine-column-1 .teaser .byline,
.pat-magazine .magazine-column#magazine-column-3 .teaser .byline {
  max-width: 175px;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine .magazine-column.visible {
  display: table-cell !important;
}
}
.pat-magazine .magazine-scroll-to-top {
  bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  background: var(--colour-magazine-default);
  color: rgba(0,0,0,0);
  z-index: -1;
  pointer-events: none;
}
.pat-magazine.injecting > .magazine-scroll-to-top {
  opacity: 1;
}
.pat-magazine .block {
  width: 100%;
  position: relative;
  animation: fadeIn 1s;
  clear: both;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
.pat-magazine .block {
  padding: 0 10px;
  margin-bottom: 60px;
}
}
.pat-magazine .block > .description {
  font-size: 24px;
  font-weight: lighter;
  margin-bottom: 40px;
}
.pat-magazine .block.sortable {
  padding: 0;
  margin-bottom: 20px;
  animation: zoomIn 0.5s;
  border-radius: 8px;
}
.pat-magazine .block.sortable .block-content {
  background: #efefef;
  border-radius: var(--border-radii);
  padding: 0 20px 0 60px;
  border: none;
}
.pat-magazine .block.sortable .block-content .block-title {
  margin: 0;
  padding: 0.5em 40px 40px 0;
}
.pat-magazine .block.sortable .functions {
  position: absolute;
  top: 0.5em;
  right: 15px;
  float: right;
  margin: 0;
}
.pat-magazine .block.sortable .functions button {
  border: 0;
  background: 0;
  margin: 0;
  float: left;
  height: 32px;
  width: 25px;
  line-height: 35px;
  color: rgba(0,0,0,0);
  border-radius: 50%;
  padding: 0;
  color: #666;
  font-size: 1em;
  overflow: hidden;
}
.pat-magazine .block.sortable .functions button.collapsible-open {
  color: var(--colour-accent);
}
.pat-magazine .block.sortable .functions button:hover {
  color: var(--body-font-colour);
}
.pat-magazine .block.sortable .functions button:before {
  font-family: fontello;
  content: ' ';
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.pat-magazine .block.sortable .functions button.options:before {
  content: var(--glyph-cog);
}
.pat-magazine .block.sortable .functions button.remove:before {
  content: var(--glyph-trash);
}
.pat-magazine .block.sortable .advanced-options {
  margin: 0;
}
.pat-magazine .block.sortable .advanced-options .panel-content {
  padding-bottom: 40px;
}
.pat-magazine .block.sortable .advanced-options .panel-content .layout {
  margin: 0;
}
.pat-magazine .block.sortable .sortable-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  line-height: 40px;
  width: 40px;
  font-size: 20px;
  color: rgba(0,0,0,0);
  background: var(--colour-accent);
}
.pat-magazine .block.sortable .sortable-handle:before {
  content: var(--glyph-resize-vertical);
  display: block;
  font-family: fontello;
  width: 100%;
  text-align: center;
  color: white;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.pat-magazine .block:before,
.pat-magazine .block:after {
  height: 4px;
  content: ' ';
  position: absolute;
  display: block;
  z-index: 2;
  right: 20px;
  left: 20px;
}
.pat-magazine .block:before {
  top: -12px;
}
.pat-magazine .block:after {
  bottom: -12px;
}
.pat-magazine .block.drop-target-above:before {
  background-color: var(--colour-accent);
}
.pat-magazine .block.drop-target-below:after {
  background-color: var(--colour-accent);
}
.pat-magazine .block .button-cluster {
  display: none;
}
.pat-magazine .block .block-content {
  position: relative;
}
.pat-magazine .block h2.section-title {
  font-weight: 200;
  font-size: 1.8em;
  line-height: 1.2em;
  margin: 0;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
body[dir=rtl] .pat-magazine .block h2.section-title {
  text-align: right;
}
.pat-magazine .block h2.section-title a {
  display: block;
  padding: 0 0 30px 0;
  color: var(--body-font-colour);
  text-decoration: none;
}
.pat-magazine .block h2.section-title a:hover {
  text-decoration: underline;
}
.pat-magazine .block.captioned h2.section-title a {
  padding: 30px 0;
}
.pat-magazine .block h1.section-title {
  font-weight: 200;
  font-size: 2em;
  line-height: 1.2em;
  margin: 0 0 1em;
  text-align: left;
}
body[dir=rtl] .pat-magazine .block h1.section-title {
  text-align: right;
}
.pat-magazine .block .block-footer {
  clear: both;
  font-size: 0.8em;
  margin: 1em 0 1em;
  text-align: right;
}
.pat-magazine .block .block-footer a {
  color: rgba(0,0,0,0.5);
}
.pat-magazine .block .block-footer a:after {
  display: inline-block;
  margin-left: 1em;
  font-family: fontello;
  content: var(--glyph-right-open-2);
}
.pat-magazine .block.captioned .section-title {
  margin-top: -15px;
}
.pat-magazine .block.captioned .block-content {
  padding: 15px var(--grid-gutter);
  background-color: var(--colour-magazine-block-default);
}
@container screen style(--screen-small: true) {
.pat-magazine .block.captioned {
  margin: 0 calc(-1 * var(--small-screen-padding));
  width: auto;
}
}
@container screen style(--screen-small: true) {
.pat-magazine .block.captioned .block-content {
  padding: var(--small-screen-padding) var(--small-screen-padding);
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-1 .item,
.pat-magazine.grid-sr #magazine-column-2 .block.type-1 .item,
.pat-magazine.grid-sc #magazine-column-2 .block.type-1 .item {
  width: 100%;
  clear: left;
  font-size: 1em;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-2 .articles .item,
.pat-magazine.grid-sr #magazine-column-2 .block.type-2 .articles .item,
.pat-magazine.grid-sc #magazine-column-2 .block.type-2 .articles .item {
  width: 50%;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-2 .articles .item.event-card .teaser .byline,
.pat-magazine.grid-sr #magazine-column-2 .block.type-2 .articles .item.event-card .teaser .byline,
.pat-magazine.grid-sc #magazine-column-2 .block.type-2 .articles .item.event-card .teaser .byline {
  max-width: 450px;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-2 .articles .item:nth-child(odd),
.pat-magazine.grid-sr #magazine-column-2 .block.type-2 .articles .item:nth-child(odd),
.pat-magazine.grid-sc #magazine-column-2 .block.type-2 .articles .item:nth-child(odd) {
  clear: left;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-3 .item,
.pat-magazine.grid-sr #magazine-column-2 .block.type-3 .item,
.pat-magazine.grid-sc #magazine-column-2 .block.type-3 .item {
  width: 33.333332%;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-3 .item .byline,
.pat-magazine.grid-sr #magazine-column-2 .block.type-3 .item .byline,
.pat-magazine.grid-sc #magazine-column-2 .block.type-3 .item .byline {
  max-width: 250px;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-3 .item:nth-child(3n+1),
.pat-magazine.grid-sr #magazine-column-2 .block.type-3 .item:nth-child(3n+1),
.pat-magazine.grid-sc #magazine-column-2 .block.type-3 .item:nth-child(3n+1) {
  clear: left;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-1-3 .item,
.pat-magazine.grid-sr #magazine-column-2 .block.type-1-3 .item,
.pat-magazine.grid-sc #magazine-column-2 .block.type-1-3 .item {
  width: 33.333332%;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-1-3 .item .byline,
.pat-magazine.grid-sr #magazine-column-2 .block.type-1-3 .item .byline,
.pat-magazine.grid-sc #magazine-column-2 .block.type-1-3 .item .byline {
  max-width: 250px;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-1-3 .item:first-child,
.pat-magazine.grid-sr #magazine-column-2 .block.type-1-3 .item:first-child,
.pat-magazine.grid-sc #magazine-column-2 .block.type-1-3 .item:first-child {
  width: 100%;
  font-size: 1em;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-1-3 .item:first-child .has-no-image,
.pat-magazine.grid-sr #magazine-column-2 .block.type-1-3 .item:first-child .has-no-image,
.pat-magazine.grid-sc #magazine-column-2 .block.type-1-3 .item:first-child .has-no-image {
  display: none;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-1-3 .item:nth-child(3n+2),
.pat-magazine.grid-sr #magazine-column-2 .block.type-1-3 .item:nth-child(3n+2),
.pat-magazine.grid-sc #magazine-column-2 .block.type-1-3 .item:nth-child(3n+2) {
  clear: left;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item,
.pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item,
.pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item {
  width: 33.333332%;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item .byline,
.pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item .byline,
.pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item .byline {
  max-width: 250px;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item:first-child,
.pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item:nth-child(2),
.pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item:first-child,
.pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item:nth-child(2),
.pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item:first-child,
.pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item:nth-child(2) {
  width: 50%;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item:first-child.event-card .teaser .byline,
.pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item:nth-child(2).event-card .teaser .byline,
.pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item:first-child.event-card .teaser .byline,
.pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item:nth-child(2).event-card .teaser .byline,
.pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item:first-child.event-card .teaser .byline,
.pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item:nth-child(2).event-card .teaser .byline {
  max-width: 450px;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item:nth-child(3n+3),
.pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item:nth-child(3n+3),
.pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item:nth-child(3n+3) {
  clear: left;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine .articles {
  margin: 0 calc(-0.5 * var(--grid-gutter));
}
}
.pat-magazine .articles .item {
  position: relative;
  font-size: 0.8em;
  line-height: 1.4em;
  overflow: hidden;
  float: left;
  box-sizing: border-box;
  width: 100%;
}
@media only screen and (min-width: 769px) {
.pat-magazine .articles .item {
  padding: 0 calc(0.5 * var(--grid-gutter)) 2em;
}
}
.pat-magazine .articles .item .edit-button {
  position: absolute;
  top: 0.5em;
  right: 1em;
  width: 2em;
  height: 2em;
  display: none;
  margin-right: 0.5em;
}
.pat-magazine .articles .item .edit-button:before {
  content: "\270e";
  border-radius: 50%;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  background-color: rgba(0,0,0,0.5);
  color: white;
}
@media only screen and (min-width: 769px) {
.pat-magazine .articles .item:hover .edit-button {
  display: block;
  animation: fadeIn 1s;
}
}
.pat-magazine .articles .item.columns:after {
  left: 15px;
  right: 15px;
}
.pat-magazine .articles .item.event-card .follow img:not([style]) {
  background: url(media/placeholder-event.svg);
}
.pat-magazine .articles .item .follow {
  text-decoration: none;
  color: rgba(0,0,0,0.7);
}
.pat-magazine .articles .item .follow:hover {
  color: black;
}
.pat-magazine .articles .item .follow img {
  max-width: 100%;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-color: rgba(0,0,0,0);
  box-shadow: inset 0 0 60px rgba(0,0,0,0.2);
}
.pat-magazine .articles .item .follow img:not([style]) {
  background: url(media/placeholder-news-item.svg);
}
.pat-magazine .articles .item .follow figure,
.pat-magazine .articles .item .follow img {
  left: 0;
  transform: inherit;
  width: 100%;
}
.pat-magazine .articles .item .follow figure {
  margin-bottom: 0.2em;
}
.pat-magazine .articles .item .follow figcaption {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  padding: 1em;
  text-shadow:
						0 0 1px black,
						0 0 5px black;
}
.pat-magazine .articles .item .follow h3 {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.4em;
  color: var(--body-font-colour);
  text-transform: uppercase;
}
.pat-magazine .articles .item .follow h3 .category,
.pat-magazine .articles .item .follow h3 .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;
}
.pat-magazine .articles .item .follow h3 .comment-count:before {
  font-family: fontello;
  font-size: 0.9em;
  content: var(--glyph-comment);
  display: inline-block;
  margin-right: 0.4em;
}
.pat-magazine .articles .item .follow h3 + .byline {
  color: rgba(0,0,0,0.5);
  font-size: 0.8em;
  font-style: normal;
  margin-bottom: 0.2em;
}
.pat-magazine .articles .item .follow strong {
  font-family: var(--body-font-family);
  font-weight: bold;
}
.pat-magazine .articles .item .follow .description {
  margin-bottom: 2em;
}
.magazine-maker {
  padding: 0 24px;
}
.magazine-maker .panel-add-section {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 1em;
  position: relative;
}
.magazine-maker .panel-add-section:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
  border-radius: var(--border-radii);
  border: 1px solid silver;
  pointer-events: none;
  background-color: var(--colour-base-background);
  z-index: -1;
}
.magazine-maker .panel-add-section .handle {
  color: rgba(0,0,0,0);
  height: 45px;
  padding-top: 13px;
  position: relative;
}
.magazine-maker .panel-add-section .handle.collapsible-open:before {
  transform: rotate(-45deg);
}
.magazine-maker .panel-add-section .handle:before {
  width: 32px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  left: 50%;
  margin-left: -16px;
  color: gray;
  font-size: 32px;
  font-family: fontello;
  content: var(--glyph-plus-circle);
  text-align: center;
  transition: transform 0.5s;
}
.magazine-maker .panel-add-section label {
  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;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}
.magazine-maker .panel-add-section label:before {
  line-height: inherit;
}
.magazine-maker .panel-add-section label: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);
}
.magazine-maker .panel-add-section label: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);
}
.magazine-maker .panel-add-section label:active {
  box-shadow: var(--pat-button-box-shadow-active);
}
.magazine-maker .panel-add-section label.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);
}
.magazine-maker .panel-add-section label.default:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
.magazine-maker .panel-add-section label.warning {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-warning);
}
.magazine-maker .panel-add-section label.warning:hover {
  color: white;
  background-color: var(--colour-warning-hover);
}
.magazine-maker .panel-add-section label.success {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-success);
}
.magazine-maker .panel-add-section label.success:hover {
  color: white;
  background-color: var(--colour-success-hover);
}
.magazine-maker .panel-add-section label[disabled],
.magazine-maker .panel-add-section label.disabled,
.magazine-maker .panel-add-section label:is(a):not([href]),
.magazine-maker .panel-add-section label.default[disabled],
.magazine-maker .panel-add-section label.default.disabled,
.magazine-maker .panel-add-section label:is(a).default:not([href]) {
  color: var(--button-text-colour-disabled);
  background-color: var(--button-background-colour-disabled);
}
.magazine-maker .panel-add-section label[disabled]:hover,
.magazine-maker .panel-add-section label.disabled:hover,
.magazine-maker .panel-add-section label:is(a):not([href]):hover,
.magazine-maker .panel-add-section label.default[disabled]:hover,
.magazine-maker .panel-add-section label.default.disabled:hover,
.magazine-maker .panel-add-section label:is(a).default:not([href]):hover {
  color: var(--button-text-colour-disabled-hover);
  background-color: var(--button-background-colour-disabled-hover);
}
@media print {
.magazine-maker .panel-add-section label {
  display: none;
}
}
.magazine-maker .panel-add-section label.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);
}
.magazine-maker .panel-add-section label.small:before {
  font-size: 15px;
}
.magazine-maker .panel-add-section label:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.magazine-maker .panel-add-section label.iconified {
  width: 30px;
  padding: 0;
}
.magazine-maker .panel-add-section label.iconified:before {
  width: 100%;
  text-align: center;
  line-height: var(--pat-button-height);
}
.magazine-maker .panel-add-section label.link {
  padding: 0;
  display: inline;
  background: none;
  color: var(--colour-link);
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.magazine-maker .panel-add-section label.link:hover {
  background: none;
  text-decoration: underline !important;
  color: var(--colour-link-hover);
}
.magazine-maker .panel-add-section label.no-label {
  padding: 0;
  aspect-ratio: 1 / 1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.magazine-maker .panel-add-section label.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.magazine-maker .panel-add-section label:before {
  font-weight: normal;
  margin-right: 5px;
  float: left;
}
body[dir=rtl] .magazine-maker .panel-add-section label:before {
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
.magazine-maker .panel-add-section label.add:before {
  font-family: fontello;
  content: var(--glyph-plus);
}
.magazine-maker .panel-add-section label.checked {
  display: none;
}
.magazine-maker .panel-add-section label:before {
  font-family: fontello;
  margin-right: 0.15em;
  content: var(--glyph-plus-circle);
  display: inline-block;
  opacity: 0.7;
}
.magazine-maker .panel-add-section label input {
  position: absolute;
  opacity: 0;
}
.magazine-maker .pat-checklist.grid-thumbs {
  text-align: center;
  position: relative;
}
.magazine-maker .pat-checklist.grid-thumbs label {
  display: inline-block !important;
  text-align: center;
  float: none;
  padding: 0 0.5em;
}
.magazine-maker .pat-checklist.grid-thumbs label.hidden {
  opacity: 0.2;
  pointer-events: none;
}
.magazine-maker .pat-checklist.grid-thumbs label input {
  position: absolute;
  opacity: 0;
}
.magazine-maker .pat-checklist.grid-thumbs label img {
  height: 50px;
  box-sizing: border-box;
  border: 4px solid silver;
  background-size: 100% 100%;
  background-color: var(--colour-base-background);
}
.magazine-maker .pat-checklist.grid-thumbs label.checked img {
  border: 4px solid var(--colour-accent);
}
.magazine-maker .pat-checklist.grid-thumbs label.grid-sc img {
  background-image: url(media/grid-thumbs/single-large-column.svg);
}
.magazine-maker .pat-checklist.grid-thumbs label.grid-sl img {
  background-image: url(media/grid-thumbs/sidebar-left.svg);
}
.magazine-maker .pat-checklist.grid-thumbs label.grid-sr img {
  background-image: url(media/grid-thumbs/sidebar-right.svg);
}
.magazine-maker .pat-checklist.grid-thumbs label.grid-tc img {
  background-image: url(media/grid-thumbs/three-equal-columns.svg);
}
.mail-preview {
  padding: 0;
}
.mail-preview object {
  width: 100%;
  height: 10000px;
  overflow: hidden;
  background-color: var(--colour-base-background);
  box-shadow: 0 2px 40px rgba(0,0,0,0.1);
}
.mail-preview .mail-history-browser {
  line-height: 50px;
}
.mail-preview .mail-history-browser .header {
  text-align: center;
  display: block;
  font-size: 20px;
}
.mail-preview .mail-history-browser .button {
  font-size: 20px;
  overflow: hidden;
  width: 50px;
  color: transparent;
  position: relative;
}
.mail-preview .mail-history-browser .button:hover {
  transform: scale(1.2);
}
.mail-preview .mail-history-browser .button:before {
  font-family: fontello;
  display: block;
  color: rgba(black,0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.mail-preview .mail-history-browser .button[href]:before {
  color: var(--body-font-colour);
}
.mail-preview .mail-history-browser .button.next {
  float: right;
}
.mail-preview .mail-history-browser .button.next:before {
  content: var(--glyph-right-big);
}
.mail-preview .mail-history-browser .button.previous {
  float: left;
}
.mail-preview .mail-history-browser .button.previous:before {
  content: var(--glyph-left-big);
}
#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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
#main.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
#main.injecting:before {
  animation: none;
}
}
@media screen {
@supports (height: 100dvh) {
#main {
  top: var(--kik-vvt, 0px);
  bottom: auto;
  height: var(--kik-vvh, 100dvh);
}
}
}
#main.kik-vv-anim {
  transition: top 0.24s ease-out, height 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;
}
}
:root {
  --md-editor-line-height: 1.3em;
}
.md-editor {
  position: relative;
}
.md-editor .mirror-target,
.md-editor textarea {
  font-size: 1em;
  line-height: var(--md-editor-line-height);
  display: block;
  white-space: pre-wrap;
  font-style: normal;
  font-weight: inherit;
}
@media screen {
.md-editor .mirror-target,
.md-editor textarea {
  padding: 0.2em 0.5em;
}
}
@media print {
.md-editor .mirror-target,
.md-editor textarea {
  padding: 0.2em 0;
}
}
.md-editor .mirror-target {
  opacity: 0;
  min-height: 1.3em;
}
.md-editor .md-render {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  font-size: 1em;
  line-height: var(--md-editor-line-height);
  -webkit-pointer-events: none;
  pointer-events: none;
}
.application-workspace .document-content .md-editor .md-render {
  max-width: 100%;
}
.md-editor .md-render a {
  -webkit-pointer-events: auto;
  pointer-events: auto;
}
.md-editor .md-render p,
.md-editor .md-render h1,
.md-editor .md-render h2 {
  margin-bottom: var(--md-editor-line-height);
}
.md-editor .md-render h3,
.md-editor .md-render h4,
.md-editor .md-render h5,
.md-editor .md-render h6 {
  margin: 0;
}
.md-editor.focus .md-render {
  opacity: 0;
}
.md-editor.focus .md-render a {
  -webkit-pointer-events: none;
  pointer-events: none;
}
.md-editor textarea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--body-font-colour);
  resize: none;
  opacity: 0;
  margin: 0 !important;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.md-editor textarea:focus {
  opacity: 1;
}
.md-editor textarea:focus {
  border-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}
ul.menu,
.menu-list,
.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-checklist-checkbox-size: 16px;
}
ul.menu li,
.menu-list li,
.pat-menu-list li {
  padding-left: 0;
  --pat-checklist-margin-bottom: 0;
}
ul.menu li > a,
ul.menu li > label,
ul.menu li > form > label,
ul.menu li > form > button,
ul.menu li > form > fieldset > label,
ul.menu li > fieldset.pat-checklist label,
ul.menu li > button,
ul.menu li .icon.bookmark,
.menu-list li > a,
.menu-list li > label,
.menu-list li > form > label,
.menu-list li > form > button,
.menu-list li > form > fieldset > label,
.menu-list li > fieldset.pat-checklist label,
.menu-list li > button,
.menu-list li .icon.bookmark,
.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);
  display: grid;
  border-radius: var(--border-radii-medium, var(--border-radii));
  user-select: none;
  margin-bottom: 0.2em;
  grid-template-columns: var(--bullet-space) 1fr;
  column-gap: var(--pat-x-list-gutter);
  row-gap: 0;
  hyphens: auto;
  grid-template-areas:
        "icon title"
        "void byline";
  --pat-select-box-height: var(--pat-menu-list-item-line-height);
}
ul.menu li > a .pat-select.bare,
ul.menu li > label .pat-select.bare,
ul.menu li > form > label .pat-select.bare,
ul.menu li > form > button .pat-select.bare,
ul.menu li > form > fieldset > label .pat-select.bare,
ul.menu li > fieldset.pat-checklist label .pat-select.bare,
ul.menu li > button .pat-select.bare,
ul.menu li .icon.bookmark .pat-select.bare,
.menu-list li > a .pat-select.bare,
.menu-list li > label .pat-select.bare,
.menu-list li > form > label .pat-select.bare,
.menu-list li > form > button .pat-select.bare,
.menu-list li > form > fieldset > label .pat-select.bare,
.menu-list li > fieldset.pat-checklist label .pat-select.bare,
.menu-list li > button .pat-select.bare,
.menu-list li .icon.bookmark .pat-select.bare,
.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;
}
ul.menu li > a .item-title,
ul.menu li > label .item-title,
ul.menu li > form > label .item-title,
ul.menu li > form > button .item-title,
ul.menu li > form > fieldset > label .item-title,
ul.menu li > fieldset.pat-checklist label .item-title,
ul.menu li > button .item-title,
ul.menu li .icon.bookmark .item-title,
.menu-list li > a .item-title,
.menu-list li > label .item-title,
.menu-list li > form > label .item-title,
.menu-list li > form > button .item-title,
.menu-list li > form > fieldset > label .item-title,
.menu-list li > fieldset.pat-checklist label .item-title,
.menu-list li > button .item-title,
.menu-list li .icon.bookmark .item-title,
.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: bold;
  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;
}
ul.menu li > a .item-title .counter,
ul.menu li > label .item-title .counter,
ul.menu li > form > label .item-title .counter,
ul.menu li > form > button .item-title .counter,
ul.menu li > form > fieldset > label .item-title .counter,
ul.menu li > fieldset.pat-checklist label .item-title .counter,
ul.menu li > button .item-title .counter,
ul.menu li .icon.bookmark .item-title .counter,
.menu-list li > a .item-title .counter,
.menu-list li > label .item-title .counter,
.menu-list li > form > label .item-title .counter,
.menu-list li > form > button .item-title .counter,
.menu-list li > form > fieldset > label .item-title .counter,
.menu-list li > fieldset.pat-checklist label .item-title .counter,
.menu-list li > button .item-title .counter,
.menu-list li .icon.bookmark .item-title .counter,
.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;
}
ul.menu li > a .item-byline,
ul.menu li > label .item-byline,
ul.menu li > form > label .item-byline,
ul.menu li > form > button .item-byline,
ul.menu li > form > fieldset > label .item-byline,
ul.menu li > fieldset.pat-checklist label .item-byline,
ul.menu li > button .item-byline,
ul.menu li .icon.bookmark .item-byline,
.menu-list li > a .item-byline,
.menu-list li > label .item-byline,
.menu-list li > form > label .item-byline,
.menu-list li > form > button .item-byline,
.menu-list li > form > fieldset > label .item-byline,
.menu-list li > fieldset.pat-checklist label .item-byline,
.menu-list li > button .item-byline,
.menu-list li .icon.bookmark .item-byline,
.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;
}
ul.menu li > a:before,
ul.menu li > a .icon,
ul.menu li > a .app-icon,
ul.menu li > label:before,
ul.menu li > label .icon,
ul.menu li > label .app-icon,
ul.menu li > form > label:before,
ul.menu li > form > label .icon,
ul.menu li > form > label .app-icon,
ul.menu li > form > button:before,
ul.menu li > form > button .icon,
ul.menu li > form > button .app-icon,
ul.menu li > form > fieldset > label:before,
ul.menu li > form > fieldset > label .icon,
ul.menu li > form > fieldset > label .app-icon,
ul.menu li > fieldset.pat-checklist label:before,
ul.menu li > fieldset.pat-checklist label .icon,
ul.menu li > fieldset.pat-checklist label .app-icon,
ul.menu li > button:before,
ul.menu li > button .icon,
ul.menu li > button .app-icon,
ul.menu li .icon.bookmark:before,
ul.menu li .icon.bookmark .icon,
ul.menu li .icon.bookmark .app-icon,
.menu-list li > a:before,
.menu-list li > a .icon,
.menu-list li > a .app-icon,
.menu-list li > label:before,
.menu-list li > label .icon,
.menu-list li > label .app-icon,
.menu-list li > form > label:before,
.menu-list li > form > label .icon,
.menu-list li > form > label .app-icon,
.menu-list li > form > button:before,
.menu-list li > form > button .icon,
.menu-list li > form > button .app-icon,
.menu-list li > form > fieldset > label:before,
.menu-list li > form > fieldset > label .icon,
.menu-list li > form > fieldset > label .app-icon,
.menu-list li > fieldset.pat-checklist label:before,
.menu-list li > fieldset.pat-checklist label .icon,
.menu-list li > fieldset.pat-checklist label .app-icon,
.menu-list li > button:before,
.menu-list li > button .icon,
.menu-list li > button .app-icon,
.menu-list li .icon.bookmark:before,
.menu-list li .icon.bookmark .icon,
.menu-list li .icon.bookmark .app-icon,
.pat-menu-list li > a:before,
.pat-menu-list li > a .icon,
.pat-menu-list li > a .app-icon,
.pat-menu-list li > label:before,
.pat-menu-list li > label .icon,
.pat-menu-list li > label .app-icon,
.pat-menu-list li > form > label:before,
.pat-menu-list li > form > label .icon,
.pat-menu-list li > form > label .app-icon,
.pat-menu-list li > form > button:before,
.pat-menu-list li > form > button .icon,
.pat-menu-list li > form > button .app-icon,
.pat-menu-list li > form > fieldset > label: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: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:before,
.pat-menu-list li > button .icon,
.pat-menu-list li > button .app-icon,
.pat-menu-list li .icon.bookmark:before,
.pat-menu-list li .icon.bookmark .icon,
.pat-menu-list li .icon.bookmark .app-icon {
  font-family: fontello;
  align-self: start;
  display: flex;
  margin-right: 0;
  grid-area: icon;
  text-align: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  align-self: center !important;
  margin: 0;
  width: var(--bullet-space);
  height: var(--bullet-space);
  aspect-ratio: 1 / 1;
  border-radius: calc(0.3 * var(--border-radii));
  padding: 0;
}
ul.menu li > a > svg.icon,
ul.menu li > label > svg.icon,
ul.menu li > form > label > svg.icon,
ul.menu li > form > button > svg.icon,
ul.menu li > form > fieldset > label > svg.icon,
ul.menu li > fieldset.pat-checklist label > svg.icon,
ul.menu li > button > svg.icon,
ul.menu li .icon.bookmark > svg.icon,
.menu-list li > a > svg.icon,
.menu-list li > label > svg.icon,
.menu-list li > form > label > svg.icon,
.menu-list li > form > button > svg.icon,
.menu-list li > form > fieldset > label > svg.icon,
.menu-list li > fieldset.pat-checklist label > svg.icon,
.menu-list li > button > svg.icon,
.menu-list li .icon.bookmark > svg.icon,
.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: 100%;
  height: auto;
  align-self: start;
  border: 1px solid silver;
  background-color: white;
  padding: 15%;
  box-sizing: border-box;
}
ul.menu li > a .app-icon *,
ul.menu li > label .app-icon *,
ul.menu li > form > label .app-icon *,
ul.menu li > form > button .app-icon *,
ul.menu li > form > fieldset > label .app-icon *,
ul.menu li > fieldset.pat-checklist label .app-icon *,
ul.menu li > button .app-icon *,
ul.menu li .icon.bookmark .app-icon *,
.menu-list li > a .app-icon *,
.menu-list li > label .app-icon *,
.menu-list li > form > label .app-icon *,
.menu-list li > form > button .app-icon *,
.menu-list li > form > fieldset > label .app-icon *,
.menu-list li > fieldset.pat-checklist label .app-icon *,
.menu-list li > button .app-icon *,
.menu-list li .icon.bookmark .app-icon *,
.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;
}
ul.menu li > a:has(.icon):before,
ul.menu li > a:has(.app-icon):before,
ul.menu li > label:has(.icon):before,
ul.menu li > label:has(.app-icon):before,
ul.menu li > form > label:has(.icon):before,
ul.menu li > form > label:has(.app-icon):before,
ul.menu li > form > button:has(.icon):before,
ul.menu li > form > button:has(.app-icon):before,
ul.menu li > form > fieldset > label:has(.icon):before,
ul.menu li > form > fieldset > label:has(.app-icon):before,
ul.menu li > fieldset.pat-checklist label:has(.icon):before,
ul.menu li > fieldset.pat-checklist label:has(.app-icon):before,
ul.menu li > button:has(.icon):before,
ul.menu li > button:has(.app-icon):before,
ul.menu li .icon.bookmark:has(.icon):before,
ul.menu li .icon.bookmark:has(.app-icon):before,
.menu-list li > a:has(.icon):before,
.menu-list li > a:has(.app-icon):before,
.menu-list li > label:has(.icon):before,
.menu-list li > label:has(.app-icon):before,
.menu-list li > form > label:has(.icon):before,
.menu-list li > form > label:has(.app-icon):before,
.menu-list li > form > button:has(.icon):before,
.menu-list li > form > button:has(.app-icon):before,
.menu-list li > form > fieldset > label:has(.icon):before,
.menu-list li > form > fieldset > label:has(.app-icon):before,
.menu-list li > fieldset.pat-checklist label:has(.icon):before,
.menu-list li > fieldset.pat-checklist label:has(.app-icon):before,
.menu-list li > button:has(.icon):before,
.menu-list li > button:has(.app-icon):before,
.menu-list li .icon.bookmark:has(.icon):before,
.menu-list li .icon.bookmark:has(.app-icon):before,
.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;
}
ul.menu li > a:has(input[type="checkbox"]):before,
ul.menu li > label:has(input[type="checkbox"]):before,
ul.menu li > form > label:has(input[type="checkbox"]):before,
ul.menu li > form > button:has(input[type="checkbox"]):before,
ul.menu li > form > fieldset > label:has(input[type="checkbox"]):before,
ul.menu li > fieldset.pat-checklist label:has(input[type="checkbox"]):before,
ul.menu li > button:has(input[type="checkbox"]):before,
ul.menu li .icon.bookmark:has(input[type="checkbox"]):before,
.menu-list li > a:has(input[type="checkbox"]):before,
.menu-list li > label:has(input[type="checkbox"]):before,
.menu-list li > form > label:has(input[type="checkbox"]):before,
.menu-list li > form > button:has(input[type="checkbox"]):before,
.menu-list li > form > fieldset > label:has(input[type="checkbox"]):before,
.menu-list li > fieldset.pat-checklist label:has(input[type="checkbox"]):before,
.menu-list li > button:has(input[type="checkbox"]):before,
.menu-list li .icon.bookmark:has(input[type="checkbox"]):before,
.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);
}
ul.menu li > a:has(input[type="file"]),
ul.menu li > label:has(input[type="file"]),
ul.menu li > form > label:has(input[type="file"]),
ul.menu li > form > button:has(input[type="file"]),
ul.menu li > form > fieldset > label:has(input[type="file"]),
ul.menu li > fieldset.pat-checklist label:has(input[type="file"]),
ul.menu li > button:has(input[type="file"]),
ul.menu li .icon.bookmark:has(input[type="file"]),
.menu-list li > a:has(input[type="file"]),
.menu-list li > label:has(input[type="file"]),
.menu-list li > form > label:has(input[type="file"]),
.menu-list li > form > button:has(input[type="file"]),
.menu-list li > form > fieldset > label:has(input[type="file"]),
.menu-list li > fieldset.pat-checklist label:has(input[type="file"]),
.menu-list li > button:has(input[type="file"]),
.menu-list li .icon.bookmark:has(input[type="file"]),
.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;
}
ul.menu li > a:hover,
ul.menu li > label:hover,
ul.menu li > form > label:hover,
ul.menu li > form > button:hover,
ul.menu li > form > fieldset > label:hover,
ul.menu li > fieldset.pat-checklist label:hover,
ul.menu li > button:hover,
ul.menu li .icon.bookmark:hover,
.menu-list li > a:hover,
.menu-list li > label:hover,
.menu-list li > form > label:hover,
.menu-list li > form > button:hover,
.menu-list li > form > fieldset > label:hover,
.menu-list li > fieldset.pat-checklist label:hover,
.menu-list li > button:hover,
.menu-list li .icon.bookmark: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;
  background: rgba(0,0,0,0.05);
  color: var(--body-font-colour);
}
ul.menu li > a.tooltip-active-click,
ul.menu li > label.tooltip-active-click,
ul.menu li > form > label.tooltip-active-click,
ul.menu li > form > button.tooltip-active-click,
ul.menu li > form > fieldset > label.tooltip-active-click,
ul.menu li > fieldset.pat-checklist label.tooltip-active-click,
ul.menu li > button.tooltip-active-click,
ul.menu li .icon.bookmark.tooltip-active-click,
.menu-list li > a.tooltip-active-click,
.menu-list li > label.tooltip-active-click,
.menu-list li > form > label.tooltip-active-click,
.menu-list li > form > button.tooltip-active-click,
.menu-list li > form > fieldset > label.tooltip-active-click,
.menu-list li > fieldset.pat-checklist label.tooltip-active-click,
.menu-list li > button.tooltip-active-click,
.menu-list li .icon.bookmark.tooltip-active-click,
.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;
}
ul.menu li > a .pat-message,
ul.menu li > label .pat-message,
ul.menu li > form > label .pat-message,
ul.menu li > form > button .pat-message,
ul.menu li > form > fieldset > label .pat-message,
ul.menu li > fieldset.pat-checklist label .pat-message,
ul.menu li > button .pat-message,
ul.menu li .icon.bookmark .pat-message,
.menu-list li > a .pat-message,
.menu-list li > label .pat-message,
.menu-list li > form > label .pat-message,
.menu-list li > form > button .pat-message,
.menu-list li > form > fieldset > label .pat-message,
.menu-list li > fieldset.pat-checklist label .pat-message,
.menu-list li > button .pat-message,
.menu-list li .icon.bookmark .pat-message,
.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;
}
ul.menu li > a input[type="file"],
ul.menu li > label input[type="file"],
ul.menu li > form > label input[type="file"],
ul.menu li > form > button input[type="file"],
ul.menu li > form > fieldset > label input[type="file"],
ul.menu li > fieldset.pat-checklist label input[type="file"],
ul.menu li > button input[type="file"],
ul.menu li .icon.bookmark input[type="file"],
.menu-list li > a input[type="file"],
.menu-list li > label input[type="file"],
.menu-list li > form > label input[type="file"],
.menu-list li > form > button input[type="file"],
.menu-list li > form > fieldset > label input[type="file"],
.menu-list li > fieldset.pat-checklist label input[type="file"],
.menu-list li > button input[type="file"],
.menu-list li .icon.bookmark input[type="file"],
.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%;
}
ul.menu li > a:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
ul.menu li > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
ul.menu li > form > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
ul.menu li > form > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
ul.menu li > form > fieldset > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
ul.menu li > fieldset.pat-checklist label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
ul.menu li > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
ul.menu li .icon.bookmark:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > a:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > form > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > form > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > form > fieldset > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > fieldset.pat-checklist label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li .icon.bookmark:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.pat-menu-list li > a:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.pat-menu-list li > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.pat-menu-list li > form > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.pat-menu-list li > form > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.pat-menu-list li > form > fieldset > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.pat-menu-list li > fieldset.pat-checklist label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.pat-menu-list li > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.pat-menu-list li .icon.bookmark:not([class*=icon-]):not([class*=checked]):not(.pat-select):before {
  font-family: fontello;
  content: var(--glyph-angle-right);
}
ul.menu li > a.current,
ul.menu li > label.current,
ul.menu li > form > label.current,
ul.menu li > form > button.current,
ul.menu li > form > fieldset > label.current,
ul.menu li > fieldset.pat-checklist label.current,
ul.menu li > button.current,
ul.menu li .icon.bookmark.current,
.menu-list li > a.current,
.menu-list li > label.current,
.menu-list li > form > label.current,
.menu-list li > form > button.current,
.menu-list li > form > fieldset > label.current,
.menu-list li > fieldset.pat-checklist label.current,
.menu-list li > button.current,
.menu-list li .icon.bookmark.current,
.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 {
  background-color: var(--colour-accent);
  color: white;
}
ul.menu li > a.current a,
ul.menu li > a.current *,
ul.menu li > label.current a,
ul.menu li > label.current *,
ul.menu li > form > label.current a,
ul.menu li > form > label.current *,
ul.menu li > form > button.current a,
ul.menu li > form > button.current *,
ul.menu li > form > fieldset > label.current a,
ul.menu li > form > fieldset > label.current *,
ul.menu li > fieldset.pat-checklist label.current a,
ul.menu li > fieldset.pat-checklist label.current *,
ul.menu li > button.current a,
ul.menu li > button.current *,
ul.menu li .icon.bookmark.current a,
ul.menu li .icon.bookmark.current *,
.menu-list li > a.current a,
.menu-list li > a.current *,
.menu-list li > label.current a,
.menu-list li > label.current *,
.menu-list li > form > label.current a,
.menu-list li > form > label.current *,
.menu-list li > form > button.current a,
.menu-list li > form > button.current *,
.menu-list li > form > fieldset > label.current a,
.menu-list li > form > fieldset > label.current *,
.menu-list li > fieldset.pat-checklist label.current a,
.menu-list li > fieldset.pat-checklist label.current *,
.menu-list li > button.current a,
.menu-list li > button.current *,
.menu-list li .icon.bookmark.current a,
.menu-list li .icon.bookmark.current *,
.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;
}
ul.menu li > a.current .item-title .counter,
ul.menu li > label.current .item-title .counter,
ul.menu li > form > label.current .item-title .counter,
ul.menu li > form > button.current .item-title .counter,
ul.menu li > form > fieldset > label.current .item-title .counter,
ul.menu li > fieldset.pat-checklist label.current .item-title .counter,
ul.menu li > button.current .item-title .counter,
ul.menu li .icon.bookmark.current .item-title .counter,
.menu-list li > a.current .item-title .counter,
.menu-list li > label.current .item-title .counter,
.menu-list li > form > label.current .item-title .counter,
.menu-list li > form > button.current .item-title .counter,
.menu-list li > form > fieldset > label.current .item-title .counter,
.menu-list li > fieldset.pat-checklist label.current .item-title .counter,
.menu-list li > button.current .item-title .counter,
.menu-list li .icon.bookmark.current .item-title .counter,
.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) ul.menu li > a.select:before,
:has(.mode-select) ul.menu li > label.select:before,
:has(.mode-select) ul.menu li > form > label.select:before,
:has(.mode-select) ul.menu li > form > button.select:before,
:has(.mode-select) ul.menu li > form > fieldset > label.select:before,
:has(.mode-select) ul.menu li > fieldset.pat-checklist label.select:before,
:has(.mode-select) ul.menu li > button.select:before,
:has(.mode-select) ul.menu li .icon.bookmark.select:before,
:has(.mode-select) .menu-list li > a.select:before,
:has(.mode-select) .menu-list li > label.select:before,
:has(.mode-select) .menu-list li > form > label.select:before,
:has(.mode-select) .menu-list li > form > button.select:before,
:has(.mode-select) .menu-list li > form > fieldset > label.select:before,
:has(.mode-select) .menu-list li > fieldset.pat-checklist label.select:before,
:has(.mode-select) .menu-list li > button.select:before,
:has(.mode-select) .menu-list li .icon.bookmark.select:before,
: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);
}
ul.menu li > form.app-label-favourite > button.app-fav-on:before,
.menu-list li > form.app-label-favourite > button.app-fav-on:before,
.pat-menu-list li > form.app-label-favourite > button.app-fav-on:before {
  color: var(--app-fav-colour);
}
ul.menu li > button.disabled,
.menu-list li > button.disabled,
.pat-menu-list li > button.disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}
ul.menu li > a > .icon.space-avatar,
.menu-list li > a > .icon.space-avatar,
.pat-menu-list li > a > .icon.space-avatar {
  font-family: inherit;
  width: 1.7em;
  height: 1.7em;
  flex: 0 0 auto;
  align-self: center;
  justify-self: center;
  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: calc(var(--border-radii-medium) - var(--pat-menu-list-item-padding-top-bottom));
  font-weight: 700;
  font-size: 0.8em;
  line-height: 1;
  text-transform: uppercase;
}
: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;
}
@media only screen and (max-width: 1279px) {
.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;
}
.pat-miller-columns {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  height: 50vh;
  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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.pat-miller-columns .pat-miller-columns-column-set.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.pat-miller-columns .pat-miller-columns-column-set.injecting:before {
  animation: none;
}
}
.pat-miller-columns .pat-miller-columns-column-set.injecting {
  border-left: 1px solid silver;
  border-right: 1px solid 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;
  overflow: auto;
  float: left;
  width: var(--miller-columns-column-width);
  height: 100%;
  border-left: 1px solid silver;
  box-sizing: border-box;
  margin-left: -1px;
  margin-bottom: 0;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-message {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  padding: 10px;
  line-height: 1.4;
}
.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;
}
.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: 2px 0;
  line-height: 1.3;
  clear: both;
  float: none;
  border-radius: 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 {
  content: var(--glyph-alarm);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-powerpoint:before {
  content: var(--glyph-file-powerpoint);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-word:before {
  content: var(--glyph-file-word);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-job:before {
  content: var(--glyph-briefcase);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-excel:before {
  content: var(--glyph-file-excel);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-folder:before {
  content: var(--glyph-folder);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-youtube:before {
  content: var(--glyph-youtube);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-external-video:before {
  content: var(--glyph-video);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-task:before {
  content: var(--glyph-ok);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-pdf:before {
  content: var(--glyph-file-pdf);
}
.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 {
  content: var(--glyph-users);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-post:before {
  content: var(--glyph-pin);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-rich:before {
  content: var(--glyph-doc-text);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-news:before {
  content: var(--glyph-newspaper);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library-item:before {
  content: var(--glyph-feather);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library-section:before {
  content: var(--glyph-squares);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library-subsection:before {
  content: var(--glyph-squares);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-event:before {
  content: var(--glyph-calendar);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-workspace:before {
  content: var(--glyph-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 {
  content: var(--glyph-workspace);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-image:before {
  content: var(--glyph-file-image);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-diagram:before {
  content: var(--glyph-sitemap);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-slideshow:before {
  content: var(--glyph-slides);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-super-space:before {
  content: var(--glyph-workspace);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-question:before {
  content: var(--glyph-question-circle-o);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-link:before {
  content: var(--glyph-link);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-zip:before {
  content: var(--glyph-file-archive);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-file-archive:before {
  content: var(--glyph-file-archive);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app:before {
  content: var(--glyph-app);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-audio:before {
  content: var(--glyph-file-audio);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-video:before {
  content: var(--glyph-file-video);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-contract:before {
  content: var(--glyph-handshake);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-file:before {
  content: var(--glyph-document);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-email:before {
  content: var(--glyph-mail-1);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-plain-text:before {
  content: var(--glyph-doc-text);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:before {
  content: '';
  font-family: fontello;
  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;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-country:before {
  content: var(--glyph-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 {
  content: var(--glyph-cubes);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-profile-question:before {
  content: var(--glyph-building);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-risk:before {
  content: var(--glyph-attention);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-tasks:before {
  content: var(--glyph-check-on);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-events:before {
  content: var(--glyph-calendar-1);
  font-size: 0.8em;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-sector:before {
  content: var(--glyph-right-open-1);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library:before {
  content: var(--glyph-library);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-personal:before {
  content: var(--glyph-user-secret);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-documents:before {
  content: var(--glyph-doc-inv);
}
.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.type-app-library:before {
  background-image: url(../../main/app-icons/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(../../main/app-icons/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(../../main/app-icons/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(../../main/app-icons/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(../../main/app-icons/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(../../main/app-icons/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 {
  font-family: fontello;
  content: var(--glyph-right-open-2);
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 12px;
  transform: translateY(-50%);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:hover {
  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: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: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: var(--glyph-menu);
  font-family: fontello;
  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;
}
}
@media only screen and (min-width: 769px) {
#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: 1100px;
  --close-button-height: var(--button-height);
}
@media only screen and (min-width: 769px) {
.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 .modal-panel-header {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  z-index: 1;
}
.pat-modal-panel.image-social .modal-panel-contents .modal-panel-header .modal-panel-title {
  display: none;
}
.pat-modal-panel.image-social .modal-panel-contents .modal-panel-header .close-panel {
  width: var(--close-button-height);
  height: var(--close-button-height);
  color: transparent;
  background-color: transparent;
  float: left;
  cursor: default;
  margin-right: 10px;
  display: block;
  margin: 0;
  top: 20px;
  right: 20px;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px);
}
.pat-modal-panel.image-social .modal-panel-contents .modal-panel-header .close-panel:hover:before {
  color: var(--button-text-colour-hover);
  background-color: var(--button-background-colour-hover);
}
.pat-modal-panel.image-social .modal-panel-contents .modal-panel-body {
  padding: 0;
  max-height: 100%;
  width: 100%;
}
@media only screen and (min-width: 769px) {
.pat-modal-panel.image-social .modal-panel-contents .modal-panel-body {
  overflow: visible;
}
}
@media only screen and (min-width: 769px) {
.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);
}
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
.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);
}
}
@media only screen and (min-width: 769px) {
.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-panel .modal-panel-header .modal-panel-close-button.mobile-close {
  display: none;
}
@container screen style(--screen-small: true) {
.pat-modal-panel {
  --modal-panel-body-left-right-padding: 16px;
  --modal-panel-body-bottom-padding: 16px;
  max-height: calc(100vh - 5vw);
  max-height: calc(100dvh - 5vw);
}
}
@container screen style(--screen-small: true) {
.pat-modal-panel .modal-panel-contents:has(> .modal-panel-body) {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: calc(100vh - 5vw);
  max-height: calc(100dvh - 5vw);
}
}
@container screen style(--screen-small: true) {
.pat-modal-panel .modal-panel-contents:has(> .modal-panel-body) > .modal-panel-body {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
}
}
@container screen style(--screen-small: true) {
.pat-modal-panel .modal-panel-header {
  padding: 14px 16px;
}
}
@container screen style(--screen-small: true) {
.pat-modal-panel .modal-panel-header .modal-panel-title {
  padding: 0 44px;
  box-sizing: border-box;
}
}
@container screen style(--screen-small: true) {
.pat-modal-panel .modal-panel-header .modal-panel-close-button.mobile-close {
  display: block;
  top: 9px;
  right: 12px;
}
}
@container screen style(--screen-small: true) {
.pat-modal-panel .modal-panel-body > .modal-panel-main-button-bar {
  padding-top: 14px;
}
}
@container screen style(--screen-small: true) {
.pat-modal-panel .pat-button-bar .pat-button.close-panel:not(.default):not(.warning):not([class*="icon-"]):not(.pat-inject),
.pat-modal-panel .pat-button-bar .pat-button.close-panel.icon-cancel:not(.default),
.pat-modal-panel .pat-button-bar .pat-button.close-panel.icon-cancel-circle:not(.default),
.pat-modal-panel .pat-button-bar .pat-button.cancel:not(.default) {
  display: none;
}
}
@container screen style(--screen-small: true) {
.pat-modal-panel .pat-button-bar .pat-button[class*="icon-"]:not(.default) {
  flex: 0 0 auto;
  position: relative;
  box-sizing: border-box;
  aspect-ratio: 1;
  min-width: 0;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  text-indent: -1000em;
  text-align: left;
}
}
@container screen style(--screen-small: true) {
body[dir=rtl] .pat-modal-panel .pat-button-bar .pat-button[class*="icon-"]:not(.default) {
  text-align: right;
}
}
@container screen style(--screen-small: true) {
.pat-modal-panel .pat-button-bar .pat-button[class*="icon-"]:not(.default)::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  text-indent: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
}
.pat-modal.document-preview .document {
  max-width: 1000px;
}
@media only screen and (min-width: 769px) {
.pat-modal.tabbed .panel-content {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
}
@container screen style(--screen-small: true) {
.pat-modal.tabbed .panel-content {
  overflow: auto;
}
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 1280px) {
.pat-modal.tabbed .panel-content .panel-tabs {
  left: 50%;
  margin-left: -629px;
  border-right: 1px solid silver;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.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;
}
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
.pat-modal.tabbed .panel-content .panel-body .container {
  display: table;
  height: 100%;
  width: 100%;
  padding-left: 190px;
}
}
@media only screen and (min-width: 769px) {
.pat-modal.tabbed .panel-content .panel-body .container .panel-sheets {
  padding: 80px 0;
  display: table-cell;
  vertical-align: middle;
}
}
@media only screen and (min-width: 769px) {
.pat-modal.tabbed .panel-content .panel-body .container .panel-sheets .sheet-content {
  border-left: 1px silver solid;
}
}
@media only screen and (min-width: 769px) {
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.pat-modal.tabbed .panel-content .panel-body .container .panel-sheets .sheet-content {
  padding-left: 40px;
  margin-left: -40px;
  max-width: 1010px;
}
}
}
@media only screen and (min-width: 769px) {
@media only screen and (min-width: 1280px) {
.pat-modal.tabbed .panel-content .panel-body .container .panel-sheets .sheet-content {
  padding-left: 59px;
  margin-left: -59px;
  max-width: 1010px;
}
}
}
.mood-o-meter {
  display: flex;
  width: 100%;
}
.mood-o-meter .mood-o-meter-result {
  display: block;
  padding-top: 10px;
  text-align: center;
  clear: both;
}
.mood-o-meter.verdict-2 label img {
  background: url(media/verdicts.svg) no-repeat;
}
.mood-o-meter.verdict-2 label img {
  border-radius: 50%;
  background-color: var(--colour-link);
}
.mood-o-meter.verdict-2 label.level-1 img {
  background-position: 0 0;
  transform: rotate(-180deg);
}
.mood-o-meter.verdict-2 label.level-2 img {
  background-position: 0 0;
}
.mood-o-meter.pat-checklist label:not(.checked):hover {
  background-color: rgba(0,0,0,0.05);
}
.mood-o-meter label {
  width: 20%;
  box-sizing: border-box;
  padding: 4%;
  border-radius: var(--border-radii);
  border: 4px solid transparent;
}
.mood-o-meter label input {
  position: absolute;
  opacity: 0;
}
.mood-o-meter label img {
  float: left;
  width: 100%;
  background: url(media/moods.svg) no-repeat;
  background-size: auto 100%;
  transition: transform 0.3s cubic-bezier(.17,.67,.53,1.23);
}
.mood-o-meter label.checked {
  border-color: var(--colour-accent);
  background-color: transparent;
}
.mood-o-meter label.level-1 img {
  background-position: 0 0;
}
.mood-o-meter label.level-2 img {
  background-position: 25% 0;
}
.mood-o-meter label.level-3 img {
  background-position: 50% 0;
}
.mood-o-meter label.level-4 img {
  background-position: 75% 0;
}
.mood-o-meter label.level-5 img {
  background-position: 100% 0;
}
.pat-nav-tiles {
  padding: 2em 0;
  display: grid;
}
@container screen style(--screen-small: true) {
.pat-nav-tiles {
  grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.pat-nav-tiles {
  grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 1280px) {
.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;
}
.pat-nav-tiles .item:hover {
  color: var(--pat-button-text-colour-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);
}
.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;
}
@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;
}
}
.quaive-news-item {
  position: relative;
  max-width: 1100px;
  box-sizing: border-box;
  position: relative;
  font-size: 1.2em;
  line-height: 150%;
}
.quaive-news-item.style-events {
  border-radius: 8px;
  max-width: 920px;
  box-shadow: var(--default-box-shadow);
}
.quaive-news-item.style-events #comments-document-comments {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.quaive-news-item .page-modules .page-module .page-module-title {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1rem;
  -webkit-user-select: text;
  user-select: text;
}
.quaive-news-item .page-function-bar {
  z-index: 3;
}
.quaive-news-item .page-function-bar > a {
  background: rgba(255,255,255,0.2);
  padding: 0 0.9em;
  border-radius: 17px;
  margin-left: 0.5em;
  color: var(--body-font-colour);
}
.quaive-news-item .page-function-bar > a:hover {
  background: rgba(255,255,255,0.9);
}
@media only screen and (min-width: 769px) {
.quaive-news-item {
  margin: 0 auto 4em;
  border-radius: var(--border-radii);
  width: 100%;
}
}
@media only screen and (min-width: 769px) {
.quaive-news-item:after {
  content: " ";
  display: table;
  clear: both;
}
}
@container screen style(--screen-small: true) {
.quaive-news-item {
  margin: 0 calc(-1 * var(--small-screen-padding));
}
}
.pat-magazine .quaive-news-item {
  margin: 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 1280px) {
.pat-magazine .quaive-news-item {
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine .quaive-news-item {
  padding-right: 16%;
  padding-left: 16%;
}
}
@media only screen and (min-width: 769px) {
.pat-magazine .quaive-news-item:after {
  content: " ";
  display: table;
  clear: both;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.pat-magazine .quaive-news-item {
  padding-right: 8%;
  padding-left: 8%;
}
}
@container screen style(--screen-small: true) {
.pat-magazine .quaive-news-item {
  padding-right: var(--small-screen-padding);
  padding-left: var(--small-screen-padding);
}
}
@media only screen and (min-width: 1280px) {
.pat-magazine .quaive-news-item .hero {
  margin-left: -12.5%;
  margin-right: -12.5%;
  width: 125%;
}
}
@container screen style(--screen-small: true) {
.quaive-news-item {
  padding-top: 0;
}
}
.quaive-news-item .title {
  text-transform: uppercase;
  margin-bottom: 50px;
  -webkit-user-select: text;
  user-select: text;
}
@container screen style(--screen-small: true) {
.quaive-news-item .title {
  padding-top: 1.2em;
  font-size: 1.5em;
}
}
.quaive-news-item .hero {
  left: 0;
  transform: none;
  max-width: inherit;
  width: 100%;
  margin-bottom: 2em;
}
.quaive-news-item .hero.aspect-ratio-full img {
  aspect-ratio: inherit;
}
.quaive-news-item .hero img {
  width: 100%;
  display: block;
  aspect-ratio: 21 / 9;
  object-fit: cover;
}
.quaive-news-item .news-article-summary {
  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);
}
.quaive-news-item .news-article-metadata {
  color: var(--body-font-colour);
  font-weight: bold;
  font-size: 0.85em;
  line-height: 1.4;
  margin-bottom: 1.2em;
}
.quaive-news-item .news-article-metadata li {
  padding: 0;
}
.quaive-news-item .news-article-metadata li:before {
  display: none;
}
.quaive-news-item .news-article-metadata .news-article-metadata-credits,
.quaive-news-item .news-article-metadata .news-article-metadata-credits a {
  color: #f73558;
}
.quaive-news-item .main-content blockquote {
  font-size: 40px;
  line-height: 1.4;
  word-wrap: break-word;
  margin: 1.5em 0;
  position: relative;
  border: none;
  color: rgba(0,0,0,0.5);
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-style: italic;
}
.quaive-news-item .main-content blockquote *:last-child {
  margin: 0;
}
@media only screen and (min-width: 769px) {
.quaive-news-item .main-content blockquote {
  padding: 0 2.5em;
}
}
@media only screen and (min-width: 769px) {
.quaive-news-item .main-content blockquote:before {
  content: '“';
  font-size: 4em;
  font-weight: bold;
  font-style: normal;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0.85em;
  color: rgba(0,0,0,0.2);
}
}
.quaive-news-item .main-content .external-references {
  font-size: 16px;
  line-height: 1.4;
  color: rgba(0,0,0,0.5);
}
.quaive-news-item .main-content .external-references a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
.news-article-submission-form {
  margin-top: 40px;
}
.news-article-submission-form .button-bar {
  margin: 0 !important;
}
.news-article-submission-form .button-bar .pat-button {
  margin: 0;
}
.news-block {
  animation: fadeIn 1s;
}
@media only screen and (min-width: 1280px) {
.span-2 .news-block {
  margin: 0 -1em;
}
}
@media only screen and (min-width: 1280px) {
.span-2 .news-block .item {
  width: 33%;
  float: left;
  border-bottom: none;
  padding: 0 1em;
  box-sizing: border-box;
}
}
@media only screen and (min-width: 1280px) {
.span-2 .news-block .item a {
  padding: 0 0 2em;
}
}
@media only screen and (min-width: 1280px) {
.span-2 .news-block .item:first-child {
  width: 100%;
  float: none;
}
}
@media only screen and (min-width: 1280px) {
.span-2 .news-block .item .functions {
  left: 1.2em;
  right: 1.2em;
  top: 0.5em;
  width: auto;
}
}
@media only screen and (min-width: 1280px) {
.span-2 .news-block .item img {
  width: 100%;
  margin-bottom: 0.8em;
}
}
.news-block .item {
  color: #dedede;
  font-size: 0.8em;
  line-height: 145%;
  position: relative;
  border-bottom: 0.1em silver solid;
}
.span-1 .news-block .item {
  height: auto !important;
}
.news-block .item:first-child {
  font-size: 1em;
  padding-bottom: 1em;
  padding-top: 0;
  height: 0;
}
.news-block .item:first-child.equalised {
  height: auto !important;
}
.news-block .item:first-child img {
  width: 100%;
  margin-bottom: 0.8em;
}
.news-block .item:first-child .title:after {
  content: " — ";
}
@container screen style(--screen-small: true) {
.news-block .item:first-child .description {
  display: inline;
}
}
.news-block .item:first-child .functions {
  width: auto;
}
.news-block .item:first-child .functions button {
  width: auto;
  padding: 0 0.5em;
}
.news-block .item:hover {
  background-color: var(--colour-base-background);
}
.news-block .item a {
  padding: 0.4rem 0;
  color: var(--colour-primary);
  overflow: hidden;
  display: block;
  position: relative;
}
.news-block .item a:hover {
  text-decoration: none;
}
.news-block .item a:hover .functions {
  opacity: 1;
}
.news-block .item .functions {
  position: absolute;
  left: 0.3em;
  top: 0.95em;
  font-size: 1.15em;
  width: 30.2%;
}
.news-block .item .functions button {
  margin: 0;
  background-color: var(--colour-base-background);
  padding: 0 0 0 0.1em;
  transition: all 0.1s;
  width: 1.65em;
  overflow: hidden;
  text-overflow: inherit;
  max-width: 100%;
}
.news-block .item:hover .functions button {
  width: auto;
  padding: 0 0.5em;
  text-overflow: ellipsis;
}
.news-block .item .title {
  font-weight: bold;
  display: inline;
  text-transform: uppercase;
}
@media only screen and (min-width: 769px) {
.news-block .item .title:after {
  content: " — ";
}
}
.news-block .item .description {
  display: inline;
}
@container screen style(--screen-small: true) {
.news-block .item .description {
  display: none;
}
}
.news-block .item img {
  float: left;
  width: 33%;
  margin-right: 1em;
  position: relative;
  top: 0.2em;
  margin-bottom: 0.5em;
  box-shadow: inset 0 0 2em rgba(0,0,0,0.1);
  background-size: cover;
  background-position: center center;
}
.news-block .item img:not([style]) {
  background: url(media/placeholder-news-item.svg);
}
.news-block .item.item-type-event img:not([style]) {
  background: url(media/placeholder-event.svg);
}
.news-feed {
  clear: both;
  position: relative;
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.news-feed {
  font-size: 14px;
}
}
.news-feed.pat-well {
  background-color: var(--colour-base-background);
  font-size: 0.8em;
}
.news-feed h2 {
  margin-bottom: 0.7em;
  font-weight: 800;
  font-size: 1.5em;
  line-height: 1.4em;
  text-align: center;
}
.news-feed .item {
  position: relative;
  font-size: 0.9em;
  line-height: 1.4em;
  overflow: hidden;
}
.news-feed .item .edit-button {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  width: 2em;
  height: 2em;
  display: none;
}
.news-feed .item .edit-button:before {
  content: "\270e";
  border-radius: 50%;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  background-color: rgba(0,0,0,0.5);
  color: white;
}
@media only screen and (min-width: 1280px) {
.news-feed .item:hover .edit-button {
  display: block;
}
}
.news-feed .item.columns .edit-button {
  margin-right: 15px;
}
.news-feed .item.four.columns {
  font-size: 0.8em;
}
.news-feed .item:after {
  content: " ";
  padding-bottom: 1em;
  position: absolute;
  bottom: 0;
}
.news-feed .item.columns:after {
  left: 15px;
  right: 15px;
}
.news-feed .item .follow {
  text-decoration: none;
  color: rgba(0,0,0,0.7);
}
.news-feed .item .follow:hover {
  color: black;
}
.news-feed .item .follow img {
  margin-bottom: 1em;
  max-width: 100%;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.news-feed .item .follow figure,
.news-feed .item .follow img {
  left: 0;
  transform: inherit;
  width: 100%;
}
.news-feed .item .follow h3 {
  margin-bottom: 0;
  font-weight: 800;
  font-size: 1em;
  line-height: 1.4em;
  color: var(--body-font-colour);
  text-transform: uppercase;
}
.news-feed .item .follow h3 .category,
.news-feed .item .follow h3 .comment-count {
  float: right;
  margin-top: 0.35em;
  margin-left: 0.4em;
  font-size: 0.7em;
  display: inline-block;
  background-color: rgba(0,0,0,0.5);
  color: white;
  padding: 0 0.5em;
  line-height: 153%;
  font-weight: normal;
  font-style: normal;
  border-radius: 0.4em;
}
.news-feed .item .follow h3 .comment-count:before {
  font-family: fontello;
  font-size: 0.9em;
  content: var(--glyph-comment);
  display: inline-block;
  margin-right: 0.4em;
}
.news-feed .item .follow h3 + .byline {
  color: gray;
  font-size: 0.8em;
  font-style: italic;
  margin-bottom: 0.2em;
}
.news-feed .item .follow strong {
  font-family: var(--body-font-family);
  font-weight: bold;
}
.news-feed .item .follow .description {
  margin-bottom: 2em;
}
.news-feed .item.level-3 {
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.news-feed .item.level-3:after {
  left: 0;
  right: 0;
}
.news-feed .item.level-3 .edit-button {
  top: 1.4em;
  right: 80.7%;
}
.news-feed .item.level-3 .follow {
  padding: 1em 0;
  float: left;
  width: 100%;
}
.news-feed .item.level-3 .follow .description {
  position: relative;
  top: -0.2em;
  margin: 0;
}
.news-feed .item.level-3 .follow h3 {
  position: relative;
  top: -0.2em;
}
.news-feed .item.level-3 .follow figure {
  float: left;
  float: left;
  margin-bottom: 0;
  width: 20%;
  margin-right: 15px;
}
.news-feed .item.item-1 img {
  width: 100%;
  margin-bottom: 1em;
}
.news-feed .item.item-1 .teaser {
  padding-bottom: 2em;
}
.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;
}
.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;
}
.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 {
  font-family: fontello;
  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.action-edited:before {
  content: '\270e';
}
.object-history.action-centric .object .title.action-deleted:before {
  content: '\e729';
}
.object-history.action-centric .object .title.action-created:before {
  content: var(--glyph-plus-1);
  line-height: 2em;
}
.object-history.action-centric .object .title.action-state:before {
  content: var(--glyph-star-empty);
}
.onscreen-help {
  cursor: help !important;
  color: white !important;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  border-radius: 50% !important;
  position: relative !important;
  z-index: 10;
  margin: 0 -2.2rem -2.2rem 0;
  padding: 0 !important;
  text-indent: 3rem !important;
  background-color: rgba(0,0,0,0.2);
  font-style: normal;
  text-shadow: 0 0.1rem 0.5rem black;
  overflow: hidden;
  opacity: 0 !important;
  text-decoration: none !important;
  pointer-events: none;
  -moz-animation: pulse 1s infinite;
  -webkit-animation: pulse 1s infinite;
  animation: pulse 1s infinite;
}
@media screen and (min-width:0\0) {
.onscreen-help {
  display: none;
}
}
.osh-on .onscreen-help {
  opacity: 0.5 !important;
  pointer-events: auto;
  display: inline-block;
}
#portal-tabs .onscreen-help {
  clear: none;
  position: absolute !important;
}
#portal-tabs .onscreen-help:after {
  display: none;
}
.osh-on #portal-tabs .onscreen-help {
  display: inline-block !important;
}
.onscreen-help#osh-target-hamburger {
  top: 0;
  left: 0;
  position: absolute !important;
}
@media only screen and (min-width: 1280px) {
.onscreen-help#osh-target-hamburger {
  display: none;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.onscreen-help#osh-target-portal-suite {
  display: none;
}
}
@media only screen and (min-width: 769px) {
.onscreen-help#osh-target-back-to-portal {
  top: 0;
  left: -15px;
  position: fixed !important;
}
}
.onscreen-help#osh-target-dashboard-view {
  position: absolute !important;
  margin-left: -1em;
}
.onscreen-help#osh-target-post-message {
  top: 0.25em;
}
.portlet .onscreen-help {
  float: right;
  margin-top: -0.8em;
  margin-right: 1.2em;
}
.onscreen-help.active {
  opacity: 1;
}
.onscreen-help:before {
  font-family: fontello;
  content: var(--glyph-circles);
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
  font-size: 1.8rem;
  text-align: center;
  width: 100%;
  height: 100%;
}
.page-function-bar {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  font-size: 0.7em;
}
@media print {
.page-function-bar {
  display: none;
}
}
@media only screen and (min-width: 769px) {
.page-function-bar {
  padding: 1.2% 20px;
}
}
@container screen style(--screen-small: true) {
.page-function-bar {
  padding: var(--small-screen-padding);
}
}
.page-function-bar > .context-menu {
  float: right;
}
.page-function-bar > a,
.page-function-bar > .context-menu .context-menu-label {
  float: right;
  color: #666;
  margin: 0 0 0 1em;
}
.page-function-bar > a:hover,
.page-function-bar > a.collapsible-open,
.page-function-bar > .context-menu .context-menu-label:hover,
.page-function-bar > .context-menu .context-menu-label.collapsible-open {
  color: var(--body-font-colour);
  text-decoration: none;
}
.page-function-bar > a.active,
.page-function-bar > .context-menu .context-menu-label.active {
  color: var(--colour-accent);
}
.page-function-bar .back {
  float: left;
  margin: 0 1em 0 0;
}
@media only screen and (min-width: 1280px) {
.page-function-bar .back {
  display: none;
}
}
.page-function-bar .back:before {
  font-family: fontello;
  content: '\e75d';
  display: inline-block;
  margin-right: 0.8em;
}
.quaive-page-head-link hgroup {
  cursor: pointer;
}
.quaive-page-head-link:hover {
  text-decoration: none;
}
a[href]:hover .quaive-page-head hgroup,
a[href]:focus-visible .quaive-page-head hgroup,
a[href]:hover .quaive-page-head,
a[href]:focus-visible .quaive-page-head {
  text-decoration: none;
}
a[href]:hover .quaive-page-head hgroup hgroup:before,
a[href]:hover .quaive-page-head hgroup hgroup .byline,
a[href]:focus-visible .quaive-page-head hgroup hgroup:before,
a[href]:focus-visible .quaive-page-head hgroup hgroup .byline,
a[href]:hover .quaive-page-head hgroup:before,
a[href]:hover .quaive-page-head 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]:hover .quaive-page-head hgroup h1,
a[href]:focus-visible .quaive-page-head hgroup h1,
a[href]:hover .quaive-page-head h1,
a[href]:focus-visible .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;
}
.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: 1.2rem;
  color: var(--colour-byline, rgba(0, 0, 0, 0.8));
  margin: 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: 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);
}
.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 {
  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 {
  display: none;
}
}
.quaive-page-head hgroup:before,
.quaive-page-head hgroup img {
  grid-area: hgroup-icon;
  --tile-background-colour: rgba(0, 0, 0, 0.1);
}
.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: -10px 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: -10px 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) 15px 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 15px;
}
.quaive-page-head svg.app-icon {
  color: var(--app-icon-contrast-colour, inherit);
  padding: 15%;
  box-sizing: border-box;
  background-color: 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;
}
.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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -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;
  content: var(--glyph-hourglass-1);
  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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -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;
  content: var(--glyph-hourglass-1);
  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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -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: spin 2s infinite linear;
  opacity: 1 !important;
}
@media (prefers-reduced-motion: reduce) {
.page-renders .message.no-preview:not(.error):before {
  animation: none;
  content: var(--glyph-hourglass-1);
  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;
}
.page-renders .message.no-preview[href]:hover,
.page-renders .message.max-preview[href]:hover {
  text-decoration: none;
}
.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 {
  font-family: fontello;
  content: var(--glyph-document);
  line-height: 1.85rem;
  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;
}
.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: 6px;
  --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;
}
.quaive-page-module .page-module-footer a:hover {
  text-decoration: underline;
}
.quaive-page-module.type-map iframe {
  border: var(--default-border);
  border-radius: var(--border-radii);
  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%;
  background: url(/assets/main/style/media/sound-waves-3-i.png) no-repeat center;
  background-size: 100% 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-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-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;
  cursor: pointer;
}
.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;
  font-family: fontello;
  content: var(--glyph-search);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--colour-base-background);
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: rgba(black, 0.4);
  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);
}
@media only screen and (max-width: 768px) {
.page-module.pat-well {
  padding: 0;
}
}
.page-toc {
  margin-bottom: 2em;
}
.page-toc ul {
  padding-left: 1em;
}
ol.toc {
  margin: 0;
  font-size: 12px;
  list-style-type: none;
  counter-reset: thumbs;
  overflow: auto;
  white-space: nowrap;
  background: var(--colour-base-background);
}
@media only screen and (min-width: 769px) {
ol.toc {
  padding: 70px 10% 0;
}
}
@container screen style(--screen-small: true) {
ol.toc {
  padding: 10px 15px 0;
}
}
@media print {
ol.toc {
  display: none;
}
}
ol.toc.list {
  list-style-type: decimal;
}
ol.toc li {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 5px;
}
ol.toc li:after {
  counter-increment: thumbs;
  content: counter(thumbs);
  display: block;
  line-height: 23px;
  font-size: 12px;
  text-align: center;
}
ol.toc li a {
  height: 70px;
  border: 1px solid #d3d3d3;
  overflow: hidden;
  display: block;
}
ol.toc li a.current {
  outline: 3px solid var(--colour-accent);
}
ol.toc li a.aspect-hd {
  width: 125px;
}
ol.toc li a.aspect-sd {
  width: 95px;
}
ol.toc li a.aspect-sd .slide {
  -moz-transform: scale(0.075);
  -webkit-transform: scale(0.075);
  transform: scale(0.075);
  width: 1280px;
  height: 960px;
  white-space: normal;
}
ol.toc li a .slide {
  -moz-transform: scale(0.1);
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 1280px;
  height: 720px;
  white-space: normal;
}
ol.toc li a > img {
  height: 70px;
}
.photo-tiles {
  --photo-tiles-caption-font-size: 1.5101977836rem;
  display: grid;
  grid-gap: 30px;
}
.photo-tiles *[href]:hover picture {
  transform: scale(1.03);
  box-shadow: var(--default-box-shadow-hover);
}
@media only screen and (min-width: 1280px) {
.photo-tiles {
  grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (min-width: 1280px) {
.photo-tiles:has(:nth-child(12)) {
  grid-template-columns: repeat(4, 1fr);
  --photo-tiles-caption-font-size: 1.3rem;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.photo-tiles {
  grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.photo-tiles:has(:nth-child(12)) {
  grid-template-columns: repeat(3, 1fr);
  --photo-tiles-caption-font-size: 1rem;
}
}
@container screen style(--screen-small: true) {
.photo-tiles {
  grid-template-columns: 1fr;
}
}
.photo-tiles .photo-tiles-tile img,
.photo-tile img {
  width: 100%;
  aspect-ratio: 21/9;
  object-fit: cover;
  display: block;
  border-radius: var(--border-radii);
}
.photo-tiles .photo-tiles-tile picture,
.photo-tile picture {
  position: relative;
  display: block;
  border-radius: var(--border-radii);
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: var(--default-box-shadow);
  transition: all 0.15s ease-out;
  aspect-ratio: 21/9;
}
.photo-tiles .photo-tiles-tile .photo-tiles-copyright,
.photo-tile .photo-tiles-copyright {
  position: absolute;
  z-index: 10;
  bottom: 0.5rem;
  left: 0.5rem;
  margin: 0;
  color: #fff;
  text-shadow: 0px 0px 1px rgba(0,0,0,.5),-1px 0px 1px rgba(0,0,0,.5),1px 0px 1px rgba(0,0,0,.5),0px -1px 1px rgba(0,0,0,.5),0px 1px 1px rgba(0,0,0,.5),2px 2px 6px rgba(0,0,0,.5);
  font-size: 0.8888888889rem;
  line-height: 1.125;
  display: block;
  opacity: 0.7;
  white-space: nowrap;
}
.photo-tiles .photo-tiles-tile .photo-tiles-copyright:before,
.photo-tile .photo-tiles-copyright:before {
  font-family: fontello;
}
.photo-tiles .photo-tiles-tile .photo-tiles-copyright.type-copyright:before,
.photo-tile .photo-tiles-copyright.type-copyright:before {
  content: var(--glyph-copyright);
}
.photo-tiles .photo-tiles-tile .photo-tiles-copyright.type-creative-commons:before,
.photo-tile .photo-tiles-copyright.type-creative-commons:before {
  content: var(--glyph-creative-commons);
}
.photo-tiles .photo-tiles-tile figcaption,
.photo-tile figcaption {
  font-size: var(--photo-tiles-caption-font-size);
  line-height: 1.1587886163;
  margin: 0.5rem 0rem 1rem 0rem;
  font-weight: normal;
}
.pinboard {
  padding: 2%;
  background-color: var(--colour-notice);
  border: solid 1px rgba(0,0,0,0.1);
  border-radius: 0.4rem;
}
.pinboard:after {
  content: " ";
  display: table;
  clear: both;
}
.pinboard .pins {
  margin: 0 -1rem;
  transition: opacity 1s;
}
.pinboard .pins:after {
  content: " ";
  display: table;
  clear: both;
}
.pinboard .pins.pat-masonry {
  opacity: 0;
}
.pinboard .pins.pat-masonry.masonry-ready {
  opacity: 1;
}
.pinboard .pins .document-preview {
  margin-bottom: 1rem;
}
.pinboard .pins .tile,
.pinboard .pins .grid-sizer {
  padding: 0 1rem 2rem;
  width: 50%;
  float: left;
  box-sizing: border-box;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -moz-animation: zoomIn 0.5s;
  -webkit-animation: zoomIn 0.5s;
  animation: zoomIn 0.5s;
}
@container screen style(--screen-small: true) {
.pinboard .pins .tile,
.pinboard .pins .grid-sizer {
  width: 100%;
}
}
.pinboard .board-title {
  margin-bottom: 1em;
  font-size: 1em;
  opacity: 0.6;
}
.pinboard .board-title:before {
  font-family: fontello;
  content: var(--glyph-pin);
  display: inline-block;
  margin-right: 0.5em;
}
.application-workspace .pinboard {
  width: 80%;
  margin: 0 auto 4em;
  box-sizing: border-box;
}
@container screen style(--screen-small: true) {
.application-workspace .pinboard {
  width: 100%;
  margin-top: -3.1em;
  padding: 2em 6%;
  border: none;
  border-radius: 0;
  border-bottom: solid 3px rgba(0,0,0,0.2);
}
}
.place-on-homescreen {
  position: fixed;
  bottom: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  padding-bottom: 5px;
  width: auto;
  transition: all 0.5s;
  opacity: 1;
  animation: bounceIn 1s;
  z-index: 1000;
}
.place-on-homescreen.open,
.place-on-homescreen.closed {
  display: none;
}
@supports (-webkit-overflow-scrolling: touch) {
.place-on-homescreen.open,
.place-on-homescreen.closed {
  display: block;
}
}
@supports (-webkit-overflow-scrolling: touch) {
@media all and (display-mode: standalone) {
.place-on-homescreen.open,
.place-on-homescreen.closed {
  display: none !important;
}
}
}
.place-on-homescreen.closed,
.place-on-homescreen.in-progress {
  bottom: -20px;
  opacity: 0;
}
.place-on-homescreen .collapsible-open,
.place-on-homescreen .collapsible-closed {
  position: absolute;
  right: 15px;
  top: 10px;
  width: 28px;
  height: 28px;
  padding: 0;
  overflow: hidden;
  transition: all 0.5s;
}
.place-on-homescreen .collapsible-open:before,
.place-on-homescreen .collapsible-closed:before {
  margin: 0 0 20px 0;
  float: right;
  top: 0;
  font-family: fontello;
  content: var(--glyph-cancel);
}
.place-on-homescreen .collapsible-closed {
  transform: scale(0.1);
}
.place-on-homescreen .panel-content {
  border-radius: 16px;
  background: var(--colour-base-background);
  border: 1px solid silver;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  padding: 12px 30px 12px 98px;
  margin-bottom: 25px;
  height: auto !important;
}
.place-on-homescreen .panel-content p {
  min-height: 77px;
  margin: 0;
  line-height: 1.4;
}
.place-on-homescreen .panel-content p .iconified {
  width: 1em;
  height: 1em;
}
.place-on-homescreen .panel-content p .iconified:before {
  color: rgb(0,122,255);
}
.place-on-homescreen .panel-content:before {
  width: 72px;
  height: 72px;
  content: ' ';
  display: block;
  top: 15px;
  left: 15px;
  position: absolute;
  border-radius: 12px;
  background: url(../favicon/touch-icon.png);
  background-size: contain;
}
.place-on-homescreen:after {
  height: 20px;
  width: 20px;
  content: ' ';
  display: block;
  background-color: var(--colour-base-background);
  border: 1px solid silver;
  z-index: 0;
  position: absolute;
  transform: rotate(45deg);
  box-shadow: rgba(0, 0, 0, 0.19922) 0px 0px 10px;
  left: 50%;
  bottom: 20px;
  margin-left: -11px;
  transition: all 0.5s;
  z-index: -1;
}
.place-on-homescreen:before {
  height: 20px;
  width: 20px;
  background: var(--colour-base-background);
  transform: rotate(45deg);
  content: ' ';
  left: 50%;
  bottom: 21px;
  margin-left: -10px;
  position: absolute;
  transition: all 0.4s;
}
.place-on-homescreen.in-progress:before,
.place-on-homescreen.in-progress:after,
.place-on-homescreen.closed:before,
.place-on-homescreen.closed:after {
  bottom: -40px;
}
.poll-card-full .bar-graph-title {
  line-height: 1.2;
  margin: 5px 0;
}
.poll-card {
  transition: all 0.2s;
}
.poll-card:hover .poll-card-content {
  text-decoration: none;
  box-shadow: 0 2px 40px rgba(0,0,0,0.1);
}
.poll-card .poll-card-content {
  position: relative;
  background: var(--colour-base-background);
  padding: 35px;
  display: block;
  box-shadow: 0 2px 30px rgba(0,0,0,0.1);
  color: var(--body-font-colour);
  cursor: default;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow: auto;
  transition: all 0.2s;
}
.poll-card .poll-card-content .poll-card-end-note {
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 2px;
  text-align: center;
  padding: 5px;
  background-color: var(--colour-info);
  color: rgba(0,0,0,0.6);
  font-size: 0.9em;
  margin: 0;
  text-shadow: 0 1px 0 white;
}
.poll-card .poll-card-content .poll-card-end-note .label {
  font-weight: bold;
}
.poll-card .poll-card-content.state-draft {
  background-color: color-mix(in srgb, var(--colour-draft) 10%, white);
  border: var(--colour-draft) 2px solid;
}
.poll-card .poll-card-content.state-closed {
  padding-bottom: 70px;
}
.poll-card .poll-card-content .poll-card-title {
  font-size: 28px;
  line-height: 35px;
  text-align: left;
  margin: 0 0 30px 0;
  font-weight: bold;
  line-height: 1.2;
  margin: 5px 0;
}
body[dir=rtl] .poll-card .poll-card-content .poll-card-title {
  text-align: right;
}
.poll-card .poll-card-content .bar-graph-title {
  line-height: 1.2;
  margin: 5px 0;
}
.poll-card .poll-card-content .bar-graphs {
  margin-bottom: 40px;
}
.poll-card .poll-card-content fieldset.vertical {
  margin-bottom: 0;
}
.poll-card .poll-card-content .pat-message {
  margin-bottom: 18px;
}
.poll-card .poll-card-content .voting-section.injecting > * {
  opacity: 0.19;
}
.poll-card .poll-card-content .voting-section.injecting.injecting-after *,
.poll-card .poll-card-content .voting-section.injecting.injecting-content-after * {
  opacity: inherit;
}
.poll-card .poll-card-content .voting-section.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.poll-card .poll-card-content .voting-section.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.poll-card .poll-card-content .voting-section.injecting:before {
  animation: none;
}
}
.poll-card .poll-card-content .button-bar {
  margin-bottom: -15px;
  padding-bottom: 0;
}
:root {
  --poll-card-gutter: 1rem;
}
.poll-cards {
  margin: 0 auto;
  display: block;
  position: relative;
}
.poll-cards.pat-masonry .infinite-scrolling-trigger {
  position: absolute;
  padding-top: 400px;
  margin-top: 0;
  bottom: -510px;
  left: 0;
  right: 0;
  border-bottom: 300px solid transparent;
}
.poll-cards.pat-masonry .infinite-scrolling-trigger:before {
  bottom: 10px;
  top: auto;
}
.poll-cards.pat-masonry .infinite-scrolling-trigger.executing {
  opacity: 1;
}
@media only screen and (min-width: 769px) {
.poll-cards {
  margin: 0 calc(-0.7 * var(--poll-card-gutter));
}
}
.poll-cards .js:before {
  position: fixed !important;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
}
@media (prefers-reduced-motion: reduce) {
.poll-cards .js:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@container screen style(--screen-small: true) {
.poll-cards {
  margin: 0;
}
}
.poll-cards.masonry-ready:before {
  display: none;
}
@container screen style(--screen-small: true) {
.poll-cards .grid-sizer,
.poll-cards .poll-card {
  width: 100%;
}
}
@media only screen and (min-width: 769px) {
.poll-cards .grid-sizer,
.poll-cards .poll-card {
  width: 50%;
}
}
.poll-cards .poll-card {
  box-sizing: border-box;
  padding: 0 var(--poll-card-gutter);
}
@media only screen and (min-width: 769px) {
.poll-cards .poll-card {
  padding: 0 var(--poll-card-gutter) calc(2 * var(--poll-card-gutter)) 0;
}
}
@container screen style(--screen-small: true) {
.poll-cards .poll-card {
  padding: 0 0 var(--poll-card-gutter) 0;
}
}
.js .poll-cards .poll-card {
  opacity: 0;
  transition: all 0.2s;
}
.js .poll-cards.masonry-ready .poll-card {
  opacity: 1;
}
: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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
#portal #portal-content.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
#portal #portal-content.injecting:before {
  animation: none;
}
}
#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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
#portal.section-favourites #portal-content.application-body.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
#portal.section-favourites #portal-content.application-body.injecting:before {
  animation: none;
}
}
#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.section-apps #portal-content:has(.quaive-apps-grid.apps-centered) {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: safe center;
}
#portal.section-apps #portal-content-pane:has(.quaive-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;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
#portal {
  overflow: visible;
}
}
@media print {
#portal {
  position: static;
  overflow: visible;
  background-color: var(--colour-base-background);
}
}
@media only screen and (min-width: 769px) {
#portal {
  top: var(--global-header-height);
  overflow: scroll;
  overflow-x: hidden;
  padding: 0;
  position: fixed;
}
}
@media only screen and (min-width: 769px) {
#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;
}
.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 {
  font-family: fontello;
  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)));
}
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: var(--glyph-home);
  font-size: var(--body-font-size);
}
.portal-quick-nav .portal-section.portal-section-apps a:before {
  content: var(--glyph-app);
  font-size: var(--body-font-size);
}
.portal-quick-nav .portal-section.portal-section-bookmarks a:before {
  content: var(--glyph-bookmark);
  font-size: calc(0.85 * var(--body-font-size));
}
.portal-quick-nav .portal-section.portal-section-favourites a:before {
  content: var(--glyph-star);
  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);
}
.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):hover:after,
.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;
}
.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);
}
@media only screen and (max-width: 1279px) {
.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 {
  font-family: fontello;
  content: var(--portal-tabs-title-icon);
  display: inline-block;
  font-size: var(--portal-tabs-title-icon-size);
  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);
}
@media only screen and (min-width: 769px) {
.portal-tabs {
  display: block;
}
}
.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;
  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 {
  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-margin-top: 0;
  --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 h2,
.quaive-portlet[class*=" app-"] .well-header h2 {
  font-weight: inherit;
  font-size: inherit;
}
.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 {
  background-image: url(media/balloons-pastels-medium.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.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 {
  --zmanim-bg:        var(--zmanim-card-background, #f5ecd9);
  --zmanim-ink:       #3a2818;
  --zmanim-ink-muted: #6b5641;
  --zmanim-border:    #c8b48f;
  background-color: var(--zmanim-bg);
  color: var(--zmanim-ink);
  border: var(--zmanim-card-border, 1px solid var(--zmanim-border));
  text-align: center;
  box-shadow: var(--zmanim-card-box-shadow, inset 0 0 50px rgba(58, 40, 24, 0.15));
  min-height: 394px;
  display: flex;
  flex-direction: column;
}
.quaive-portlet.type-zmanim > .panel-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
  font-size: 1.2rem;
  text-align: center;
}
.quaive-portlet.type-zmanim .zmanim {
  display: grid;
  gap: 0.7em;
  line-height: 1.4;
  text-align: center;
  justify-items: center;
  width: 100%;
}
.quaive-portlet.type-zmanim .zmanim-hebrew-date {
  margin: 0;
  font-family: var(--pat-rich-header-level-1-font-family, 'TeX Gyre Pagella', Palatino, Georgia, serif);
  font-size: 2.3rem;
  font-weight: 700;
  color: var(--zmanim-ink);
}
.quaive-portlet.type-zmanim .zmanim-shabbat,
.quaive-portlet.type-zmanim .zmanim-parsha,
.quaive-portlet.type-zmanim .zmanim-next-holiday,
.quaive-portlet.type-zmanim .zmanim-festival-day {
  margin: 0;
  color: var(--zmanim-ink-muted);
}
.quaive-portlet.type-zmanim .zmanim-shabbat {
  margin-top: 50px;
}
.quaive-portlet.type-zmanim .zmanim-parsha:before,
.quaive-portlet.type-zmanim .zmanim-next-holiday:before,
.quaive-portlet.type-zmanim .zmanim-festival-day:before {
  content: '—';
  display: block;
  text-align: center;
  color: var(--zmanim-ink-muted);
  opacity: 0.6;
  line-height: 2;
}
.quaive-portlet.type-zmanim .zmanim-parsha a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--zmanim-border);
  text-underline-offset: 0.18em;
}
.quaive-portlet.type-zmanim .zmanim-parsha-ref {
  display: block;
  text-align: center;
  font-size: 0.8em;
  opacity: 0.7;
  margin-top: 10px;
}
.quaive-portlet.type-zmanim .zmanim-shabbat strong,
.quaive-portlet.type-zmanim .zmanim-parsha strong,
.quaive-portlet.type-zmanim .zmanim-next-holiday strong {
  font-weight: 600;
  color: var(--zmanim-ink);
  margin-right: 0.3em;
}
body[dir=rtl] .quaive-portlet.type-zmanim .zmanim-shabbat strong,
body[dir=rtl] .quaive-portlet.type-zmanim .zmanim-parsha strong,
body[dir=rtl] .quaive-portlet.type-zmanim .zmanim-next-holiday strong {
  margin-right: 0;
  margin-left: 0.3em;
}
.quaive-portlet.type-zmanim .zmanim-shabbat time {
  color: var(--colour-accent);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  margin-right: 0.3em;
}
body[dir=rtl] .quaive-portlet.type-zmanim .zmanim-shabbat time {
  margin-right: 0;
  margin-left: 0.3em;
}
.quaive-portlet.type-zmanim .zmanim-shabbat .zmanim-day {
  opacity: 0.7;
}
.quaive-portlet.type-zmanim .zmanim-festival-day {
  color: var(--colour-accent);
  font-weight: 600;
}
.quaive-portlet#portlet-apps .quaive-apps-grid {
  --body-font-size: 16px;
  --body-line-height: 1.3;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 15px 0 0 0;
}
.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);
  padding: 1em;
  transition: all var(--transition-duration);
}
.post .attachment-list {
  margin-bottom: 0.5rem;
}
.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 .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));
}
.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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.post .poll-card .voting-section.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.post .poll-card .voting-section.injecting:before {
  animation: none;
}
}
.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;
}
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]:hover,
.post .post-header a.icon-ellipsis[href]:hover {
  background-color: var(--pat-button-background-colour-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);
}
.post .post-header a:hover {
  text-decoration: none;
}
.post .post-header a[href] {
  color: var(--colour-link);
}
.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);
}
.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;
  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;
  cursor: pointer;
  color: rgba(0,0,0,0.3);
}
.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-family: fontello;
  font-size: 1.2em;
  content: "\270e";
  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);
  overflow: hidden;
  background-color: var(--post-background-colour, white);
  color: inherit;
  text-decoration: none;
  box-shadow: var(--default-box-shadow);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.kik-link-previews .card-link:hover,
.kik-link-previews .card-link:focus-visible {
  border-color: var(--colour-link);
  box-shadow: var(--default-box-shadow-hover);
  text-decoration: none;
}
.kik-link-previews .card-link:hover .title,
.kik-link-previews .card-link:focus-visible .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-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;
}
.powerpoint-basket {
  margin: 0 -1em;
}
.powerpoint-basket .button-bar {
  padding: 0 1em;
}
.powerpoint-basket label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33%;
  padding: 1em;
  float: left;
  text-align: center;
}
.powerpoint-basket label:before {
  margin-left: 0 !important;
  position: relative !important;
  top: 0.05em !important;
  margin-right: 0.1em;
  float: none !important;
}
.powerpoint-basket label img {
  width: 100%;
  border: 1px silver solid;
}
.price-tag {
  border-radius: var(--border-radii);
  font-weight: 600;
  color: var(--colour-link);
  background-color: #efefef;
  padding: 0 1em;
  line-height: 1.7em;
  font-size: 0.8em;
  display: inline-block;
  cursor: default;
  position: relative;
  z-index: 2;
  margin-top: -2px;
  white-space: nowrap;
}
.price-tag:hover {
  background-color: #d1d1d1;
  text-decoration: none;
}
.public-page-header {
  max-width: 900px;
  box-sizing: border-box;
  padding: 40px 4%;
  margin: 0 auto;
}
.public-page-header .public-page-header-title {
  margin: 0;
  text-align: center;
}
@keyframes imageAnimation {

  0% {
    animation-timing-function: ease-in;
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}
.pat-puppies-and-kittens img {
  animation: imageAnimation 60s linear infinite 0s;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 0;
}
.pat-puppies-and-kittens img:nth-child(2) {
  animation-delay: 6s;
}
.pat-puppies-and-kittens img:nth-child(3) {
  animation-delay: 12s;
}
.pat-puppies-and-kittens img:nth-child(4) {
  animation-delay: 18s;
}
.pat-puppies-and-kittens img:nth-child(5) {
  animation-delay: 24s;
}
.pat-puppies-and-kittens img:nth-child(6) {
  animation-delay: 30s;
}
.pat-puppies-and-kittens img:nth-child(7) {
  animation-delay: 36s;
}
.pat-puppies-and-kittens img:nth-child(8) {
  animation-delay: 42s;
}
.pat-puppies-and-kittens img:nth-child(9) {
  animation-delay: 48s;
}
.pat-puppies-and-kittens img:nth-child(10) {
  animation-delay: 54s;
}
.questions-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px dotted silver;
}
.questions-list li {
  border-bottom: 1px dotted silver;
}
.questions-list li.state-unanswered {
  border-left: 5px solid orange;
}
.questions-list li.state-unanswered a {
  padding-left: 0.8em;
}
.questions-list li.type-inforeq {
  border-left: 5px solid red;
  background-color: #915c5a;
}
.questions-list li.type-inforeq a {
  color: white;
  padding-left: 0.8em;
}
.questions-list li.type-inforeq a time {
  color: rgba(255,255,255,0.7);
}
.questions-list li.current {
  background-color: var(--colour-accent);
}
.questions-list li.current a {
  color: white;
}
.questions-list li.current a time {
  color: rgba(255,255,255,0.7);
}
.questions-list li a {
  display: block;
  text-decoration: none;
  padding: 0.5em 0;
  color: var(--body-font-colour);
}
.questions-list li a:hover {
  background-color: rgba(0,0,0,0.05);
}
.questions-list li a time {
  display: block;
  color: rgba(0,0,0,0.5);
}
#new-question + .questions-list {
  margin-top: 2em;
}
.redactor-editor {
  overflow: visible;
  margin: 0;
  padding: 0;
  outline: none;
  white-space: normal;
  border: none;
}
.redactor-dropdown a {
  padding: 0 0.5em;
}
.redactor-layer {
  padding: 0;
  border: 0;
}
.redactor-toolbar-box .re-button-tooltip {
  padding: 0 0.8em;
}
body .redactor-dropdown {
  padding: 1em;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid silver;
  border-radius: var(--border-radii);
  font-size: 1em;
}
body .redactor-dropdown a {
  border: none;
  cursor: default;
  padding: 0.3em 0 0.3em;
  color: #666;
}
body .redactor-dropdown a:hover {
  background-color: transparent !important;
  color: black !important;
}
.redactor-component {
  width: 100%;
}
.redactor-modal-box {
  border-radius: 0;
}
.redactor-modal-box .redactor-modal {
  border-radius: var(--border-radii);
}
.redactor-modal-box input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  width: 0.5em;
  height: 0.5em;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button,
.redactor-modal-box .redactor-modal-footer 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;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:before,
.redactor-modal-box .redactor-modal-footer button:before {
  line-height: inherit;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:focus,
.redactor-modal-box .redactor-modal-footer 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);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:hover,
.redactor-modal-box .redactor-modal-footer 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);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:active,
.redactor-modal-box .redactor-modal-footer button:active {
  box-shadow: var(--pat-button-box-shadow-active);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.default,
.redactor-modal-box .redactor-modal-footer 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);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.default:hover,
.redactor-modal-box .redactor-modal-footer button.default:hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.warning,
.redactor-modal-box .redactor-modal-footer button.warning {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-warning);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.warning:hover,
.redactor-modal-box .redactor-modal-footer button.warning:hover {
  color: white;
  background-color: var(--colour-warning-hover);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.success,
.redactor-modal-box .redactor-modal-footer button.success {
  color:rgba(255,255,255,0.9);
  background-color: var(--colour-success);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.success:hover,
.redactor-modal-box .redactor-modal-footer button.success:hover {
  color: white;
  background-color: var(--colour-success-hover);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button[disabled],
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.disabled,
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:is(a):not([href]),
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.default[disabled],
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.default.disabled,
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:is(a).default:not([href]),
.redactor-modal-box .redactor-modal-footer button[disabled],
.redactor-modal-box .redactor-modal-footer button.disabled,
.redactor-modal-box .redactor-modal-footer button:is(a):not([href]),
.redactor-modal-box .redactor-modal-footer button.default[disabled],
.redactor-modal-box .redactor-modal-footer button.default.disabled,
.redactor-modal-box .redactor-modal-footer button:is(a).default:not([href]) {
  color: var(--button-text-colour-disabled);
  background-color: var(--button-background-colour-disabled);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button[disabled]:hover,
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.disabled:hover,
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:is(a):not([href]):hover,
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.default[disabled]:hover,
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.default.disabled:hover,
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:is(a).default:not([href]):hover,
.redactor-modal-box .redactor-modal-footer button[disabled]:hover,
.redactor-modal-box .redactor-modal-footer button.disabled:hover,
.redactor-modal-box .redactor-modal-footer button:is(a):not([href]):hover,
.redactor-modal-box .redactor-modal-footer button.default[disabled]:hover,
.redactor-modal-box .redactor-modal-footer button.default.disabled:hover,
.redactor-modal-box .redactor-modal-footer button:is(a).default:not([href]):hover {
  color: var(--button-text-colour-disabled-hover);
  background-color: var(--button-background-colour-disabled-hover);
}
@media print {
.redactor-modal-box .redactor-modal-footer .redactor-modal-button,
.redactor-modal-box .redactor-modal-footer button {
  display: none;
}
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.small,
.redactor-modal-box .redactor-modal-footer 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);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.small:before,
.redactor-modal-box .redactor-modal-footer button.small:before {
  font-size: 15px;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:not[disabled]:active,
.redactor-modal-box .redactor-modal-footer button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.iconified,
.redactor-modal-box .redactor-modal-footer button.iconified {
  width: 30px;
  padding: 0;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.iconified:before,
.redactor-modal-box .redactor-modal-footer button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: var(--pat-button-height);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.link,
.redactor-modal-box .redactor-modal-footer button.link {
  padding: 0;
  display: inline;
  background: none;
  color: var(--colour-link);
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.link:hover,
.redactor-modal-box .redactor-modal-footer button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: var(--colour-link-hover);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.no-label,
.redactor-modal-box .redactor-modal-footer button.no-label {
  padding: 0;
  aspect-ratio: 1 / 1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.no-label:before,
.redactor-modal-box .redactor-modal-footer button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:before,
.redactor-modal-box .redactor-modal-footer button:before {
  font-weight: normal;
  margin-right: 5px;
  float: left;
}
body[dir=rtl] .redactor-modal-box .redactor-modal-footer .redactor-modal-button:before,
body[dir=rtl] .redactor-modal-box .redactor-modal-footer button:before {
  margin-right: 0;
  margin-left: 5px;
  float: right;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.add:before,
.redactor-modal-box .redactor-modal-footer button.add:before {
  font-family: fontello;
  content: var(--glyph-plus);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:hover,
.redactor-modal-box .redactor-modal-footer button:hover {
  background: var(--button-background-colour);
}
.redactor-box.redactor-styles-on {
  border: none;
  background-color: transparent;
}
.redactor-box-fullscreen {
  font-size: 22px;
  top: 31px !important;
  padding: 6%;
  width: 100% !important;
  height: auto !important;
  bottom: 0;
  box-sizing: border-box;
  overflow: auto;
}
.redactor-box-fullscreen ol.roman li {
  list-style: upper-roman;
}
:root {
  --scheduler-column-padding: 5px;
  --scheduler-padding-top: 60px;
}
.scheduler {
  overflow: auto;
  height: 320px;
  width: 100%;
  background: var(--colour-base-light);
  white-space: nowrap;
  padding-top: var(--scheduler-padding-top);
  margin-bottom: 1em;
}
.scheduler.expanded {
  height: 566px;
}
.scheduler .scheduler-join-marker {
  color: transparent;
  position: absolute;
  pointer-events: none;
}
.scheduler .scheduler-join-marker.visible + .scheduler-item-content {
  border-left-color: green !important;
  background: #e2f0bc !important;
}
.scheduler .scheduler-join-marker.visible + .scheduler-item-content .button-bar {
  background: #e2f0bc !important;
}
.scheduler .scheduler-hours {
  width: 50px;
  background: var(--colour-base-light);
  height: 300%;
  color: gray;
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  line-height: 0;
  position: sticky;
  z-index: 1;
  left: 0;
  text-align: right;
}
.scheduler .scheduler-hours .hour {
  display: block;
  height: 4.1666666667%;
  font-size: 12px;
  padding: 0 5px;
  margin-top: -45px;
  padding-top: 45px;
}
.scheduler .scheduler-hours + .scheduler-space > .space-title {
  margin-left: -60px;
  padding-left: 60px;
}
.scheduler.mode-view,
.scheduler.mode-public {
  background: var(--colour-base-background);
  border: 1px solid silver;
}
.scheduler.mode-view .scheduler-hours,
.scheduler.mode-view .scheduler-space .space-title,
.scheduler.mode-public .scheduler-hours,
.scheduler.mode-public .scheduler-space .space-title {
  background: var(--colour-base-background);
}
.scheduler.mode-view .scheduler-item.state-collapsed .scheduler-item-content,
.scheduler.mode-public .scheduler-item.state-collapsed .scheduler-item-content {
  background: rgba(0,0,0,0.06);
}
.scheduler.mode-view .scheduler-item.state-collapsed .scheduler-item-content:hover,
.scheduler.mode-public .scheduler-item.state-collapsed .scheduler-item-content:hover {
  background: rgba(0,0,0,0.04);
}
.scheduler.mode-edit .scheduler-item.state-expanded .scheduler-item-content .session-title,
.scheduler.mode-edit .scheduler-item.state-expanded .scheduler-item-content .session-description {
  display: none;
}
.scheduler.mode-edit .scheduler-item.state-collapsed .edit-form {
  display: none;
}
.scheduler .scheduler-space {
  width: 300px;
  max-width: 100%;
  height: 300%;
  position: relative;
  padding: 0 var(--scheduler-column-padding);
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  background: repeating-linear-gradient(
	      0deg,
	      #e4e4e4, 
	      #e4e4e4 1px,  
	      transparent 1px, 
	      transparent 4.1666666667% 
	      );
  background-position-y: 1px;
}
.scheduler .scheduler-space .space-title {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: -60px;
  height: 40px;
  margin: -60px -10px 0;
  padding: 6px 5px 4px 10px;
  box-sizing: border-box;
  z-index: 2;
  font-size: 16px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  background: var(--colour-base-light);
  border-bottom: 1px solid silver;
}
.scheduler .scheduler-space .space-title .iconified {
  float: right;
  margin-top: 11px;
  z-index: 1;
}
.scheduler .scheduler-item {
  height: 100%;
  left: var(--scheduler-column-padding);
  right: var(--scheduler-column-padding);
  float: left;
  margin-top: -45px;
  padding: 45px 0 0 0;
  color: var(--body-font-colour);
  position: absolute;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.3;
  white-space: normal;
  pointer-events: none;
  animation: fadeIn 0.5s;
}
.scheduler .scheduler-item .documents-panel {
  top: 10px;
  right: 10px;
  left: 10px;
  bottom: 10px;
  width: auto;
  z-index: 110;
  margin: 0;
}
.scheduler .scheduler-item .documents-panel .item-selector .search-result {
  font-size: 0.85em;
}
.scheduler .scheduler-item.documents-panel-closed .documents-panel {
  display: none;
}
.scheduler .scheduler-item .attached-documents {
  position: relative;
}
.scheduler .scheduler-item .attached-documents .attachment-list {
  padding: 0;
  background: transparent;
}
.scheduler .scheduler-item .attached-documents .attachment-list .attached-file .label {
  padding: 0;
}
.scheduler .scheduler-item.state-expanded {
  max-height: 100% !important;
  height: auto;
  z-index: 3;
  transform: translate(-50%,-50%);
  transform-origin: center center;
  width: 640px;
  top: 50% !important;
  left: 50%;
  position: fixed;
  padding: 40px;
  margin: 0;
  overflow: visible;
}
.sidebar-left-open .scheduler .scheduler-item.state-expanded {
  margin-left: 15%;
}
.scheduler .scheduler-item.state-expanded .scheduler-item-content {
  background: #f4f4f4;
  box-shadow: 0 0 30px rgba(0,0,0,0.15);
  padding: 40px 40px 0;
  font-size: 18px;
  line-height: 1.4;
  border-left: solid 8px silver;
  border-top: solid 1px silver;
  border-right: solid 1px silver;
  border-bottom: solid 1px silver;
  overflow: auto;
  max-height: 600px;
}
.scheduler .scheduler-item.state-expanded .scheduler-item-content .session-title {
  margin-bottom: 16px;
}
.scheduler .scheduler-item.state-expanded .scheduler-item-content .button-bar {
  padding-bottom: 40px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  border-top: 1px silver solid;
  padding-top: 20px;
  margin-top: 20px;
  background: #f4f4f4;
}
.scheduler .scheduler-item.state-expanded .scheduler-item-content .button-bar > .pat-button {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
  margin-right: 10px;
  float: left;
}
.scheduler .scheduler-item.state-expanded .scheduler-item-content .button-bar > .pat-button.delete {
  float: right;
  margin-right: 0;
}
.scheduler .scheduler-item.state-collapsed .scheduler-item-content .session-title {
  position: static;
  cursor: pointer;
}
.scheduler .scheduler-item.state-collapsed .scheduler-item-content .session-title:before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}
.scheduler .scheduler-item.state-collapsed .scheduler-item-content:hover {
  background: rgba(255,255,255,0.5);
}
.scheduler .scheduler-item.state-collapsed .scheduler-item-content .attached-documents,
.scheduler .scheduler-item.state-collapsed .scheduler-item-content .button-bar {
  display: none;
}
.scheduler .scheduler-item.state-collapsed .scheduler-item-content .button-bar .pat-button.close {
  display: none;
}
.scheduler .scheduler-item .session-title {
  display: block;
  font-weight: bold;
}
.scheduler .scheduler-item .scheduler-item-content {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: solid 3px silver;
  background: rgba(255,255,255,0.3);
  padding: 6px 10px;
  float: left;
  margin-top: 2px;
  height: calc(100% - 3px);
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  pointer-events: auto;
  position: relative;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar {
  margin: 0;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar .pat-button {
  display: inline-block;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar .pat-button.toggle-attendance input {
  opacity: 0;
  position: absolute;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar .pat-button.toggle-attendance.checked .join {
  display: none;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar .pat-button.toggle-attendance.checked .dont-join {
  display: block;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar .pat-button.toggle-attendance.unchecked .join {
  display: block;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar .pat-button.toggle-attendance.unchecked .dont-join {
  display: none;
}
.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;
}
}
@media only screen and (min-width: 769px) {
.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 {
  cursor: pointer;
  text-decoration: underline;
  font-style: normal;
  font-weight: normal;
  color: gray;
}
.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: var(--glyph-search);
  font-family: fontello;
  left: 12px;
  line-height: 1;
  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 input[type=search] {
  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 input[type=search] {
  left: auto;
  right: 0;
}
body[dir=rtl] .search-field input[type=search] {
  float: right;
}
body[dir=rtl] .search-field input[type=search] {
  padding: 0 20px 0 90px;
}
.header.home .search-field input[type=search] {
  background: var(--colour-base-background);
}
@container screen style(--screen-small: true) {
.search-field input[type=search] {
  position: static;
  width: 100%;
  height: 50px;
  line-height: 50px;
  transition: none;
}
}
@container screen style(--screen-small: true) {
.search-field input[type=search].ui-corner-top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
}
.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);
}
.search-field button:hover {
  background-color: var(--button-background-colour-default-hover);
}
.search-field button:before {
  content: var(--glyph-search);
  font-family: fontello;
  text-indent: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 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);
}
: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 {
  font-family: fontello;
  display: inline-block;
  margin-right: 0.5em;
  font-weight: normal;
}
.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: var(--glyph-alarm);
}
.search-results .title.type-powerpoint a:before {
  content: var(--glyph-file-powerpoint);
}
.search-results .title.type-word a:before {
  content: var(--glyph-file-word);
}
.search-results .title.type-excel a:before {
  content: var(--glyph-file-excel);
}
.search-results .title.type-folder a:before {
  content: var(--glyph-folder);
}
.search-results .title.type-task a:before {
  content: var(--glyph-checklist);
}
.search-results .title.type-pdf a:before {
  content: var(--glyph-file-pdf);
}
.search-results .title.type-job a:before {
  content: var(--glyph-briefcase);
}
.search-results .title.type-people a:before {
  content: var(--glyph-user);
}
.search-results .title.type-post a:before {
  content: '\1f4cc';
}
.search-results .title.type-rich a:before {
  content: var(--glyph-doc-text-1);
}
.search-results .title.type-news a:before {
  content: var(--glyph-news);
}
.search-results .title.type-library-item a:before {
  content: var(--glyph-library);
}
.search-results .title.type-library-section a:before {
  content: var(--glyph-squares);
}
.search-results .title.type-library-subsection a:before {
  content: var(--glyph-squares);
}
.search-results .title.type-event a:before {
  content: var(--glyph-calendar);
}
.search-results .title.type-image a:before {
  content: var(--glyph-file-image);
}
.search-results .title.type-slideshow a:before {
  content: var(--glyph-slides);
}
.search-results .title.type-classifieds-ad a:before {
  content: var(--glyph-megaphone);
}
.search-results .title.type-folder a:before {
  content: var(--glyph-folder);
}
.search-results .title.type-group a:before {
  content: var(--glyph-users);
}
.search-results .title.type-workspace a:before {
  content: var(--glyph-workspace);
}
.search-results .title.type-super-space a:before {
  content: var(--glyph-workspace);
}
.search-results .title.type-link a:before {
  content: var(--glyph-link);
}
.search-results .title.type-question a:before {
  content: var(--glyph-question-circle-o);
}
.search-results .title.type-file a:before {
  content: var(--glyph-document);
}
.search-results .title.type-contract a:before {
  content: var(--glyph-doc);
}
.search-results .title.type-audio a:before {
  content: var(--glyph-file-audio);
}
.search-results .title.type-video a:before {
  content: var(--glyph-file-video);
}
.search-results .title.type-odt a:before {
  content: var(--glyph-doc-text);
}
.search-results .title.type-octet a:before {
  content: var(--glyph-file-archive);
}
.search-results .title.type-postscript a:before {
  content: var(--glyph-doc-text-inv);
}
.search-results .title.type-plain-text a:before {
  content: var(--glyph-doc-text);
}
.search-results .title.type-zip a:before {
  content: var(--glyph-file-archive);
}
.search-results .title.type-business-card a:before {
  content: var(--glyph-vcard);
}
.search-results .title.type-email a:before {
  content: var(--glyph-mail-1);
}
.search-results .title.type-app a:before {
  content: var(--glyph-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;
}
.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;
}
.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 {
  font-family: fontello;
  content: var(--glyph-question-circle-o);
  float: none;
  width: 100%;
  line-height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  text-align: center;
}
.search-results .description .preview.question-preview.workspace-state-archived:before {
  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 {
  font-family: fontello;
  content: var(--glyph-file-archive);
  float: none;
  width: 100%;
  line-height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  text-align: center;
}
.search-results .description .preview.zip-preview.workspace-state-archived:before {
  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 {
  font-family: fontello;
  content: var(--glyph-mail-1);
  float: none;
  width: 100%;
  line-height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  text-align: center;
}
.search-results .description .preview.email-preview.workspace-state-archived:before {
  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 {
  font-family: fontello;
  content: var(--glyph-link);
  float: none;
  width: 100%;
  line-height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  text-align: center;
}
.search-results .description .preview.link-preview.workspace-state-archived:before {
  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 {
  font-family: fontello;
  content: var(--glyph-workspace);
  float: none;
  width: 100%;
  line-height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  text-align: center;
}
.search-results .description .preview.workspace-preview.workspace-state-archived:before,
.search-results .description .preview.super-space-preview.workspace-state-archived:before {
  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);
}
.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;
}
@media only screen and (min-width: 769px) {
#global-search,
#chokhmah-form {
  display: table;
}
}
@container screen style(--screen-small: true) {
#global-search,
#chokhmah-form {
  display: flex;
  flex-direction: column;
}
}
@media only screen and (min-width: 769px) {
#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;
}
@media only screen and (min-width: 769px) {
#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%;
}
@media only screen and (min-width: 769px) {
#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;
}
}
@media only screen and (min-width: 769px) {
#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%;
}
@media only screen and (min-width: 769px) {
#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 .pat-tabs,
#chokhmah-form .pat-tabs {
  border-bottom: none;
  margin: 0 0 0 0;
  opacity: 0;
  animation: fadeIn 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  line-height: 1;
  height: 1.7em;
}
#global-search .pat-tabs a,
#chokhmah-form .pat-tabs a {
  padding: 0 1.2em 0.8em;
  line-height: 0.9;
}
#global-search .pat-tabs.injecting a,
#chokhmah-form .pat-tabs.injecting a {
  opacity: 1;
}
#global-search .initial-search .pat-tabs,
#chokhmah-form .initial-search .pat-tabs {
  animation: none;
}
#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%;
}
}
#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%;
}
}
#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;
}
@media only screen and (min-width: 1280px) {
#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));
}
}
@media only screen and (min-width: 769px) and (max-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));
}
}
@media only screen and (orientation: portrait) and (min-width: 769px) and (max-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;
}
@media only screen and (min-width: 1280px) {
.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%;
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.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 only screen and (orientation: portrait) and (min-width: 769px) and (max-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);
}
}
@media only screen and (min-width: 769px) {
#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);
}
}
@media only screen and (min-width: 769px) and (max-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 {
  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;
}
#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%);
}
#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%;
}
@media only screen and (min-width: 1280px) {
#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;
}
.quaive-search-result-list .follow {
  display: grid;
  grid-template-columns: var(--item-selector-indent) auto;
  grid-template-areas: 
            "icon title"
            "icon byline";
  border-radius: var(--border-radii);
  margin-bottom: 10px;
}
.quaive-search-result-list .follow:before {
  grid-area: icon;
  font-size: var(--item-selector-icon-glyph-size);
  color: var(--body-font-colour);
  font-family: fontello;
  display: block;
  text-align: center;
  align-self: center;
}
.quaive-search-result-list .follow.type-module:before {
  content: var(--glyph-cubes);
}
.quaive-search-result-list .follow.type-profile-question:before {
  content: var(--glyph-building);
}
.quaive-search-result-list .follow.type-risk:before {
  content: var(--glyph-attention);
}
.quaive-search-result-list .follow .title {
  grid-area: title;
  font-weight: bold;
  color: var(--colour-link);
  padding: 6px 0 2px 0;
}
.quaive-search-result-list .follow .byline {
  grid-area: byline;
  font-size: 0.9em;
  color: var(--body-font-colour);
  padding: 2px 0 6px 0;
  margin: 0;
}
.quaive-search-result-list .follow:hover {
  text-decoration: none;
  background-color: rgba(black, 0.05);
}
.quaive-search-result-list .follow:hover .title {
  text-decoration: underline;
}
.application-chokhmah .kikar-search-result {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: var(--grid-gutter);
}
@media only screen and (max-width: 768px) {
.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 {
  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;
}
.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-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-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;
}
@media (max-width: 700px) {
.chokhmah-passage .passage-bilingual {
  grid-template-columns: 1fr;
}
}
@media (max-width: 700px) {
.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);
  background: rgba(0, 0, 0, 0.3);
  border-radius: var(--border-radii);
  color: white;
  text-align: center;
  font-size: 15px;
  font-family: fontello;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.application-chokhmah .navigation-buttons .button:hover:before {
  background: rgba(0, 0, 0, 0.4);
}
.application-chokhmah .navigation-buttons .button.previous {
  left: -65px;
}
.application-chokhmah .navigation-buttons .button.previous:before {
  content: var(--glyph-left-big);
}
.application-chokhmah .navigation-buttons .button.next {
  right: -65px;
}
.application-chokhmah .navigation-buttons .button.next:before {
  content: var(--glyph-right-big);
}
@container screen style(--screen-small: true) {
.application-chokhmah .navigation-buttons {
  display: none;
}
}
label.pat-select.visibility:before {
  font-family: "fontello";
  content: "\1f465";
}
#setup-wizard {
  padding: 6%;
  border-radius: var(--border-radii);
  box-shadow: var(--default-box-shadow);
  max-width: 1030px;
  margin: 0 auto 50px;
  background: var(--colour-base-background);
}
#setup-wizard .colour-chooser-launcher .pat-button {
  background-color: var(--colour-header);
}
#setup-wizard .introduction {
  margin-bottom: 50px;
}
#setup-wizard .link-list {
  margin: 0 -10px 20px;
}
#setup-wizard .link-list:after {
  content: " ";
  display: table;
  clear: both;
}
#setup-wizard .link-list li {
  padding: 0 10px 0;
  margin-bottom: 15px;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
#setup-wizard .link-list li {
  width: 50%;
  float: left;
}
}
#setup-wizard .link-list li a {
  padding: 15px 15px 25px calc(20px + var(--bullet-space));
  border-radius: var(--border-radii);
  background: #fafafa;
  box-shadow: var(--default-box-shadow);
  transition: transform 0.20s;
  height: 100%;
  box-sizing: border-box;
}
#setup-wizard .link-list li a:before {
  line-height: 1.45;
}
#setup-wizard .link-list li a:hover {
  transform: scale(1.01);
  text-decoration: none;
}
#setup-wizard .link-list li a:hover .follow {
  box-shadow: var(--default-box-shadow-hover);
}
#setup-wizard .link-list li a .item-summary {
  margin: 0;
}
#setup-wizard .screenshot {
  margin-top: 12px;
}
#setup-wizard .button-bar {
  margin: 30px -6.85% -6.85% -6.85%;
  background-color: var(--colour-header);
  padding: 20px 6%;
  border-bottom-left-radius: calc(0.8 * var(--border-radii));
  border-bottom-right-radius: calc(0.8 * var(--border-radii));
  font-size: 24px;
}
#setup-wizard .button-bar button,
#setup-wizard .button-bar .pat-button {
  box-shadow: var(--default-box-shadow);
  font-weight: bold;
  color: white;
  border: none;
  float: right;
  padding: 5px 35px;
  border: 1px white solid;
}
#setup-wizard .button-bar button:active,
#setup-wizard .button-bar .pat-button:active {
  box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
}
.application-body {
  --sidebar-background-colour: color-mix(in srgb, var(--this-workspace-colour, var(--app-colour, white)) 10%, white);
}
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: 15px;
  --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;
  background-color: var(--sidebar-background-colour);
}
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 (min-width: calc(768px + 1px)) {
.sidebar-normal aside.sidebar.left {
  --pat-well-well-header-font-size: 20px;
  --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 (min-width: calc(768px + 1px)) {
.sidebar-normal aside.sidebar.left .sidebar-content .documents-area,
.sidebar-normal aside.sidebar.left .sidebar-content > .pat-toolbar {
  zoom: 0.9;
}
}
@container main (min-width: calc(768px + 1px)) {
.sidebar-normal aside.sidebar.left .well-title-group .pat-toolbar {
  zoom: 0.8;
}
}
@container main (min-width: calc(768px + 1px)) {
@supports (-webkit-touch-callout: none) {
.sidebar-normal aside.sidebar.left .sidebar-content .documents-area,
.sidebar-normal aside.sidebar.left .sidebar-content > .pat-toolbar,
.sidebar-normal aside.sidebar.left .well-title-group .pat-toolbar {
  zoom: 1;
}
}
}
.sidebar-normal aside.sidebar.left .pat-table td:not(.item-name):not(.functions),
.sidebar-normal aside.sidebar.left .pat-table th:not(.item-name):not(.functions) {
  display: none;
}
.sidebar-normal aside.sidebar.left .pat-table .item-name {
  width: auto;
}
@container main (max-width: 768px) {
.sidebar-normal aside.sidebar.left {
  --pat-toolbar-auto-hide-offset: 5px !important;
}
}
@container main (min-width: calc(768px + 1px)) {
.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(--colour-floating-ui-elements-background);
  -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;
}
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;
}
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 {
  font-family: fontello;
  content: var(--glyph-right-open-2);
  position: absolute;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
}
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;
}
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 {
  font-family: fontello;
  content: var(--glyph-up-open);
  float: right;
  transition: all var(--base-animation-duration);
  font-size: 16px;
  line-height: 23px;
}
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);
}
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;
  background-color: var(--sidebar-background-colour);
  padding: var(--sidebar-padding);
  transition: all var(--base-animation-duration);
}
@container main (min-width: calc(768px + 1px)) {
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 (min-width: calc(768px + 1px)) {
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:hover,
aside.sidebar.left .sidebar-content .mode-select .icon.select,
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 (max-width: 768px) {
aside.sidebar.left #sidebar-content,
aside.sidebar.left .sidebar-content {
  background: var(--colour-base-background);
  min-height: 100%;
  --sidebar-padding: var(--small-screen-padding);
}
}
@container main (max-width: 768px) {
.state-on aside.sidebar.left #sidebar-content,
.state-on aside.sidebar.left .sidebar-content {
  pointer-events: auto;
}
}
#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 (max-width: 768px) {
aside.sidebar.left {
  background: none;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding-top: 0;
}
}
@container main (min-width: calc(768px + 1px)) {
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 (min-width: calc(768px + 1px)) {
body[dir=rtl] aside.sidebar.left {
  left: auto;
  right: var(--sidebar-margin-left);
}
}
@container main (min-width: calc(768px + 1px)) and (max-width: calc(1280px - 1px)) {
.focus-document:not(.sidebar-large) aside.sidebar.left {
  left: var(--sidebar-margin-left-closed);
}
}
@container main (min-width: calc(768px + 1px)) and (max-width: calc(1280px - 1px)) {
body[dir=rtl] .focus-document:not(.sidebar-large) aside.sidebar.left {
  left: auto;
  right: var(--sidebar-margin-left-closed);
}
}
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 (min-width: calc(768px + 1px)) {
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.sidebar.right {
  display: none;
  font-size: 0.8em;
}
@container main (min-width: calc(768px + 1px)) {
aside.sidebar.right {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 2%;
  overflow: auto;
  box-sizing: border-box;
}
}
@container main (min-width: 1280px) {
aside.sidebar.right {
  width: 20%;
}
}
@container main (min-width: calc(768px + 1px)) and (max-width: calc(1280px - 1px)) {
aside.sidebar.right {
  width: 40%;
}
}
aside.portlets {
  padding-right: 4%;
}
@container screen style(--screen-small: true) {
.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: -10px;
}
}
@container main (min-width: calc(768px + 1px)) {
.sidebar-left-closed aside.sidebar.left {
  --sidebar-margin-left: var(--sidebar-margin-left-closed);
}
}
@container main (min-width: calc(768px + 1px)) {
.sidebar-left-open.sidebar-large aside.sidebar.left {
  width: calc(100% - 2 * var(--sidebar-margin-left));
}
}
@container main (min-width: calc(768px + 1px)) {
aside.sidebar.left:has(.toggle-sidebar)::after {
  content: ' ';
  display: block;
  z-index: 0;
  box-shadow: var(--default-box-shadow);
}
}
@container main (min-width: calc(768px + 1px)) {
.toggle-sidebar,
aside.sidebar.left::after {
  position: absolute;
  bottom: 40px;
  right: 0;
  height: calc(1.4 * var(--pat-toolbar-button-height));
  width: 30px;
  margin: 0 -28px 0 0;
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
}
}
@container main (min-width: calc(768px + 1px)) {
body[dir=rtl] .toggle-sidebar,
body[dir=rtl] aside.sidebar.left::after {
  right: auto;
  left: 0;
}
}
@container main (min-width: calc(768px + 1px)) {
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 (min-width: calc(768px + 1px)) {
.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 (min-width: calc(768px + 1px)) {
.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;
}
}
@container main (min-width: calc(768px + 1px)) {
.toggle-sidebar:hover .open:before,
.toggle-sidebar:hover .close:before {
  color: var(--pat-button-text-colour-hover);
}
}
@container main (min-width: calc(768px + 1px)) {
.toggle-sidebar:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: fontello;
  font-size: 17px;
  line-height: calc(1.4 * var(--pat-toolbar-button-height));
  text-align: center;
  content: var(--glyph-right-open-1);
  color: var(--pat-button-text-colour);
}
}
@container main (min-width: calc(768px + 1px)) {
body[dir=rtl] .toggle-sidebar:before {
  content: var(--glyph-left-open);
}
}
@container main (min-width: calc(768px + 1px)) {
@container main (min-width: 1280px) {
.sidebar-left-open .toggle-sidebar:before {
  content: var(--glyph-left-open);
}
}
}
@container main (min-width: calc(768px + 1px)) {
@container main (min-width: 1280px) {
body[dir=rtl] .sidebar-left-open .toggle-sidebar:before {
  content: var(--glyph-right-open-1);
}
}
}
@container main (min-width: calc(768px + 1px)) {
@container main (min-width: calc(768px + 1px)) and (max-width: calc(1280px - 1px)) {
.sidebar-left-open.focus-sidebar .toggle-sidebar:before {
  content: var(--glyph-left-open);
}
}
}
@container main (min-width: calc(768px + 1px)) {
@container main (min-width: calc(768px + 1px)) and (max-width: calc(1280px - 1px)) {
body[dir=rtl] .sidebar-left-open.focus-sidebar .toggle-sidebar:before {
  content: var(--glyph-right-open-1);
}
}
}
@container main (min-width: calc(768px + 1px)) {
@container main (min-width: calc(768px + 1px)) and (max-width: calc(1280px - 1px)) {
.focus-document .toggle-sidebar:before {
  content: var(--glyph-right-open-1);
}
}
}
@container main (min-width: calc(768px + 1px)) {
.toggle-sidebar .open,
.toggle-sidebar .close {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  text-indent: -2000px;
}
}
@container main (min-width: calc(768px + 1px)) {
@container main (min-width: calc(768px + 1px)) and (max-width: calc(1280px - 1px)) {
.toggle-sidebar .open:before,
.toggle-sidebar .close:before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--sidebar-toggle-close-click-surface-left);
  content: ' ';
  transition: all var(--base-animation-duration);
  z-index: -1;
}
}
}
@container main (min-width: calc(768px + 1px)) {
@container main (min-width: calc(768px + 1px)) and (max-width: calc(1280px - 1px)) {
.sidebar-left-closed .toggle-sidebar .open:before,
.focus-document .toggle-sidebar .open:before,
.sidebar-left-closed .toggle-sidebar .close:before,
.focus-document .toggle-sidebar .close:before {
  pointer-events: none;
}
}
}
@container main (min-width: calc(768px + 1px)) {
@container main (min-width: 1280px) {
.sidebar-left-closed .toggle-sidebar .open {
  display: block;
}
}
}
@container main (min-width: calc(768px + 1px)) {
@container main (min-width: calc(768px + 1px)) and (max-width: calc(1280px - 1px)) {
.focus-document .toggle-sidebar .open {
  display: block;
}
}
}
@container main (min-width: calc(768px + 1px)) {
@container main (min-width: 1280px) {
.sidebar-left-open .toggle-sidebar .close {
  display: block;
}
}
}
@container main (min-width: calc(768px + 1px)) {
@container main (min-width: calc(768px + 1px)) and (max-width: calc(1280px - 1px)) {
.focus-sidebar .toggle-sidebar .close {
  display: block;
}
}
}
@container main (min-width: calc(768px + 1px)) {
@media print {
.toggle-sidebar {
  display: none;
}
}
}
@container main (min-width: calc(768px + 1px)) {
@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);
}
.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));
}
@media only screen and (min-width: 1280px) {
#application-body-workspaces {
  --document-body-left-distance-sidebar-open: calc(var(--sidebar-width) + var(--sidebar-margin-left));
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
#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));
}
}
@media only screen and (min-width: 769px) {
#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));
}
}
@media only screen and (min-width: 769px) {
#application-body-workspaces.sidebar-large {
  --sidebar-padding-left-large: calc(85px + var(--sidebar-padding-left));
}
}
@media only screen and (min-width: 769px) {
#application-body-workspaces.sidebar-large .sidebar-content > div {
  --sidebar-padding-top: var(--sidebar-padding-top-large);
}
}
@media only screen and (min-width: 1280px) {
#application-body-workspaces.sidebar-left-closed:not(.module-workspace-home) {
  --workspace-tabs-left: var(--workspace-tabs-left-closed);
}
}
@media only screen and (min-width: 1280px) {
#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;
}
}
@media only screen and (min-width: 1280px) {
#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);
}
}
@media only screen and (min-width: 1280px) {
#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);
}
}
@media only screen and (min-width: 1280px) {
#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;
}
}
@media only screen and (min-width: 1280px) {
#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;
}
}
@media only screen and (min-width: 1280px) {
#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;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
#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;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
#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);
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
#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);
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
#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;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
#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;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
#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;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
#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 {
  --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;
}
}
.sidebar-extras {
  display: flex;
  flex-direction: column;
  gap: var(--sidebar-extras-gap);
  padding: 0;
  margin: 0 0 var(--sidebar-extras-gap) 0;
}
.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);
  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;
}
.sidebar-extras .item a:hover {
  text-decoration: none;
  background-color: var(--sidebar-extras-background-colour-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.arrow:after {
  font-family: fontello;
  content: var(--glyph-right-open-2);
  position: absolute;
  right: 4%;
  top: 50%;
  font-size: 16px;
  transform: translateY(-50%);
}
.sidebar-extras .item a.current {
  background-color: var(--colour-accent);
  color: white;
  cursor: default;
}
@container screen style(--screen-small: true) {
.sidebar-extras .item a.current {
  background-color: var(--colour-sidebar-extras);
  color: var(--sidebar-extras-text-colour);
}
}
.sidebar-extras .item a .counter {
  position: absolute;
  inset-inline-end: 19px;
  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: 17px;
  color: white;
  background-color: red;
  border: white 1px solid;
  border-radius: 10px;
}
.sidebar-extras .item a:has(.counter) {
  padding-inline-end: calc(19px + 32px);
}
.site-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-gap: 30px;
}
.site-cards .site-card {
  background-color: transparent;
  box-sizing: border-box;
  overflow: hidden;
}
.site-cards .site-card .pat-screenshot {
  padding: 0;
  margin: 0;
}
.site-cards .site-card .pat-screenshot figcaption {
  position: static;
}
.site-cards .site-card .pat-screenshot figcaption a {
  text-decoration: none;
}
.site-cards .site-card .pat-screenshot figcaption a:hover {
  text-decoration: underline;
}
.site-cards .site-card .pat-screenshot figcaption a:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: ' ';
  z-index: 1;
}
.site-cards .site-card .pat-screenshot .auto-scale-wrapper {
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 5px;
  height: auto !important;
  aspect-ratio: 3 / 2;
}
.site-cards .site-card .pat-screenshot .auto-scale-wrapper .passe-partout {
  margin: 0;
  height: auto !important;
  aspect-ratio: 3 / 2;
  box-shadow: none;
  display: block;
  background-color: var(--colour-base-background);
}
.site-cards .site-card .pat-screenshot .auto-scale-wrapper .passe-partout object {
  height: auto !important;
  aspect-ratio: 3 / 2;
  border: 3px solid silver;
  box-sizing: border-box;
}
.site-cards .site-card .pat-screenshot object {
  aspect-ratio: 3 / 2;
  height: auto;
}
.site-cards .site-card.new-site {
  box-shadow: none;
  text-align: center;
  font-size: 30px;
}
.site-cards .site-card.new-site .button {
  font-weight: bold;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  aspect-ratio: 3 / 2;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.06);
  border: 6px dashed rgba(0, 0, 0, 0.2);
}
.site-cards .site-card.new-site .button:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.01);
}
.site-cards .site-card.new-site .button .label {
  display: block;
  width: 100%;
}
.site-cards .site-card.new-site .button .label:before {
  display: block;
  font-family: fontello;
  font-size: 80px;
  content: var(--glyph-plus);
  height: 70px;
  line-height: 70px;
}
#site-header {
  display: block;
  text-align: center;
  padding-top: 2%;
  padding-bottom: 2%;
  background: url(blackboard.svg) bottom center no-repeat;
  background-size: 0% auto;
  transition: all 0.5s;
}
.state-home #site-header {
  padding-bottom: 34%;
  margin-top: 2%;
  background-size: 90% auto;
}
#site-header nav a {
  display: inline-block;
  text-decoration: none;
  width: 17%;
  position: relative;
  transition: all 0.5s;
  position: relative;
}
.state-download #site-header nav a.download:after,
.state-home #site-header nav a.patterns:after,
.state-documentation #site-header nav a.documentation:after {
  position: absolute;
  bottom: -10px;
  left: 25%;
  width: 50%;
  height: 2px;
  background-color: var(--colour-base-background);
  content: " ";
  display: block;
}
.state-home #site-header nav a.patterns {
  transform: scale(1.5);
}
#site-header nav a:before {
  display: block;
  text-align: center;
  font: 4em fontello;
}
#site-header nav a.patterns:before {
  content: var(--glyph-heart-empty);
}
#site-header nav a.download:before {
  content: var(--glyph-chat);
}
#site-header nav a.documentation:before {
  content: var(--glyph-plus-circle);
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
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;
}
@font-face {

  font-family: 'Frutiger 55 Roman';
  src: url('fonts/frutiger-roman/frutigerltstd-roman-webfont.eot');
  src: local("FrutigerLTStdRoman"), url('fonts/frutiger-roman/frutigerltstd-roman-webfont.woff') format("woff"), url('fonts/frutiger-roman/frutigerltstd-roman-webfont.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {

  font-family: 'f65b';
  src: url('fonts/frutiger-bold/f65b.eot');
  src: local("FrutigerLTStdBold"), url('fonts/frutiger-bold/f65b.woff') format("woff"), url('fonts/frutiger-bold/f65b.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {

  font-family: 'flc';
  src: url('fonts/frutiger-light-condensed/frutigerltstd-lightcn-webfont.eot');
  src: local("FrutigerLTStdLightCn"), url('fonts/frutiger-light-condensed/frutigerltstd-lightcn-webfont.woff') format("woff"), url('fonts/frutiger-light-condensed/frutigerltstd-lightcn-webfont.ttf') format("truetype");
  font-weight: lighter;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {

  font-family: 'pbi';
  src: url('fonts/perpetua/Perpetua Bold Italic.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
.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 {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  content: var(--glyph-download);
  display: block;
  line-height: 40px;
  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;
}
.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;
}
.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;
}
.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-full .slide.draft .slide-content:after {
  content: url(images/draft.png);
  position: absolute;
  z-index: 1000;
  right: 20px;
  bottom: 20px;
  opacity: 0.66;
}
.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 url(../../media/star-slide-header.jpg) no-repeat top;
  -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;
  background: url(brandmark-white.svg) no-repeat center center;
  background-size: 60px;
}
.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 print {
.slide.full .slide-body header,
.slide.full .slide-content .slide-body > header {
  background: url(images/chrome-gradient-fix.png) repeat-x 0 0;
}
}
@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 {
.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 {
.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;
}
.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);
}
.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;
}
.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);
}
.sortable-list {
  counter-reset: count;
}
.sortable-list .sortable-item {
  counter-increment: count;
  padding: 0.2em 0 0.2em 0.6em;
  position: relative;
  border-top: solid 0.2em rgba(0,0,0,0);
  border-bottom: solid 0.2em rgba(0,0,0,0);
  margin: -0.2em 0 0 1.6em;
}
.sortable-list .sortable-item.drop-target-above {
  border-top-color: var(--colour-accent);
}
.sortable-list .sortable-item.drop-target-below {
  border-bottom-color: var(--colour-accent);
}
.sortable-list .sortable-item input,
.sortable-list .sortable-item .label {
  margin: -0.2em 0 -0.2em -0.5em;
  width: calc(100% - 0.4em);
  box-sizing: inherit;
  padding: 0.2em 0.5em;
  cursor: default;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.sortable-list .sortable-item .label {
  background: var(--colour-post);
  line-height: 1.3em;
}
.sortable-list .sortable-item:before,
.sortable-list .sortable-item .sortable-handle {
  content: counter(count);
  line-height: 1.7em;
  text-align: center;
  color: white;
  display: block;
  position: absolute;
  left: -1.6em;
  top: 0;
  width: 1.8em;
  height: 1.6765em;
  background: var(--colour-accent);
  border-top-left-radius: var(--border-radii);
  border-bottom-left-radius: var(--border-radii);
  overflow: hidden;
}
@media print {
.sortable-list .sortable-item:before,
.sortable-list .sortable-item .sortable-handle {
  background: transparent;
  width: 1em;
  text-align: left;
  color: var(--body-font-colour);
}
}
@media print {
body[dir=rtl] .sortable-list .sortable-item:before,
body[dir=rtl] .sortable-list .sortable-item .sortable-handle {
  text-align: right;
}
}
.sortable-list .sortable-item .button-cluster {
  display: none;
}
.sortable-list .sortable-item .sortable-handle {
  opacity: 0;
  line-height: 1.9em;
  text-indent: -10em;
  background: var(--colour-accent);
}
.sortable-list .sortable-item .sortable-handle:before {
  content: var(--glyph-updown-circle);
  display: block;
  font-family: fontello;
  text-indent: 0.1em;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 2.28em;
  text-align: center;
  font-size: 0.8em;
}
.sortable-list .sortable-item:hover .sortable-handle {
  opacity: 1;
  cursor: move;
}
.sortable-list .sortable-item:hover .sortable-handle:hover {
  text-decoration: none;
}
#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;
}
#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);
}
#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;
}
#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:hover,
.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);
}
.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;
}
.splash-message {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  min-height: 100%;
  background: rgba(255,255,255,0.6);
  z-index: 10000;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  text-shadow: 0 0 10px white,
				 0 0 20px white,
				 0 0 30px white,
				 0 0 40px white,
				 0 0 50px white,
				 0 0 60px white,
				 0 0 70px white,
				 0 0 80px white,
				 0 0 90px white;
  transition: opacity 0.4s;
}
.splash-active .splash-message {
  opacity: 1;
  pointer-events: all;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.splash-active .splash-message {
  background-color: rgba(255,255,255,0.92);
}
}
@supports (-ms-ime-align:auto) and (color:unset) {
.splash-active .splash-message {
  background-color: rgba(255,255,255,0.92);
}
}
.splash-message .panel-content {
  height: 100%;
  width: 100%;
  display: table;
  vertical-align: middle;
}
.splash-message .panel-content .content {
  height: 100%;
  display: table-row;
  vertical-align: middle;
}
.splash-message .panel-content .content article {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 6% 8%;
  background-size: 54%;
  background-position: center right;
  background-repeat: no-repeat;
  animation: fadeIn 0.5s;
}
@container screen style(--screen-small: true) {
.splash-message .panel-content .content article {
  font-size: 14px;
}
}
@media only screen and (min-width: 769px) {
.splash-message .panel-content .content article h1 {
  font-size: 3em;
}
}
.splash-message .panel-content .content article.has-image {
  padding-right: 60%;
}
.splash-message .panel-content .content article.has-image:nth-child(even) {
  background-position: center left;
  padding-left: 60%;
  padding-right: 0;
}
.splash-message .panel-content .content article.visible {
  display: table-cell !important;
}
.splash-message .panel-content .content article .logo {
  margin-top: 4em;
}
@media only screen and (min-width: 769px) {
.splash-message .pat-button {
  font-size: 1.5em;
}
}
.splash-message .dots {
  position: absolute;
  bottom: 1.6rem;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.splash-message .dots a {
  position: relative;
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  color: transparent;
  background: var(--colour-base-background);
  border: 4px gray solid;
  overflow: hidden;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.splash-message .dots a:hover {
  border: 4px black solid;
}
.splash-message .dots a.current {
  border: 4px var(--colour-accent) solid;
}
.splash-message button.splash-trigger {
  position: absolute;
  margin: 0;
  opacity: 0.5;
  width: 4em;
  height: 4em;
  display: block;
  border: none;
  z-index: 10000;
  top: 1.5em;
  right: 1.5em;
  color: transparent;
  background: none;
  box-shadow: none !important;
  border: none;
}
.splash-message button.splash-trigger:after {
  content: var(--glyph-cancel);
  font-size: 3em;
  color: var(--body-font-colour);
  font-family: fontello;
  position: absolute;
  top: 0;
  right: 0;
}
.splash-message button.splash-trigger:hover {
  opacity: 1;
}
.splash-message button.splash-trigger:hover:after {
  color: var(--body-font-colour);
}
.pat-stacks.simple > * {
  display: block !important;
}
.pat-stacks.simple > .visible {
  margin-left: inherit;
  height: auto;
}
.pat-stacks.simple > .hidden {
  display: block !important;
  height: 0;
  overflow: hidden;
}
.pat-stacks.schwung {
  margin-bottom: 4em;
  position: relative;
}
.pat-stacks.schwung:after {
  content: " ";
  display: table;
  clear: both;
}
.pat-stacks.schwung .item {
  position: relative;
}
.pat-stacks.schwung .item .escape {
  position: absolute;
  top: 0;
  right: -0.4em;
  font-size: 1.5em;
}
.pat-stacks.schwung > * {
  display: block !important;
}
.pat-stacks.schwung > .hidden {
  opacity: 0;
  display: block !important;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.pat-stacks.schwung > .visible {
  -webkit-animation: bounceInLeft 0.5s;
  animation: bounceInLeft 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
}
.pat-stacks.schwung > .visible#logos {
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
:root {
  --colour-sticky-note-kind-generic: #f3f1e5;
  --colour-sticky-note-kind-offered: #cadeeb;
  --colour-sticky-note-kind-needed: #e1fff5;
  --sticky-note-padding: 25px;
  --card-min-height: 600px;
  --sticky-note-border-radii: 0;
}
.sticky-note {
  float: left;
  box-sizing: border-box;
  position: relative;
  transition: all 0.4s;
}
.sticky-note.context-stand-alone {
  float: none;
  max-width: 700px;
  margin: 0 auto 2em;
}
.sticky-note.context-stand-alone .sticky-note-content {
  border-radius: var(--sticky-note-border-radii);
}
.sticky-note.context-stand-alone .sticky-note-content .front {
  font-size: 25px;
}
.sticky-note.context-stand-alone .sticky-note-content .front .sticky-note-title,
.sticky-note.context-stand-alone .sticky-note-content .front .sticky-note-text {
  padding: 45px;
}
.sticky-note.context-stand-alone .sticky-note-content .front .comments {
  font-size: 20px;
}
.sticky-note.context-stand-alone .sticky-note-content .front .comments .comment {
  padding-left: 70px;
}
.sticky-note.context-stand-alone .sticky-note-content .front .comments .comment .pat-avatar {
  width: 2.5em;
  height: 2.5em;
}
.sticky-note.kind-load-more {
  width: 100%;
  text-align: center;
  padding-top: 185px;
  height: 450px;
  box-sizing: border-box;
}
.sticky-note.kind-load-more:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  top: 150px;
}
@media (prefers-reduced-motion: reduce) {
.sticky-note.kind-load-more:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
.sticky-note.kind-load-more .sticky-note-content {
  color: rgba(0,0,0,0.5);
  opacity: 1 !important;
  pointer-events: none;
}
.sticky-note.state-inactive img,
.sticky-note.state-inactive a {
  filter: grayscale(1);
}
.sticky-note.state-inactive .sticky-note-content .front {
  background: #efefef !important;
}
.sticky-note.state-inactive .sticky-note-content .front > *:not(.sticky-note-byline) {
  opacity: 0.4;
}
.sticky-note .icon-bookmark,
.sticky-note .icon-bookmark-empty {
  position: absolute;
  right: 10px;
  top: -5px;
  font-size: 28px;
  line-height: 0;
  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 0.8s;
}
.sticky-note .icon-bookmark:active,
.sticky-note .icon-bookmark-empty:active {
  box-shadow: none;
}
.sticky-note .icon-bookmark:hover,
.sticky-note .icon-bookmark-empty:hover {
  text-decoration: none;
}
.sticky-note .icon-bookmark:before,
.sticky-note .icon-bookmark-empty:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
body[dir=rtl] .sticky-note .icon-bookmark:before,
body[dir=rtl] .sticky-note .icon-bookmark-empty:before {
  margin: 0 0 10px 0;
}
.sticky-note .icon-bookmark.active,
.sticky-note .icon-bookmark-empty.active {
  opacity: 1;
  color: var(--body-font-colour);
  text-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.sticky-note .icon-bookmark:hover,
.sticky-note .icon-bookmark-empty:hover {
  opacity: 1;
  transition: opacity 0s;
}
.sticky-note .sticky-note-close-button {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: var(--close-button-height);
  height: var(--close-button-height);
  border-radius: var(--border-radii);
  color: transparent !important;
  filter: none;
  border: none;
  background: none;
  outline: none;
  display: block;
  padding: 0;
  margin: 0;
  transition: transform var(--base-animation-duration) ease-out;
  z-index: 2;
  font-size: 0;
  font-size: 9px;
  user-select: none;
  opacity: 0;
  transition: opacity 1s;
  transition-delay: 0.5s;
  pointer-events: none;
}
.sticky-note .sticky-note-close-button:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.sticky-note .sticky-note-close-button:active {
  box-shadow: inherit;
  transform: scale(0.9);
  box-shadow: none;
}
.sticky-note .sticky-note-close-button:before {
  font-family: fontello;
  content: var(--glyph-cancel);
  display: block;
  width: var(--close-button-height);
  text-align: center;
  font-size: calc(0.7 * var(--close-button-height));
  margin: 0;
  display: block;
  border-radius: var(--border-radii);
  text-indent: 1%;
  line-height: calc(0.95 * var(--close-button-height));
  height: var(--close-button-height);
  color: var(--button-text-colour);
  background-color: var(--button-background-colour);
}
.sticky-note .sticky-note-close-button:before:hover {
  color: var(--button-text-colour-hover);
  background-color: var(--button-background-colour-hover);
  text-decoration: none;
}
.position-out .sticky-note .sticky-note-close-button {
  opacity: 1;
  pointer-events: auto;
}
.sticky-note .flipper {
  height: 100%;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -webkit-transform: preserve-3d;
  -moz-transform: preserve-3d;
  transform: preserve-3d;
}
.sticky-note .flipper .flip-button {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 0.6em;
  display: inline-block;
  padding: 0 1em;
  border-radius: 20px;
  background-color: rgba(0,0,0,0.7);
  color: white;
  line-height: 1.5;
  cursor: default;
}
.sticky-note .flipper .flip-button:hover {
  background-color: var(--body-font-colour);
}
.sticky-note .flipper .front,
.sticky-note .flipper .back {
  width: 100%;
  overflow: hidden;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s cubic-bezier(.17, .67, .66, 1.66);
  -moz-transition: 0.6s cubic-bezier(.17, .67, .66, 1.66);
  transition: 0.6s cubic-bezier(.17, .67, .66, 1.66);
  border-radius: var(--sticky-note-border-radii);
}
.sticky-note .flipper .front {
  z-index: 2;
}
.sticky-note .flipper .back {
  overflow: hidden;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.sticky-note.show-back {
  height: var(--card-min-height);
}
.sticky-note.show-back .flipper .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.sticky-note.show-back .flipper .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.sticky-note .header {
  text-align: center;
  padding: 0.5em;
  margin: 0;
}
.sticky-note .header.collapsible-closed {
  margin-bottom: 0;
}
.sticky-note .header.collapsible-open {
  margin-bottom: 1em;
}
.sticky-note .header:before:before {
  content: var(--glyph-plus-circle);
}
.sticky-note.kind-create {
  min-height: 0;
}
.sticky-note.kind-create .sticky-note-content {
  height: 100%;
  background: rgba(0,0,0,0.1);
  box-shadow: 0 1px 5px rgba(0,0,0,0);
  border-radius: var(--button-border-radius);
}
.sticky-note.kind-create .sticky-note-content .header {
  color: rgba(0,0,0,0.8);
  cursor: default;
  font-size: 1.3em;
  position: relative;
  z-index: 2;
  margin: 0;
  border-radius: var(--button-border-radius);
}
.sticky-note.kind-create .sticky-note-content .header:before {
  font-family: fontello;
  content: var(--glyph-plus-circle);
  margin-right: 8px;
}
.sticky-note.kind-create .sticky-note-content .header.collapsible-closed:hover {
  background: rgba(0,0,0,0.05);
  color: var(--body-font-colour);
  border-radius: var(--button-border-radius);
}
.sticky-note.kind-create .sticky-note-content .header.collapsible-open {
  background: rgba(0,0,0,0.05);
  color: var(--body-font-colour);
  border-radius: var(--sticky-note-border-radii);
}
.sticky-note.kind-create .sticky-note-content .panel-content {
  box-sizing: border-box;
  padding: var(--sticky-note-padding);
}
.sticky-note.kind-create .sticky-note-content.closed .panel-content .button-bar:before {
  opacity: 1;
}
.sticky-note.kind-create .sticky-note-content.open .panel-content .button-bar:before {
  opacity: 1;
}
.sticky-note.kind-create .sticky-note-content.open:before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 1px 5px rgba(0,0,0,.3);
  border-radius: var(--sticky-note-border-radii);
}
.sticky-note.kind-offered .sticky-note-content .front {
  background: var(--colour-sticky-note-kind-offered);
}
.sticky-note.kind-needed .sticky-note-content .front {
  background: var(--colour-sticky-note-kind-needed);
}
.sticky-note .sticky-note-content {
  color: var(--body-font-colour);
  font-size: 18px;
  position: relative;
  margin: 0;
  padding: 0;
  animation: fadeIn 1s;
}
.sticky-note .sticky-note-content fieldset {
  margin: 0;
}
.sticky-note .sticky-note-content .vertical > label,
.sticky-note .sticky-note-content .vertical .pat-checklist {
  position: relative;
  z-index: 2;
  margin-bottom: 12px;
}
.sticky-note .sticky-note-content .vertical .button-bar {
  position: static;
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 18px;
}
[lang=fr] .sticky-note .sticky-note-content .vertical .button-bar,
[lang=fr-fr] .sticky-note .sticky-note-content .vertical .button-bar,
[lang=de] .sticky-note .sticky-note-content .vertical .button-bar,
[lang=de-de] .sticky-note .sticky-note-content .vertical .button-bar,
[lang=de-ch] .sticky-note .sticky-note-content .vertical .button-bar {
  font-size: 16px;
}
[lang=fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button,
[lang=fr-fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button,
[lang=de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button,
[lang=de-de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button,
[lang=de-ch] .sticky-note .sticky-note-content .vertical .button-bar .pat-button {
  line-height: 29px;
  height: 29px;
}
[lang=fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button:not(.delete),
[lang=fr-fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button:not(.delete),
[lang=de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button:not(.delete),
[lang=de-de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button:not(.delete),
[lang=de-ch] .sticky-note .sticky-note-content .vertical .button-bar .pat-button:not(.delete) {
  margin: 0 0.3em 0 0;
  padding: 0 0.8em;
}
[lang=fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete,
[lang=fr-fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete,
[lang=de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete,
[lang=de-de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete,
[lang=de-ch] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete {
  margin: 0;
}
[lang=fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete:before,
[lang=fr-fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete:before,
[lang=de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete:before,
[lang=de-de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete:before,
[lang=de-ch] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete:before {
  line-height: 29px;
}
.sticky-note .sticky-note-content .vertical .button-bar .pat-button {
  position: relative;
  z-index: 1;
}
.sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete {
  float: right;
  margin: 0 0 0 0.5em;
}
.sticky-note .sticky-note-content .vertical .button-bar:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: ' ';
  z-index: 0;
  background-color: var(--colour-sticky-note-kind-generic);
  transition: all 1s;
  border-radius: var(--sticky-note-border-radii);
}
.sticky-note .sticky-note-content [data-value="sticky-note-kind-offered"] ~ .button-bar:before {
  background-color: var(--colour-sticky-note-kind-offered);
}
.sticky-note .sticky-note-content [data-value="sticky-note-kind-needed"] ~ .button-bar:before {
  background-color: var(--colour-sticky-note-kind-needed);
}
.sticky-note .sticky-note-content .front {
  background: var(--colour-sticky-note-kind-generic);
  box-shadow: 0 0 2px rgba(0,0,0,0.1),
			            0 2px 40px rgba(0,0,0,0.1);
}
.sticky-note .sticky-note-content .front .sticky-note-media {
  margin-bottom: 25px;
  margin-top: 5px;
}
.sticky-note .sticky-note-content .front .sticky-note-media img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.sticky-note .sticky-note-content .front .sticky-note-title {
  font-size: 1.2em;
  padding: var(--sticky-note-padding) var(--sticky-note-padding) 24px var(--sticky-note-padding);
  margin-bottom: -10px;
  position: relative;
}
.sticky-note .sticky-note-content .front .sticky-note-byline {
  margin-top: -15px;
}
.sticky-note .sticky-note-content .front .sticky-note-byline .warning {
  color: red;
  font-weight: bold;
  padding: 0 var(--sticky-note-padding) 24px var(--sticky-note-padding);
}
.sticky-note .sticky-note-content .front .sticky-note-text {
  padding: 0 var(--sticky-note-padding);
  margin-bottom: 0.5em;
}
.sticky-note .sticky-note-content .front .sticky-note-data .name {
  display: inline;
  clear: both;
  font-weight: bold;
}
.sticky-note .sticky-note-content .front .sticky-note-data .value {
  display: inline;
  font-weight: bold;
}
.sticky-note .sticky-note-content .back {
  padding: var(--sticky-note-padding);
  background-color: #efefef;
  box-shadow: 0 1px 5px rgba(0,0,0,.3);
}
.sticky-note .sticky-note-content .back .sticky-note-field-text {
  height: 160px;
  min-height: 160px;
  max-height: 160px;
}
.sticky-note.context-portlet .sticky-note-content {
  font-size: 16px;
}
.sticky-note.context-portlet .sticky-note-content .front .sticky-note-title {
  padding-right: 50px;
}
.sticky-note .comments {
  background-color: rgba(0,0,0,0.05);
  padding: 5px;
  margin: 0;
  font-size: 16px;
}
.sticky-note .comments .comment {
  padding-left: 50px;
}
.sticky-note .comments .comment .pat-avatar {
  left: 10px;
}
.sticky-note .comments .update-social {
  background-color: transparent;
}
.sticky-note .comments .update-social.status-active .content-mirror,
.sticky-note .comments .update-social.status-active textarea {
  padding-top: 0.4em;
}
.sticky-note .comments .update-social .button-bar {
  background: transparent;
}
[lang=de] .sticky-note .comments .update-social .button-bar,
[lang=de-de] .sticky-note .comments .update-social .button-bar,
[lang=de-ch] .sticky-note .comments .update-social .button-bar {
  font-size: 13px;
}
:root {
  --sticky-note-gutter: 1rem;
}
.sticky-notes {
  margin: 0 auto;
  display: block;
  position: relative;
}
@media only screen and (min-width: 769px) {
.sticky-notes {
  margin: 0 calc(-0.7 * var(--grid-gutter));
}
}
.sticky-notes .js:before {
  position: fixed !important;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
}
@media (prefers-reduced-motion: reduce) {
.sticky-notes .js:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@container screen style(--screen-small: true) {
.sticky-notes {
  margin: 0;
}
}
.sticky-notes.masonry-ready:before {
  display: none;
}
@container screen style(--screen-small: true) {
.sticky-notes .grid-sizer,
.sticky-notes .sticky-note {
  width: 100%;
}
}
@media only screen and (min-width: 768px) {
.sticky-notes .grid-sizer,
.sticky-notes .sticky-note {
  width: 50%;
}
}
@media only screen and (min-width: 1100px) {
.sticky-notes .grid-sizer,
.sticky-notes .sticky-note {
  width: 33.33332%;
}
}
@media only screen and (min-width: 1500px) {
.sticky-notes .grid-sizer,
.sticky-notes .sticky-note {
  width: 25%;
}
}
@media only screen and (min-width: 1850px) {
.sticky-notes .grid-sizer,
.sticky-notes .sticky-note {
  width: 20%;
}
}
.sticky-notes .sticky-note {
  box-sizing: border-box;
  padding: 0 var(--sticky-note-gutter);
}
@media only screen and (min-width: 769px) {
.sticky-notes .sticky-note {
  padding: 0 var(--sticky-note-gutter) calc(2 * var(--sticky-note-gutter));
}
}
@container screen style(--screen-small: true) {
.sticky-notes .sticky-note {
  padding: 0 0 var(--sticky-note-gutter) 0;
}
}
.js .sticky-notes .sticky-note {
  opacity: 0;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.js .sticky-notes.masonry-ready .sticky-note {
  opacity: 1;
}
.sub-nav {
  text-align: center;
  display: block;
  margin-bottom: 3em;
}
.sub-nav a {
  display: inline-block;
  margin-right: 10px;
  text-decoration: none;
  background: rgba(0,0,0,0.2);
  border-radius: 25px;
  padding: 4px 20px 0;
  line-height: 1.6em;
}
.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: var(--glyph-cancel);
  line-height: calc(var(--global-header-height) - 2 * var(--application-label-white-space) - 6px);
  font-family: fontello;
  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;
}
.suite-logo.pat-switch:hover:before {
  background-color: rgba(0,0,0,0.2);
}
table.schedule th,
table.schedule td {
  padding: 2px 20px 2px 0;
  vertical-align: top;
}
table.schedule th.time,
table.schedule td.time {
  color: gray;
}
table.schedule tr.title-row th {
  font-size: 1.2em;
}
table.schedule tbody tr:last-child th,
table.schedule tbody tr:last-child td {
  padding-bottom: 20px;
}
table.schedule .time,
table.schedule .date {
  font-weight: bold;
  white-space: nowrap;
}
table.schedule time {
  white-space: nowrap;
}
table.data-table {
  font-size: 0.8em;
  line-height: 1.25em;
  hyphens: auto;
  border-collapse: collapse;
  width: 100%;
  background-color: var(--colour-base-background);
}
table.data-table.sd {
  font-size: inherit;
  line-height: inherit;
}
table.data-table tr:first-child th,
table.data-table tr:first-child td {
  border-top: var(--colour-accent) 1px solid;
}
table.data-table tr th,
table.data-table tr td {
  border-bottom: var(--colour-accent) 1px solid;
  padding: 0.3em 0.5em;
}
table.data-table tr th:nth-child(odd),
table.data-table tr td:nth-child(odd) {
  background-color: #efefef;
}
table.data-table tr.infinite-scrolling {
  background-color: transparent;
}
table.data-table tr.infinite-scrolling th,
table.data-table tr.infinite-scrolling td {
  border: none;
  background-color: transparent;
}
table.data-table tr.infinite-scrolling th .infinite-scrolling-trigger,
table.data-table tr.infinite-scrolling td .infinite-scrolling-trigger {
  margin-top: -50px;
}
table.data-table thead tr th.sorting,
table.data-table thead tr th.sorting_asc,
table.data-table thead tr th.sorting-asc,
table.data-table thead tr th.sorting_desc,
table.data-table thead tr th.sorting-desc {
  position: relative;
  padding-right: 30px;
  top: 0;
}
table.data-table thead tr th.sorting:focus,
table.data-table thead tr th.sorting_asc:focus,
table.data-table thead tr th.sorting-asc:focus,
table.data-table thead tr th.sorting_desc:focus,
table.data-table thead tr th.sorting-desc:focus {
  outline: none;
  cursor: default;
}
table.data-table thead tr th.sorting:after,
table.data-table thead tr th.sorting_asc:after,
table.data-table thead tr th.sorting-asc:after,
table.data-table thead tr th.sorting_desc:after,
table.data-table thead tr th.sorting-desc:after {
  font-family: fontello;
  position: absolute;
  top: 50%;
  right: 0.5em;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  transform: translateY(-50%);
}
table.data-table thead tr th.sorting_asc:after,
table.data-table thead tr th.sorting-asc:after {
  content: var(--glyph-up-circle);
}
table.data-table thead tr th.sorting_desc:after,
table.data-table thead tr th.sorting-desc:after {
  content: var(--glyph-down-circle);
}
table.data-table thead tr th.sorting {
  padding: 0;
}
table.data-table thead tr th.sorting a {
  padding: 0.3em 30px 0.3em 0.5em;
  color: var(--body-font-colour);
  display: block;
  position: relative;
  z-index: 1;
}
table th > *:last-child,
table td > *:last-child {
  margin-bottom: 0;
}
.scroll-table {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  clear: both;
}
.scroll-table.scroll-vertical {
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 130px);
}
.scroll-table.scroll-vertical thead.sticky,
.scroll-table.scroll-vertical tfoot.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}
.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 {
  font-family: fontello;
  content: var(--glyph-angle-double-right);
  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: 10em;
}
}
@media (hover: hover) {
.tabs span.extra-tabs:hover:before {
  color: var(--body-font-colour);
}
}
@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;
}
#tabs-bar .tab:hover {
  background-color: var(--tabs-bar-tab-background-colour-dimmed-hover, var(--tabs-bar-tab-background-colour-dimmed));
}
#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: var(--glyph-cancel);
  line-height: calc(var(--global-header-height) - (2 * var(--application-label-white-space)) - 12px);
  font-family: fontello;
  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);
}
#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 {
  content: var(--glyph-attention);
}
#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));
  font-family: fontello;
  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;
  font-family: fontello;
  content: var(--glyph-down-dir);
  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,
#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:hover,
#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:hover:before,
#tabs-bar .tab .more-menu-toggle.tooltip-active-click: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 {
  font-family: fontello;
  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: var(--glyph-thumbs-up-alt);
}
.tag-cloud li.tag:before,
.tag-cloud > a.tag:before,
.tag-cloud > .tag.tag:before {
  content: var(--glyph-tag);
}
.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);
}
@container screen style(--screen-small: true) {
.tiles {
  height: auto !important;
  position: static !important;
}
}
@container screen style(--screen-small: true) {
.tiles .tile {
  position: relative !important;
  transition: none !important;
  transform: none !important;
  height: auto !important;
  top: 0 !important;
  left: 0 !important;
}
}
@supports (display: grid-lanes) {
.tiles {
  display: grid-lanes;
  gap: var(--grid-gutter);
  display: static !important;
  height: auto !important;
  margin: 0 !important;
}
}
@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 {
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
  width: auto !important;
}
}
@supports (display: grid-lanes) {
.tiles:before {
  display: none !important;
}
}
@supports (display: grid-lanes) {
.tiles .grid-sizer {
  display: none !important;
}
}
.tiles > *:last-child {
  margin-bottom: 0;
}
@supports not (display: grid-lanes) {
.tiles {
  margin: 0 calc(-0.5 * var(--workspace-tile-padding)) 2rem;
  position: relative;
  animation: fadeIn var(--default-animation-duration);
  position: relative;
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: true) {
.tiles {
  display: grid;
  gap: calc(0.5 * var(--grid-gutter));
  margin: 0;
  float: none;
}
}
}
@supports not (display: grid-lanes) {
@media only screen and (min-width: 769px) {
#person-workspaces .tiles .grid-sizer {
  width: 50%;
}
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: true) {
#person-workspaces .tiles .grid-sizer {
  width: 100%;
}
}
}
@supports not (display: grid-lanes) {
.tiles .tile {
  padding: 0 calc(0.5 * var(--workspace-tile-padding)) var(--workspace-tile-padding);
  transition: all var(--base-animation-duration);
  margin: 0 auto;
  float: none;
  width: 33.33333332%;
  margin-bottom: 0;
}
}
@supports not (display: grid-lanes) {
@container screen style(--screen-small: true) {
.tiles .tile {
  padding: 0;
}
}
}
@supports not (display: grid-lanes) {
.tiles .tile.span-2 {
  width: 50%;
}
}
@supports not (display: grid-lanes) {
.tiles .tile.width-full {
  width: 100%;
}
}
@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;
}
}
}
@supports not (display: grid-lanes) {
@media only screen and (min-width: 769px) {
.js .tiles.pat-masonry .tile {
  opacity: 0;
  transition: opacity var(--base-animation-duration);
  float: left;
}
}
}
@supports not (display: grid-lanes) {
@media only screen and (min-width: 769px) {
.js .tiles.pat-masonry.masonry-ready .tile {
  opacity: 1;
}
}
}
.portlet .tiles {
  margin: 0 -0.5em;
}
.quaive-portlet .tiles {
  margin: 0;
}
.quaive-portlet .tiles .tile {
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 769px) {
.tiles.apps {
  margin: 80px 30px 100px;
}
}
@media only screen and (min-width: 769px) {
.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);
}
@media only screen and (min-width: 769px) {
.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;
}
.tiles .edit-button:hover:hover {
  filter: brightness(1.05);
  background-color: rgba(white, 0.5);
}
.tiles .edit-button:before {
  font-family: fontello;
  content: var(--glyph-pencil-1);
  display: block;
  width: 100%;
  line-height: 32px;
  text-align: center;
  color: white;
  font-size: 20px;
}
.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:hover,
.tiles .more-menu-toggle.tooltip-active-click {
  text-decoration: none;
  opacity: 1;
  transition: none;
}
.tiles .more-menu-toggle:hover:before,
.tiles .more-menu-toggle.tooltip-active-click: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;
}
.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;
}
.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;
}
@media only screen and (min-width: 769px) {
#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;
}
@media only screen and (min-width: 769px) {
#portlet-bookmarked-workspaces.span-2 .tiles .tile {
  width: 50%;
}
}
@media only screen and (min-width: 769px) {
.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;
}
.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;
}
@container screen style(--screen-small: true) {
.tiles .tile.workspace {
  width: 100% !important;
  padding-bottom: 18px;
}
}
.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);
}
.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);
}
.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%;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
@media (orientation: portrait) {
.tiles .tile.app {
  width: 25%;
}
}
}
@media only screen and (min-width: 769px) {
.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);
}
.tiles .tile a.link:hover {
  text-decoration: none;
}
.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);
}
.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;
  margin-top: var(--workspace-tile-title-margin-top, 0px);
}
.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;
}
.tile.tile-appsworkspaces:not(:has(.quaive-bookmark-icon)) {
  --workspace-tile-title-margin-top: 0;
}
.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;
}
.timeline {
  padding: 4%;
  white-space: nowrap;
  text-align: center;
  overflow: auto;
  letter-spacing: -0.2em;
  display: block;
  background-color: var(--colour-base-background);
  border: #dedede 1px solid;
  border-radius: var(--border-radii);
}
@container screen style(--screen-small: true) {
.timeline {
  display: none;
}
}
.timeline.state-frozen {
  margin-bottom: 2em;
}
.timeline-container .timeline {
  border: none;
  border-radius: 0;
}
@container screen style(--screen-small: true) {
.timeline-container .timeline {
  display: none;
}
}
.timeline .section {
  letter-spacing: 0em;
  display: inline-block;
  padding-top: 14em;
  padding-bottom: 5em;
  border-left: 0.1em dotted silver;
  border-right: 0.1em dotted silver;
  margin-right: -0.075em;
  position: relative;
  min-width: 6em;
}
.timeline .section .due-date {
  position: absolute;
  bottom: -1.8rem;
  right: 0;
  font-size: 0.7em;
  transform: translateX(50%);
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.5;
  height: 2em;
  text-align: center;
}
.timeline .section .due-date .warning {
  display: block;
}
.timeline .section.state-overdue {
  border-right: 0.1em solid red;
}
.timeline .section.state-overdue .due-date {
  color: red;
  font-weight: bold;
}
.timeline .section > ul {
  position: relative;
  z-index: 1;
}
.timeline .section:after {
  content: ' ';
  display: block;
  background-color: LightSkyBlue;
  height: 0.8em;
  margin-top: 0.45em;
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  margin-left: -2em;
  margin-right: -2em;
}
.timeline .section:first-of-type:after {
  margin-left: 1.5em;
}
.timeline .section:last-of-type:after {
  display: none;
}
.timeline .section.actioned {
  padding-right: 2em;
}
.timeline .section .action {
  position: absolute;
  right: -1.15em;
  bottom: 4.65em;
  border-radius: 50%;
  width: 1.95em;
  height: 1.95em;
  background-color: var(--colour-base-background);
  border: 0.2em LightSkyBlue solid;
  z-index: 1;
  margin: 0;
}
.timeline .section .action:after {
  content: " ";
  display: block;
  height: 0.8em;
  width: 2em;
  position: absolute;
  right: 0.69em;
  top: 0.53em;
  left: -2em;
  z-index: -1;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
  clip-path: polygon(100% 0, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
}
.timeline .section .action .link {
  font-weight: bold;
  position: absolute;
  top: -1em;
  left: 2.2em;
  width: 15.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-transform: rotate(-45deg);
  -moz-transform-origin: 0 center;
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: 0 center;
  transform: rotate(-45deg);
  transform-origin: 0 center;
  color: var(--body-font-colour);
  cursor: default;
}
.timeline .section .action .link:hover {
  text-decoration: none;
}
.timeline .section .action.icon:before {
  display: block;
  width: 1.9em;
  height: 1.9em;
  line-height: 1.65em;
  position: absolute;
  top: 0.25em;
  left: -0.17em;
  color: LightSkyBlue;
  z-index: 2;
}
.timeline .section .section-label {
  color: gray;
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 1em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5em;
}
.timeline .section .step-background {
  width: 1.7em;
  min-height: 1.7em;
  float: left;
  position: relative;
  margin-right: 1em;
  margin-left: 1em;
}
.timeline .section .step-background.illustrated:before {
  content: " ";
  position: absolute;
  left: 0.65em;
  top: 0;
  bottom: 0;
  width: 0.2em;
  background-color: silver;
}
.timeline .section .step-background .illustration {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  overflow: hidden;
  float: left;
  margin: 3em -2.5em 0;
  position: relative;
  left: 0.55em;
  border: 0.2em silver solid;
}
.timeline .section .step-background .illustration.pos-1 {
  margin-top: 3em;
}
.timeline .section .step-background .illustration.pos-2 {
  margin-top: 9em;
}
.timeline .section .step-background .illustration.pos-3 {
  margin-top: 6em;
}
.timeline .section .step-background .illustration a {
  position: absolute;
  left: -100em;
  right: -100em;
  top: 0;
  bottom: 0;
  text-align: center;
}
.timeline .section .step-background .illustration a img {
  height: 100%;
  cursor: pointer;
}
.timeline .section .step-background .step-label.icon:before {
  border-radius: 50%;
  display: block;
  margin: 0;
  line-height: 1.9em;
  width: 100%;
  position: absolute;
  color: white;
  z-index: 2;
}
.timeline .section .step-background:after {
  content: " ";
  display: block;
  background-color: LightSkyBlue;
  height: 0.8em;
  width: 3.1em;
  position: absolute;
  right: 0.69em;
  top: 0.45em;
  z-index: 0;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
  clip-path: polygon(100% 0, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
}
.timeline .section .step-background.state-closed .step-label {
  background-color: #23C27E;
}
.timeline .section .step-background.state-closed:after {
  background-color: #23C27E;
}
.timeline .section .step-background.state-overdue .step-label {
  background-color: red;
}
.timeline .section .step-background.state-overdue .step-label .link .label-text {
  color: red;
}
.timeline .section .step-background.state-overdue .step-label .link .label-text:before {
  font-family: fontello;
  content: var(--glyph-attention);
}
.timeline .section .step-background.state-overdue:after {
  background-color: red;
}
.timeline .section .step-background#item-1:after {
  display: none;
}
.timeline .section .step-background .step-label {
  position: absolute;
  top: 0;
  border-radius: 50%;
  width: 1.8em;
  height: 1.8em;
  background-color: LightSkyBlue;
  display: block;
}
.timeline .section .step-background .step-label .link {
  text-decoration: none;
  bottom: 1.5em;
  left: 1.9em;
  display: block;
  white-space: nowrap;
  position: absolute;
  -moz-transform: rotate(-45deg);
  -moz-transform-origin: 0 center;
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: 0 center;
  transform: rotate(-45deg);
  transform-origin: 0 center;
  background-color: var(--colour-base-background);
  z-index: 1;
}
.timeline .section .step-background .step-label .link .label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 14em;
  display: block;
  color: rgba(0,0,0,0.5);
}
.timeline .section .step-background .step-label .link .info-link {
  position: absolute;
  font-size: 0.8em;
  right: -1.8em;
  top: 0.5em;
  color: rgba(0,0,0,0.5);
}
.timeline .section .step-background .step-assignee {
  position: absolute;
  top: 1.9em;
  left: -0.4em;
  width: 2.5em;
  padding-bottom: 1em;
  padding-top: 0.7em;
  text-align: center;
}
.timeline .section .step-background .step-assignee:before {
  width: 1px;
  height: 0.7em;
  background-color: silver;
  display: block;
  position: absolute;
  top: 0;
  left: 1.25em;
  content: " ";
}
.timeline .section .step-background .step-assignee .pat-avatar {
  margin: 0 auto;
  width: 2.5em;
  height: 2.5em;
}
.timeline .section .step-background .step-assignee .date {
  display: block;
  font-size: 0.6em;
  color: gray;
  line-height: 1em;
}
.timeline .section .step-background .text {
  font-size: small;
}
.timeline .section.state-finished .action {
  border-color: #23C27E;
}
.timeline .section.state-finished .action:after {
  background-color: #23C27E;
}
.timeline .section.state-finished .action:before {
  color: #23C27E;
}
.timeline .section.state-finished:after {
  background-color: #23C27E;
}
.timeline .section.state-finished .step-label {
  background-color: #23C27E;
}
.timeline .section.state-finished .step-label.icon:before {
  border-color: #23C27E;
}
.timeline .section.state-finished .step-background:after {
  background-color: #23C27E;
}
.timeline .section.state-overdue .action {
  border-color: red;
}
.timeline .section.state-overdue .action .link {
  color: red;
}
.timeline .section.state-overdue .action .link:before {
  font-family: fontello;
  content: var(--glyph-attention);
}
.timeline .section.state-overdue .action:after {
  background-color: red;
}
.timeline .section.state-overdue .action:before {
  color: red;
}
.timeline .section.state-overdue:after {
  background-color: red;
}
.timeline .section.state-overdue .step-label {
  background-color: red;
}
.timeline .section.state-overdue .step-label.icon:before {
  border-color: red;
}
.timeline .section.actioned + .section {
  padding-left: 2em;
}
.timeline-container {
  background-color: var(--colour-base-background);
  border: #dedede 1px solid;
  border-radius: var(--border-radii);
  overflow: hidden;
  padding: 0 0 2em 0;
  position: relative;
}
.timeline-container.state-frozen .timeline {
  -moz-filter: blur(20px);
  -webkit-filter: blur(20px);
  filter: blur(20px);
  -moz-transition: filter 1.5s;
  -webkit-transition: filter 1.5s;
  transition: filter 1.5s;
  border-top-left-radius: var(--border-radii);
  border-top-right-radius: var(--border-radii);
}
.timeline-container.state-frozen:hover .timeline {
  -moz-filter: blur(0);
  -webkit-filter: blur(0);
  filter: blur(0);
}
.timeline-container.state-frozen:hover .explanation {
  opacity: 0;
}
.timeline-container .controls {
  margin-top: -1em;
  text-align: center;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 20px;
}
.timeline-container .controls .pat-button {
  font-size: 32px;
  color: #6883a7;
  border-color: #869ebf;
  background-color: #c8d4e6;
  line-height: 50px;
  margin: 0;
}
.timeline-container .explanation {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 7em 3em 3em;
  z-index: 2;
  background-color: rgba(230,240,250,0.7);
  text-align: center;
  font-size: 1.2em;
  line-height: 1.8em;
  opacity: 1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  pointer-events: none;
  border-radius: var(--border-radii);
  border: 3px solid rgba(134,158,191,1);
  text-shadow: 0 0 20px white;
  box-shadow: inset 0 0 60px rgba(134,158,191,0.5);
  color: rgba(134,158,191,1);
}
.timeline-container .explanation .header {
  font-size: 3em;
  margin-bottom: 0.5em;
  display: block;
  font-weight: 100;
  letter-spacing: 2px;
  text-align: center;
}
.timeline-container .explanation .reason {
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  margin-top: -2em;
  margin-bottom: 2em;
  padding: 0 1em;
  line-height: 1.5em;
  text-align: center;
  color: rgba(255,255,255,0.6);
  background-color: rgba(134,158,191,0.8);
}
.timeline-container .explanation .reason * {
  font-weight: normal;
  color: white;
}
.timeline-container .explanation .description {
  text-align: center;
}
#toggle-sidebar {
  position: absolute;
  top: calc(100vh - 150px);
  left: calc(var(--sidebar-margin-left) + var(--sidebar-width));
  z-index: 1;
  height: var(--pat-toolbar-button-height);
  width: var(--pat-toolbar-button-height);
  margin: 0;
  padding: 0;
  box-sizing: content-box;
  overflow: hidden;
  box-shadow: var(--default-box-shadow);
  background: var(--sidebar-background-colour);
  border-top-right-radius: var(--border-radii);
  border-bottom-right-radius: var(--border-radii);
  transition: all 0.3s;
  user-select: none;
}
.module-workspace-home #toggle-sidebar {
  opacity: 0;
}
.application-workspace #toggle-sidebar,
.application-workspaces #toggle-sidebar {
  left: 32px;
  border-radius: 50%;
}
.application-workspace #toggle-sidebar:before,
.application-workspace #toggle-sidebar .open,
.application-workspace #toggle-sidebar .close,
.application-workspaces #toggle-sidebar:before,
.application-workspaces #toggle-sidebar .open,
.application-workspaces #toggle-sidebar .close {
  border-radius: 50%;
}
#toggle-sidebar:hover .open,
#toggle-sidebar:hover .close {
  background: var(--pat-button-background-colour-hover);
}
#toggle-sidebar:hover .open:before,
#toggle-sidebar:hover .close:before {
  color: var(--pat-button-text-colour-hover);
}
#toggle-sidebar:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: fontello;
  font-size: 22px;
  line-height: var(--pat-toolbar-button-height);
  text-align: center;
  content: var(--glyph-sidebar-left-open);
  color: var(--pat-button-text-colour);
}
@container main (min-width: calc(768px + 1px)) {
.sidebar-left-open #toggle-sidebar:before {
  content: var(--glyph-sidebar-left);
}
}
.application-body.sidebar-left-open:has(.sidebar.left .sidebar-toggle.left) #toggle-sidebar,
.application-body:has(.document-body .sidebar-toggle.left) #toggle-sidebar,
.application-body.sidebar-large #toggle-sidebar {
  left: 0;
}
#toggle-sidebar .open,
#toggle-sidebar .close {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  text-indent: -2000px;
  background: var(--pat-button-background-colour);
}
#toggle-sidebar .open:active,
#toggle-sidebar .close:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.5);
}
.sidebar-left-closed #toggle-sidebar .open {
  display: block;
}
@container main (min-width: calc(768px + 1px)) {
.sidebar-left-open.focus-document #toggle-sidebar .open {
  display: block;
}
}
@container main (min-width: calc(768px + 1px)) {
.sidebar-left-open #toggle-sidebar .close {
  display: block;
}
}
.slideshow-running #toggle-sidebar {
  display: none;
}
@media print {
#toggle-sidebar {
  display: none;
}
}
@container main (max-width: 768px) {
#toggle-sidebar {
  display: none;
}
}
.form-page-head {
  margin: 0 0 50px 0;
  --pat-form-input-field-box-shadow: none !important;
}
.form-page-head .title-block {
  position: relative;
}
.form-page-head .title-block p,
.form-page-head .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);
}
.form-page-head .title-block .validation.message {
  font-size: 1rem;
}
.form-page-head .title-block .placeholder {
  font-style: normal;
  color: silver;
}
.form-page-head .title-block h1,
.form-page-head .title-block .rich-page-title {
  min-height: var(--pat-rich-header-level-1-font-size);
}
.form-page-head .title-block textarea:focus {
  outline: none;
  box-shadow: none;
}
.form-page-head .summary-block {
  position: relative;
  margin: 0;
}
.form-page-head .summary-block p,
.form-page-head .summary-block textarea {
  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);
  min-height: var(--pat-rich-summary-line-height);
  background-color: transparent !important;
}
.form-page-head .summary-block .validation.message {
  font-size: 1rem;
}
.form-page-head .summary-block .placeholder {
  font-style: normal;
  color: silver;
}
.form-page-head .summary-block textarea:focus {
  outline: none;
  outline-offset: 5px;
}
.form-page-head .summary-block .pat-content-mirror {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  resize: none;
  width: 100%;
  height: 100%;
  background: transparent;
  box-shadow: none;
}
.form-page-head .summary-block .pat-content-mirror.has-value {
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-color: transparent;
}
@container screen style(--screen-small: true) {
body:not(.public-view) #portal .pat-toolbar .ueber-back-button,
body:not(.public-view) .document-body .pat-toolbar .ueber-back-button {
  display: none;
}
}
@container screen style(--screen-small: true) {
.pat-toolbar .list-grid-toggle {
  display: none;
}
}
@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 {
  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 {
  text-align: right;
}
}
@container screen style(--screen-small: true) {
.pat-toolbar .pat-button.cancel:before {
  font-family: fontello;
  content: var(--glyph-cancel);
  text-indent: 0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: calc(var(--pat-toolbar-button-line-height) + 1px);
  display: inline-block;
  box-sizing: border-box;
  border-radius: var(--button-border-radius);
}
}
:root {
  --pat-toolbar-icon-backdrop-filter: blur(10px) saturate(4) brightness(1.2);
  --pat-toolbar-icon-frost-background: var(--colour-floating-ui-elements-background, 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:not(.default):hover,
.canvas-toolbar .icon:not(.default):hover {
  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);
}
.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);
}
@container screen style(--screen-small: false) {
.no-icon[class*="icon-"]::before {
  display: none;
}
}
@media only screen and (max-width: 768px) {
.js .pat-toolbar [class*="icon-"]:not(.icon) {
  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);
}
}
@media only screen and (max-width: 768px) {
.js .pat-toolbar .default[class*="icon-"]:not(.icon) {
  background-color: var(--app-colour, var(--button-background-colour-default));
  color: var(--button-text-colour-default);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
}
@media only screen and (max-width: 768px) {
.js .pat-toolbar .default[class*="icon-"]:not(.icon):hover {
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
  color: var(--button-text-colour-default-hover);
}
}
: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: 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 {
  font-family: fontello;
  content: var(--glyph-globe);
  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;
}
.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;
}
@media only screen and (min-width: 769px) {
.tooltip-container ul.menu .menu-item-sidebar {
  display: none;
}
}
@container screen style(--screen-small: true) {
.tooltip-container ul.menu .menu-item-toggle-on-screen-help {
  display: none;
}
}
.tooltip-container.unlock-dialogue .tippy-box {
  max-width: 100% !important;
}
@media only screen and (min-width: 769px) {
.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: 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 {
  margin-left: -1.5em;
  font-family: fontello;
  float: left;
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-dashboard:before,
.tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-dashboard:before,
.tooltip-container.personal-menu .tippy-content a.tab.section-dashboard:before,
.tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-dashboard:before {
  content: var(--glyph-speedometer);
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-news:before,
.tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-news:before,
.tooltip-container.personal-menu .tippy-content a.tab.section-news:before,
.tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-news:before {
  content: var(--glyph-newspaper-angle);
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-library:before,
.tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-library:before,
.tooltip-container.personal-menu .tippy-content a.tab.section-library:before,
.tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-library:before {
  content: var(--glyph-squares);
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-workspaces:before,
.tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-workspaces:before,
.tooltip-container.personal-menu .tippy-content a.tab.section-workspaces:before,
.tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-workspaces:before {
  content: var(--glyph-workspace);
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-apps:before,
.tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-apps:before,
.tooltip-container.personal-menu .tippy-content a.tab.section-apps:before,
.tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-apps:before {
  content: var(--glyph-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;
}
@media (max-width: 680px) {
.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;
}
}
@media (max-width: 680px) {
.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;
}
}
@media (max-width: 680px) {
.tooltip-container.candy-box {
  inset: calc(var(--global-header-height) + 15px) 15px auto 15px !important;
}
}
.topic-menu {
  padding: 0;
  margin: 0 0 0 0;
}
.topic-menu:after {
  content: " ";
  display: table;
  clear: both;
}
.topic-menu .item {
  display: block;
  position: relative;
  margin: 0 auto 1em auto;
  padding: 0;
  border-radius: var(--border-radii);
}
.topic-menu .item a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  width: 100%;
  border-radius: var(--border-radii);
  padding: var(--pat-x-list-padding);
  line-height: 26px;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  white-space: nowrap;
  box-sizing: border-box;
  background-color: var(--colour-sidebar-extras);
  color: var(--colour-link);
  text-decoration: none;
}
.topic-menu .item a:not(.current):hover {
  text-decoration: none;
  background-color: var(--colour-sidebar-extras-hover);
  color: var(--colour-link-hover);
}
.topic-menu .item a.current {
  background-color: var(--colour-accent);
  color: white;
  cursor: default;
}
.topic-menu .item a::before {
  font-family: fontello;
  font-size: 1em;
  flex: 0 0 auto;
}
.topic-menu .item a.arrow:after {
  font-family: fontello;
  content: var(--glyph-right-open-2);
  position: absolute;
  right: 4%;
  top: 50%;
  font-size: 16px;
  transform: translateY(-50%);
}
.ueber-back-button {
  display: inline-block;
  line-height: var(--ueber-back-button-height);
  height: var(--ueber-back-button-height);
  color: var(--ueber-back-button-text-colour);
  font-size: var(--ueber-back-button-font-size);
  padding: var(--ueber-back-button-padding);
  position: relative;
  margin-left: 0;
  font-weight: bold;
  max-width: 100%;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  cursor: default;
}
.ueber-back-button .overflow-protector {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
@container screen style(--screen-small: true) {
#app-space .ueber-back-button {
  display: none;
}
}
.ueber-back-button:before {
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 
			calc(0.5 * var(--ueber-back-button-arrow-height)) 
			calc(2px + var(--ueber-back-button-arrow-width))
			calc(0.5 * var(--ueber-back-button-arrow-height)) 
			0;
  border-color: 
			transparent 
			var(--ueber-back-button-background-colour) 
			transparent 
			transparent;
  position: absolute;
  left: 0;
  top: 2.5px;
}
.ueber-back-button:after {
  content: ' ';
  background: var(--ueber-back-button-background-colour);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--ueber-back-button-arrow-width);
  clip-path: inset(0 0 0 2px);
  display: block;
  border-top-right-radius: var(--ueber-back-button-border-radius);
  border-bottom-right-radius: var(--ueber-back-button-border-radius);
  border-top-left-radius: var(--ueber-back-button-border-radius-left);
  border-bottom-left-radius: var(--ueber-back-button-border-radius-left);
  z-index: -1;
}
.ueber-back-button:hover {
  color: var(--ueber-back-button-text-colour-hover);
  text-decoration: none;
}
.ueber-back-button:hover:before {
  border-color:
				transparent
				var(--ueber-back-button-background-colour-hover)
				transparent
				transparent;
}
.ueber-back-button:hover:after {
  background: var(--ueber-back-button-background-colour-hover);
}
body[dir=rtl] .ueber-back-button {
  padding: 0 2em 0 1.5em;
}
body[dir=rtl] .ueber-back-button:before {
  border-width:
				calc(0.5 * var(--ueber-back-button-arrow-height))
				0
				calc(0.5 * var(--ueber-back-button-arrow-height))
				calc(2px + var(--ueber-back-button-arrow-width));
  border-color:
				transparent
				transparent
				transparent
				var(--ueber-back-button-background-colour);
  left: auto;
  right: 0;
}
body[dir=rtl] .ueber-back-button:after {
  left: 0;
  right: var(--ueber-back-button-arrow-width);
  clip-path: inset(0 2px 0 0);
  border-top-right-radius: var(--ueber-back-button-border-radius-left);
  border-bottom-right-radius: var(--ueber-back-button-border-radius-left);
  border-top-left-radius: var(--ueber-back-button-border-radius);
  border-bottom-left-radius: var(--ueber-back-button-border-radius);
}
body[dir=rtl] .ueber-back-button:hover:before {
  border-color:
				transparent
				transparent
				transparent
				var(--ueber-back-button-background-colour-hover);
}
.ueber-selector {
  position: relative;
  overflow-x: auto;
  overflow-y: 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;
}
@media only screen and (min-width: 1280px) {
.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);
}
.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: 0.5em;
}
.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%;
}
@media only screen and (min-width: 1280px) {
.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: 0.5em 0.5em 2em;
}
.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;
  height: 1.7em;
  right: 0.5em;
  top: 0;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  line-height: 1.7em;
}
.update-social .icon-attach:hover,
.update-social .icon-attach:active {
  color: var(--body-font-colour);
}
.update-social .icon-attach:before {
  display: block;
  width: 1.7em;
  text-align: center;
  line-height: 1.7em;
  height: 1.7em;
}
.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.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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.update-social .attachments .attachment-previews.injecting:before {
  animation: none;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.update-social .attachments .attachment-previews.injecting:before {
  animation: none;
}
}
.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: 1em;
}
.update-social .button-bar {
  background-color: rgba(0, 0, 0, 0.08);
  height: 0;
  padding: 0 9px;
  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:hover,
.update-social .button-bar label.visibility.focus {
  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: 26px;
}
[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: 25px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.update-social.question.status-active .button-bar,
.update-social.question.status-attach .button-bar {
  height: auto;
}
.comment-flex {
  display: flex;
  align-items: start;
  gap: 0.5em;
  margin-top: 10px;
}
.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: 39px;
  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 {
  font-family: fontello;
  content: var(--glyph-heart-empty);
  display: block;
  font-size: 20px;
  line-height: 1;
}
.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 {
  content: var(--glyph-heart);
}
.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;
}
: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";
}
.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;
}
.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: var(--glyph-right-open-1);
  width: 30px;
  height: 30px;
  color: white;
  border-radius: 50%;
  background-color: var(--colour-link);
  color: white;
  font-family: fontello;
  text-align: center;
  line-height: 30px;
  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: var(--glyph-asterisk);
}
.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: var(--glyph-010-tomb);
}
.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;
  font-family: fontello;
  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-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);
}
.user-info-header.type-emergency-service .contact-info-icon:hover,
.contact-info-header.type-emergency-service .contact-info-icon:hover {
  text-decoration: none;
}
@media only screen and (min-width: 769px) {
.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;
  width: 10.2rem;
  height: 10.2rem;
}
.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;
  top: 117px;
  left: 50%;
  transform: translateX(39px);
  border-radius: 50%;
  background: #cccccc;
  color: rgba(0,0,0,0.6);
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 20px;
}
.user-info-header .edit:before,
.contact-info-header .edit:before {
  display: block;
  line-height: 45px;
  width: 100%;
  z-index: 2;
  position: relative;
  color: rgba(0,0,0,0.7);
}
.user-info-header .edit:after,
.contact-info-header .edit:after {
  display: block;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  position: absolute;
  z-index: 1;
  background: rgba(#fff, 0.7);
  border-radius: 50%;
  content: ' ';
}
.user-info-header .edit:hover,
.contact-info-header .edit:hover {
  color: var(--body-font-colour);
}
.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-list .item {
  border-top: 1px solid rgba(0,0,0,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.2);
  margin-bottom: -1px;
  display: block;
  position: relative;
  color: var(--colour-primary);
  padding: 0;
}
.user-list .item .follow {
  display: block;
  color: var(--colour-primary);
  padding: 0.5em 1.5em 0.5em 4.1em;
}
.user-list .item .follow:hover {
  text-decoration: none;
}
.user-list .item br {
  display: none;
}
.user-list .item .functions {
  float: right;
  padding-top: 1.4em;
}
.user-list .item .functions .label {
  float: right;
  color: white;
  padding: 0 0 0 1em;
  background-color: var(--colour-accent);
  border-radius: 1em;
  margin-right: 0.5em;
}
.user-list .item .functions .label a {
  color: white;
}
.user-list .item .functions .label .remove {
  float: right;
  border-left: 1px solid rgba(0,0,0,0.4);
  width: 1em;
  height: 1em;
  overflow: hidden;
  border: none;
  background: none;
  text-indent: -100em;
}
.user-list .item .functions .label .remove:before {
  content: 'x';
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
}
.user-list .item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.user-list .item .byline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.user-list .item img {
  background-color: var(--pat-avatar-background-colour);
  border: none;
  color: white;
  box-shadow: inset 0 0 5% rgba(0, 0, 0, 0.4);
  aspect-ratio: 1 / 1;
  display: inline-grid;
  grid-template-areas: "avatar-image";
  padding: 0;
  box-sizing: border-box;
  border-radius: 3em;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0.5em;
  top: 0.5em;
}
.user-list .item img.inactive {
  background-color: #efefef !important;
  box-shadow: inset 0 0 8px 2px rgba(0,0,0,0.2);
}
.user-list .item img.inactive img {
  filter: grayscale(100%) brightness(250%) contrast(50%);
}
.user-list .item img.deceased img {
  filter: grayscale(100%);
}
.user-list .item img.deceased:not(:has(img)) {
  filter: grayscale(100%);
}
.user-list .item img:before {
  text-align: center;
  display: block;
  content: attr(data-initials);
  grid-area: avatar-image;
  align-content: center;
  align-self: center;
  justify-self: center;
}
.user-list .item img:has(img):before {
  display: none;
}
.user-list .item img img {
  border: none;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  grid-area: avatar-image;
  align-content: center;
  align-self: center;
  justify-self: center;
  border-radius: 50%;
  filter: var(--pat-avatar-filter, none);
}
.user-list .item img img.default-user {
  opacity: 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);
}
.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;
}
.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;
}
.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 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: none;
}
#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;
  cursor: pointer;
  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:before,
.video-conference-gate .buttons .pat-button:before {
  font-family: fontello;
  content: var(--glyph-videocam);
  display: inline-block;
  margin-right: 0.6em;
}
#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);
}
.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: #000000b8;
  overflow: hidden;
  border-radius: var(--border-radii);
  font-size: var(--body-font-size);
  padding-right: 15px;
  padding-left: 15px;
}
.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%;
}
}
.voting-bar .pat-checklist label:not(.checked):hover {
  color: var(--body-font-colour);
}
.voting-bar .pat-checklist label:not(.checked):hover::before {
  transform: scale(1.1);
}
.voting-bar .pat-checklist label:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 2px;
}
.voting-bar .pat-checklist label.option-yes:before {
  content: var(--glyph-ok-circle);
}
.voting-bar .pat-checklist label.option-maybe:before {
  content: var(--glyph-help-circle);
}
.voting-bar .pat-checklist label.option-no:before {
  content: var(--glyph-cancel-circle);
}
.voting-bar .pat-checklist label.checked {
  color: 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(0.75 * var(--border-radii));
}
.voting-bar .pat-checklist.checked:before {
  transition-timing-function: cubic-bezier(0,.67,.11,1.15);
}
.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;
}
.pat-well.type-passage:not(.page-module) a:hover {
  text-decoration: underline;
}
.pat-avatar.space-avatar,
.quaive-page-head .pat-avatar.space-avatar {
  background: color-mix(in srgb, var(--this-workspace-colour, var(--colour-workspace-default)) 10%, white);
  color: var(--this-workspace-colour, var(--colour-workspace-default));
  border: 1px solid var(--this-workspace-colour, var(--colour-workspace-default));
  box-shadow: none;
  font-weight: 700;
}
.application-workspace .interactive-whiteboard {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.interactive-whiteboard .whiteboard-frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--colour-base-background);
  cursor: url(media/cursor-marker-blue.png), default;
}
.interactive-whiteboard .whiteboard-frame > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: initial;
  max-height: initial;
  -webkit-pointer-events: none;
  pointer-events: none;
}
.interactive-whiteboard .whiteboard-buttons {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 90px;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control {
  width: 100%;
  padding: 5px 0;
  border: none;
  background: none;
  text-align: center;
  color: transparent;
  height: 50px;
  display: block;
  box-sizing: border-box;
  cursor: default;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control:active {
  box-shadow: none;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control:before {
  content: '';
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: var(--border-radii);
  float: left;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  font-family: fontello;
  text-align: center;
  color: var(--body-font-colour);
  font-size: 20px;
  border: 1px solid transparent;
  box-shadow: var(--default-box-shadow);
  background-color: rgba(255,255,255,0.9);
}
.backdropfilter .interactive-whiteboard .whiteboard-buttons .white-board-control:before {
  background-color: rgba(255,255,255,0.75);
  -webkit-backdrop-filter: blur(5px) saturate(4) brightness(1.2);
  backdrop-filter: blur(5px) saturate(4) brightness(1.2);
}
.interactive-whiteboard .whiteboard-buttons .white-board-control:hover:before {
  border-color: var(--body-font-colour);
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.current:before,
.interactive-whiteboard .whiteboard-buttons .white-board-control.tooltip-active-click:before,
.interactive-whiteboard .whiteboard-buttons .white-board-control:active:before {
  background-color: var(--colour-accent);
  color: white;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-red:before,
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-orange:before,
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-yellow:before,
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-green:before,
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-blue:before,
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-violet:before,
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-black:before {
  content: var(--glyph-pencil-1);
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-red:before {
  color: white;
  background-color: red;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-orange:before {
  background-color: orange;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-yellow:before {
  background-color: yellow;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-green:before {
  color: white;
  background-color: green;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-blue:before {
  color: white;
  background-color: blue;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-violet:before {
  color: white;
  background-color: violet;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-black:before {
  color: white;
  background-color: var(--body-font-colour);
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-eraser:before {
  content:var(--glyph-eraser);
  background-color: var(--colour-base-background);
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-zoom-in:before {
  content:    var(--glyph-question-circle-o);
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-eraser:before {
  content:    var(--glyph-question-circle-o);
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-zoom-in:before {
  content:   var(--glyph-zoom-in);
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-zoom-out:before {
  content:  var(--glyph-zoom-out);
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-move:before {
  content:      var(--glyph-move);
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-options:before {
  content:   var(--glyph-ellipsis);
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-close:before {
  content:     var(--glyph-cancel);
}
.interactive-whiteboard .whiteboard-buttons .whiteboard-utensils {
  position: absolute;
  bottom: 30px;
  right: 20px;
  width: 90px;
}
.interactive-whiteboard .whiteboard-buttons .whiteboard-utensils .white-board-control:before {
  border-radius: 50%;
}
.interactive-whiteboard .whiteboard-buttons .whiteboard-controls {
  position: absolute;
  top: 30px;
  right: 20px;
  width: 90px;
}
.whiteboards {
  display: grid;
  grid-auto-rows: 1fr;
  grid-column-gap: 40px;
}
@container screen style(--screen-small: true) {
.whiteboards {
  grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.whiteboards {
  grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 1280px) {
.whiteboards {
  grid-template-columns: 1fr 1fr 1fr;
}
}
.whiteboards .whiteboard {
  box-sizing: border-box;
  margin-bottom: 40px;
  transition: 0.2s transform;
}
.whiteboards .whiteboard figcaption {
  font-size: 22px;
  color: var(--body-font-colour);
  text-align: center;
  color: var(--body-font-colour);
  font-weight: bold;
}
.whiteboards .whiteboard img {
  object-fit: cover;
  background-color: var(--colour-base-background);
  border-radius: 20px;
  border: 15px silver solid;
  box-sizing: border-box;
  box-shadow: var(--default-box-shadow);
  transition: 0.2s box-shadow;
  aspect-ratio: 3 / 2;
  width: 100%;
}
.whiteboards .whiteboard[href]:hover {
  text-decoration: none;
}
.whiteboards .whiteboard[href]:hover img {
  box-shadow: var(--default-box-shadow-hover);
  transform: scale(1.01);
}
.whiteboards .whiteboard.new-whiteboard {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: none;
  text-align: center;
  font-size: 30px;
  box-sizing: border-box;
  aspect-ratio: 3 / 2;
  width: 100%;
  border-radius: 20px;
}
.whiteboards .whiteboard.new-whiteboard .button {
  font-weight: bold;
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 6px dashed rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}
.whiteboards .whiteboard.new-whiteboard .button:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.01);
}
.whiteboards .whiteboard.new-whiteboard .button .label {
  display: block;
  width: 100%;
  color: var(--colour-accent);
}
.whiteboards .whiteboard.new-whiteboard .button .label:before {
  display: block;
  font-family: fontello;
  font-size: 80px;
  content: var(--glyph-plus);
  height: 70px;
  line-height: 70px;
}
.workflow-state-toggle {
  display: inline-block;
}
.workflow-state-toggle .pat-button.start-workflow {
  background-color: var(--colour-published);
  color: white;
}
.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-header {
  padding: 0 6% 1%;
}
#workspace-messages {
  width: 88%;
  margin: 0 auto 1em;
}
#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;
}
@media only screen and (min-width: 769px) {
.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));
}
}
@media only screen and (min-width: 769px) {
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;
}
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
.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) + env(safe-area-inset-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(--colour-floating-ui-elements-background);
  -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 {
  content: var(--glyph-down-open);
  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(--colour-floating-ui-elements-background);
  -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 {
  font-family: fontello;
  content: var(--glyph-up-open);
  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;
}
}
@media only screen and (min-width: 769px) {
.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;
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .workspace-tabs {
  left: auto;
  right: var(--workspace-tabs-left);
}
}
@media only screen and (min-width: 769px) {
.workspace-tabs hr {
  width: 80%;
  margin: 0.8em auto;
  display: block;
  border: none;
  background-color: rgba(0,0,0,0.2);
  height: 1px;
}
}
@media only screen and (min-width: 769px) {
.workspace-tabs:after {
  content: " ";
  width: 50px;
  height: 150px;
  display: block;
  position: absolute;
  bottom: -150px;
  left: 0;
  pointer-events: none;
}
}
@media only screen and (min-width: 769px) {
.module-workspace-home .workspace-tabs {
  width: var(--workspace-tabs-home-width);
}
}
@media only screen and (min-width: 769px) {
.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;
  cursor: pointer;
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .workspace-tabs a {
  padding: 0 54px 0 10px;
}
}
.workspace-tabs a {
  font-weight: bold;
}
.workspace-tabs a:before {
  content: " ";
  font-family: fontello;
  position: absolute;
  font-weight: normal;
  display: block;
  top: 0;
  left: 0;
  text-indent: 0;
  text-align: center;
}
@media only screen and (min-width: 769px) {
.workspace-tabs a:before {
  height: 50px;
  width: 50px;
  line-height: 49px;
  font-size: 20px;
  display: block;
  transition: all var(--base-animation-duration);
  left: 0;
}
}
@media only screen and (min-width: 769px) {
body[dir=rtl] .workspace-tabs a:before {
  left: auto;
  right: 0;
}
}
@media only screen and (min-width: 769px) {
.module-workspace-home .workspace-tabs a:before {
  left: 10px;
}
}
@media only screen and (min-width: 769px) {
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 {
  content: var(--glyph-portlets);
}
@media only screen and (min-width: 769px) {
.workspace-tabs a.landing:before {
  font-size: 0.8em;
}
}
.workspace-tabs a.documents:before {
  content: var(--glyph-doc-inv);
}
@media only screen and (min-width: 769px) {
.workspace-tabs a.documents:before {
  font-size: 0.9em;
}
}
.workspace-tabs a.events:before {
  content: var(--glyph-calendar-1);
}
.workspace-tabs a.tasks:before {
  content: var(--glyph-ok-circle);
}
.workspace-tabs a.chat:before {
  content: var(--glyph-chat);
}
.workspace-tabs a.home:before {
  content: var(--glyph-portlets);
}
.workspace-tabs a.video-conference:before {
  content: var(--glyph-videocam);
}
.workspace-tabs a.whiteboard:before {
  content: var(--glyph-annotation);
}
@container screen style(--screen-small: true) {
.workspace-tabs a.exit {
  display: none;
}
}
.workspace-tabs a.exit:before {
  content: var(--glyph-cancel);
}
.workspace-tabs a.questions:before {
  content: var(--glyph-question-circle-o);
  transform: rotate(180deg);
}
.workspace-tabs a.about:before {
  content: var(--glyph-info-circle);
}
.workspace-tabs a.settings:before {
  content: var(--glyph-cog);
}
#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;
}
.vimeo-player,
.quaive-vimeo-player {
  width: 100%;
  display: block;
  aspect-ratio: 16 / 9;
}
.youtube-player {
  overflow: auto;
  position: relative;
}
.youtube-player .placeholder-image {
  width: 100%;
  display: block;
}
.youtube-player iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-renders > article.document.preview {
  max-width: 100% !important;
}
.page-renders > article.document.preview > iframe {
  width: 100%;
  height: 570px;
}
.lib-groups .page-renders > article.document.preview > iframe {
  height: 399px;
}
.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: var(--glyph-spinner);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: var(--pat-throbber-size)/var(--pat-throbber-size) fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  -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;
  content: var(--glyph-hourglass-1);
  font-size: 35px;
}
}
#dashboard.masonry-ready:before {
  display: none;
}
@container screen style(--screen-small: true) {
#dashboard .grid-sizer {
  width: var(--grid-sizer-width-small);
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
#dashboard .grid-sizer {
  width: var(--grid-sizer-width-medium);
}
}
@media only screen and (min-width: 1280px) {
#dashboard .grid-sizer {
  width: var(--grid-sizer-width-large);
}
}
#dashboard .portlet {
  box-sizing: border-box;
  padding: 0 var(--grid-gutter);
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
#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, 0);
  transition: opacity var(--portlet-transition-duration, 0.5s);
}
@media only screen and (min-width: 769px) {
.js #dashboard .portlet.span-1 {
  font-size: 0.8em;
}
}
@media only screen and (min-width: 1280px) {
.js #dashboard .portlet.span-1 {
  width: var(--portlet-span-1-width-large, 33.333332%);
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.js #dashboard .portlet.span-1 {
  width: var(--portlet-span-1-width-medium, 50%);
}
}
@media only screen and (min-width: 1280px) {
.js #dashboard .portlet.span-2 {
  width: var(--portlet-span-2-width-large, 66.66666%);
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.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;
}
}
@media only screen and (max-width: 768px) {
.js #dashboard .portlet {
  position: static !important;
  opacity: 1;
}
}
@media only screen and (min-width: 769px) {
.js #dashboard .portlet.stamp {
  position: absolute;
  top: 0;
  width: var(--portlet-stamp-width-medium-large, 66.5%);
}
}
@media only screen and (min-width: 769px) {
.js #dashboard .portlet.stamp.right {
  right: 0;
}
}
@media only screen and (min-width: 769px) {
.js #dashboard .portlet.stamp.left {
  left: 0;
}
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.js #dashboard .portlet.stamp {
  width: var(--portlet-stamp-width-medium, 50%);
}
}
.js #dashboard.masonry-ready .portlet {
  opacity: var(--portlet-opacity-ready, 1);
}
.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;
}
@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;
}
.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: var(--glyph-minus-squared);
  font-family: fontello;
  display: block;
  width: 1em;
  height: 1em;
  text-align: center;
  color: var(--pat-well-header-text-colour);
  opacity: 0.8;
}
.portlet .state-toggle label:hover:before {
  color: var(--pat-well-header-text-colour);
  opacity: 1;
}
.portlet .state-toggle label.show-more {
  display: none;
}
.portlet .state-toggle label.show-more:before {
  content: var(--glyph-plus-squared);
}
.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-family: fontello;
  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));
  color: white;
  font-weight: normal;
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.portlet .portlet-title {
  font-size: 1;
}
}
.portlet .portlet-title sup {
  font-size: 0.6em;
  color: gray;
}
.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.type-birthdays .content {
  background-image: url(media/balloons-pastels-medium.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.portlet#portlet-classifieds .portlet-title {
  margin-bottom: 2rem;
}
.portlet#portlet-classifieds .portlet-title a:before {
  content: var(--glyph-classifieds);
}
@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;
}
.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;
}
}
@media only screen and (min-width: 769px) {
.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: var(--glyph-users);
}
.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: var(--glyph-polls);
}
.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: var(--glyph-workspace);
}
.portlet#portlet-bookmarked-workspaces .grid-sizer-bookmarked-workspaces {
  width: 50%;
  float: left;
}
.portlet#portlet-bookmarked-workspaces .portlet-title a:before {
  content: var(--glyph-workspace);
}
@media only screen and (min-width: 1280px) {
.portlet#portlet-bookmarked-workspaces.span-3 .grid-sizer-bookmarked-workspaces,
.portlet#portlet-bookmarked-workspaces.span-3 .tile {
  width: 33.333332%;
}
}
@media only screen and (min-width: 1280px) {
.portlet#portlet-bookmarked-workspaces.span-3 .grid-sizer-bookmarked-workspaces,
.portlet#portlet-bookmarked-workspaces.span-3 .tile {
  width: 50%;
}
}
@media only screen and (min-width: 1280px) {
.portlet#portlet-bookmarked-workspaces.span-2 .grid-sizer-bookmarked-workspaces,
.portlet#portlet-bookmarked-workspaces.span-2 .tile {
  width: 50%;
}
}
@media only screen and (min-width: 1280px) {
.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 .quaive-apps-grid,
.portlet#portlet-apps .quaive-apps-grid {
  margin: 0;
  padding: 0;
}
.portlet#portlet-bookmarked-apps .more-menu-toggle,
.portlet#portlet-apps .more-menu-toggle {
  display: none;
}
.portlet#portlet-bookmarked-apps .quaive-apps-grid,
.portlet#portlet-apps .quaive-apps-grid {
  --body-font-size: 14px;
  --body-line-height: 1.3;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.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: var(--glyph-bookmarks);
}
.portlet#portlet-library .links li {
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
}
.portlet#portlet-library .portlet-title a:before {
  content: var(--glyph-library);
}
.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: var(--glyph-calendar);
}
.portlet#portlet-events .event-list .event {
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
}
.portlet#portlet-events .event-list .event a {
  cursor: pointer;
}
.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-apps.span-1 .quaive-apps-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.portlet#portlet-activity-stream.span-2 {
  min-height: calc(100vh - 150px);
}
.portlet#portlet-activity-stream .portlet-title a:before {
  content: ' ';
  background-image: url(../../main/app-icons/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;
}
@media only screen and (min-width: 769px) {
.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: var(--glyph-news);
}
.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: var(--glyph-check-on);
  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-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);
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
.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 {
  font-family: fontello;
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 1279px) {
.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;
}
}
@media only screen and (max-width: 1279px) {
.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:before {
  content: var(--glyph-month-view);
}
.pat-calendar .canvas-toolbar button.view-day:before {
  content: var(--glyph-day-view);
}
.pat-calendar .canvas-toolbar button.view-week:before {
  content: var(--glyph-week-view);
}
.pat-calendar .canvas-toolbar button.view-listDay:before,
.pat-calendar .canvas-toolbar button.view-listMonth:before {
  content: var(--glyph-list);
  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 {
  font-family: fontello;
  content: var(--glyph-circle);
  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 {
  font-family: fontello;
  display: inline-block;
  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: var(--glyph-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: var(--glyph-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: var(--glyph-cancel-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 {
  font-family: fontello;
  content: var(--glyph-birthday);
  display: inline-block;
  margin-right: 4px;
  animation: heartbeat 1s;
}
.pat-calendar .fc-col-header-cell-cushion,
.pat-calendar .fc-daygrid-day-number {
  color: var(--body-font-colour);
}
.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';
}
body[dir=rtl] i.icon:not(.no-rtl-mirror)::before,
body[dir=rtl] a.icon:not(.no-rtl-mirror)::before,
body[dir=rtl] button.icon:not(.no-rtl-mirror)::before,
body[dir=rtl] label.icon:not(.no-rtl-mirror)::before,
body[dir=rtl] span.icon:not(.no-rtl-mirror)::before,
body[dir=rtl] .iconified:not(.no-rtl-mirror)::before {
  display: inline-block;
  transform: scaleX(-1);
}