@import url("../libraries/kikaron/fonts/artefacts/unifraktur-maguntia/unifraktur-maguntia.css");
@import url("../libraries/kikaron/fonts/artefacts/chomsky/chomsky.css");
@import url("../libraries/kikaron/fonts/artefacts/bellefair/bellefair.css");
@import url("../libraries/kikaron/fonts/artefacts/noto-sans-arabic/noto-sans-arabic.css");
@import url("../libraries/kikaron/fonts/artefacts/noto-naskh-arabic/noto-naskh-arabic.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;
  --pat-back-button-border-radius: var(--border-radii);
  --pat-back-button-background-colour: var(--button-background-colour);
  --pat-back-button-background-colour-hover: var(--button-background-colour-hover);
  --pat-back-button-backdrop-filter: none;
  --pat-back-button-text-colour: var(--button-text-colour);
  --pat-back-button-text-colour-hover: var(--button-text-colour-hover);
  --pat-back-button-height: var(--button-height);
  --pat-back-button-line-height: var(--button-line-height);
  --pat-back-button-font-size: 18px;
  --pat-back-button-background-colour-dp: rgba(255, 255, 255, 0.5);
  --pat-back-button-text-colour-dp: rgba(255, 255, 255, 0.9);
  --pat-back-button-text-colour-dp-hover: white;
  --pat-back-button-font-weight: bold;
  --pat-back-button-border-colour: transparent;
  --pat-back-button-border-colour-hover: var(--pat-back-button-border-colour);
  --pat-back-button-border-width: 1px;
  --pat-back-button-drop-shadow: none;
  --pat-back-button-tip-ratio: 1.3172;
  --pat-back-button-arrow-width: 15px;
  --pat-back-button-padding: var(--pat-button-paddings);
  --pat-back-button-point-indent: 0.44;
  --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: var(--pat-toolbar-icon-frost-background);
  --pat-button-cluster-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  --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-selection-outline: 2px solid var(--body-font-colour);
  --pat-selection-outline-offset: 1px;
  --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-surface-backdrop-filter: none;
  --pat-surface-filter: none;
  --pat-context-menu-radii: var(--border-radii-medium, var(--border-radii, 8px));
  --pat-context-menu-background: var(--tooltip-background-colour, white);
  --pat-context-menu-tip-colour: white;
  --pat-context-menu-padding: var(--pat-tooltip-padding, 15px);
  --pat-context-menu-border: none;
  --pat-context-menu-border-width: 0px;
  --pat-context-menu-arrow-size: 11px;
  --pat-context-menu-max-width: 350px;
  --pat-context-menu-min-width: 250px;
  --pat-surface-filter-hover: var(--pat-surface-filter);
  --pat-button-filter: none;
  --pat-button-filter-hover: var(--pat-button-filter);
  --pat-button-filter-default: var(--pat-button-filter);
  --pat-button-filter-default-hover: var(--pat-button-filter-default);
  --pat-button-filter-warning: var(--pat-button-filter);
  --pat-button-filter-warning-hover: var(--pat-button-filter-warning);
  --pat-button-filter-success: var(--pat-button-filter);
  --pat-button-filter-success-hover: var(--pat-button-filter-success);
  --pat-toolbar-button-backdrop-filter: var(--pat-surface-backdrop-filter);
  --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-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);
  --kik-chevron-down-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4.5%209.5%2012%2017l7.5-7.5'/%3E%3C/svg%3E");
  --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(--kik-window-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: var(--pat-toolbar-padding);
  --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: var(--pat-surface-background-colour, rgba(0, 0, 0, 0.15));
  --pat-modal-panel-space-backdrop-filter: var(--pat-surface-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: var(--pat-surface-background-colour);
  --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 {
  --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;
  --pat-surface-background-colour: rgba(255, 255, 255, 0.8);
  --pat-surface-background-colour-hover: rgba(255, 255, 255, 0.9);
  --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,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpolyline points='1.7,1.5 6,6.3 10.3,1.5' fill='none' stroke='%231F2937' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
@container screen style(--screen-small: true) {
body {
  --pat-form-panel-padding: var(--pat-form-panel-padding-small);
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
body {
  --pat-form-panel-padding: var(--pat-form-panel-padding-medium);
}
}
@container screen style(--screen-large: true) {
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 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 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 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 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 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 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 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 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 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 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;
}
.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 {
  color: var(--colour-accent);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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";
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  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 {
  --kik-auto-suggest-remove-mark: var(--kik-svg-close);
  --pat-auto-suggest-search-field-colour: var(--pat-form-input-field-background-colour);
  --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;
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-close) center / contain no-repeat;
  mask: var(--kik-svg-close) center / contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  color: #666;
  font-size: 16px;
  cursor: default;
}
@media (hover: hover) {
.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: 4px 15px;
  margin: 0;
  min-height: 1em;
  line-height: 1.3;
  font-size: 0.9em;
  -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;
}
@media (hover: hover) {
.select2-choices .select2-search-choice-close:hover {
  text-decoration: none;
  opacity: 1;
}
}
.select2-choices .select2-search-choice-close:before {
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  color: white;
  background-color: currentColor;
  -webkit-mask: var(--kik-auto-suggest-remove-mark) center / contain no-repeat;
  mask: var(--kik-auto-suggest-remove-mark) center / contain no-repeat;
}
.select2-container-multi .select2-search-choice-close {
  left: 0.4em;
  top: 0em;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
@media (hover: hover) {
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  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: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-user) center / contain no-repeat;
  mask: var(--kik-svg-user) center / contain no-repeat;
  display: inline-block;
  margin-right: 3px;
  font-size: 0.8em;
  width: 1em;
  height: 2.1em;
  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: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-users) center / contain no-repeat;
  mask: var(--kik-svg-users) center / contain no-repeat;
  display: inline-block;
  margin-right: 3px;
  font-size: 0.8em;
  width: 1em;
  height: 2.1em;
  margin-left: 5px;
  float: left;
}
.select2-container.documents .select2-choices .select2-search-choice div:before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-document) center / contain no-repeat;
  mask: var(--kik-svg-document) center / contain no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  margin-right: 4px;
  margin-left: 7px;
  margin-bottom: -1px;
}
.select2-container.tags .select2-choices .select2-search-choice div:before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-tag) center / contain no-repeat;
  mask: var(--kik-svg-tag) center / contain no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  margin-right: 4px;
  margin-left: 7px;
  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;
}
.select2-container.users .select2-choices .select2-search-choice.group div:before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-users) center / contain no-repeat;
  mask: var(--kik-svg-users) center / contain no-repeat;
  display: inline-block;
  margin-right: 3px;
  font-size: 0.8em;
  width: 1em;
  height: 2.1em;
  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 {
  --_arrow: var(--pat-back-button-arrow-width);
  --_radius: min(
		var(--pat-back-button-border-radius),
		calc(0.5 * var(--pat-back-button-height))
	);
  --_line: var(--pat-back-button-border-width);
  --_tip: calc(var(--_line) * var(--pat-back-button-tip-ratio));
  --_outline:
		from var(--_arrow) 0,
		hline to calc(100% - var(--_radius)),
		arc to 100% var(--_radius) of var(--_radius) cw,
		vline to calc(100% - var(--_radius)),
		arc to calc(100% - var(--_radius)) 100% of var(--_radius) cw,
		hline to var(--_arrow),
		line to 0 50%,
		close;
  --_inline:
		move to var(--_tip) 50%,
		line to calc(var(--_arrow) + var(--_tip) - var(--_line)) calc(100% - var(--_line)),
		hline to calc(100% - var(--_radius)),
		arc to calc(100% - var(--_line)) calc(100% - var(--_radius)) of calc(var(--_radius) - var(--_line)) ccw,
		vline to var(--_radius),
		arc to calc(100% - var(--_radius)) var(--_line) of calc(var(--_radius) - var(--_line)) ccw,
		hline to calc(var(--_arrow) + var(--_tip) - var(--_line)),
		close;
  display: inline-block;
  line-height: var(--pat-back-button-line-height);
  height: var(--pat-back-button-height);
  color: var(--pat-back-button-text-colour);
  font-size: var(--pat-back-button-font-size);
  font-weight: var(--pat-back-button-font-weight);
  padding: var(--pat-back-button-padding);
  padding-inline-start: calc(var(--pat-back-button-padding-inline, 1em)
		+ var(--pat-back-button-point-indent) * var(--_arrow));
  position: relative;
  isolation: isolate;
  margin-left: 0;
  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;
}
}
@container screen style(--screen-small: false) {
.pat-back-button > svg.kik-icon {
  display: none;
}
}
.pat-back-button:before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--pat-back-button-background-colour);
  -webkit-backdrop-filter: var(--pat-back-button-backdrop-filter);
  backdrop-filter: var(--pat-back-button-backdrop-filter);
  filter: var(--pat-back-button-drop-shadow);
  clip-path: shape(var(--_outline));
}
.pat-back-button:after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--pat-back-button-border-colour);
  clip-path: shape(var(--_outline), var(--_inline));
}
.pat-back-button.dp {
  --pat-back-button-background-colour: var(--pat-back-button-background-colour-dp);
  --pat-back-button-text-colour: var(--pat-back-button-text-colour-dp);
  --pat-back-button-text-colour-hover: var(--pat-back-button-text-colour-dp-hover);
  color: var(--pat-back-button-text-colour);
}
@media (hover: hover) {
.pat-back-button:hover {
  --pat-back-button-background-colour: var(--pat-back-button-background-colour-hover);
  --pat-back-button-border-colour: var(--pat-back-button-border-colour-hover);
  color: var(--pat-back-button-text-colour-hover);
  text-decoration: none;
}
}
body[dir=rtl] .pat-back-button {
  --_outline:
			from var(--_radius) 0,
			hline to calc(100% - var(--_arrow)),
			line to 100% 50%,
			line to calc(100% - var(--_arrow)) 100%,
			hline to var(--_radius),
			arc to 0 calc(100% - var(--_radius)) of var(--_radius) cw,
			vline to var(--_radius),
			arc to var(--_radius) 0 of var(--_radius) cw,
			close;
  --_inline:
			move to calc(100% - var(--_tip)) 50%,
			line to calc(100% - var(--_arrow) - var(--_tip) + var(--_line)) var(--_line),
			hline to var(--_radius),
			arc to var(--_line) var(--_radius) of calc(var(--_radius) - var(--_line)) ccw,
			vline to calc(100% - var(--_radius)),
			arc to var(--_radius) calc(100% - var(--_line)) of calc(var(--_radius) - var(--_line)) ccw,
			hline to calc(100% - var(--_arrow) - var(--_tip) + var(--_line)),
			close;
}
@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;
}
}
@container screen style(--screen-small: false) {
.pat-breadcrumbs {
  position: relative;
  overflow: hidden;
}
}
@container screen style(--screen-small: false) {
.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%);
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
.pat-breadcrumbs .button.shift:before {
  content: '';
  font-size: 0.5em;
  width: 2em;
  height: 2em;
  display: inline-block;
  color: gray;
  font-weight: normal;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-angle-right) center / contain no-repeat;
  mask: var(--kik-svg-angle-right) center / contain no-repeat;
}
}
@container screen style(--screen-small: false) {
.pat-breadcrumbs .button.shift.shift-left:before {
  -webkit-mask-image: var(--kik-svg-angle-left);
  mask-image: var(--kik-svg-angle-left);
  font-weight: normal;
}
}
@container screen style(--screen-small: false) {
.pat-breadcrumbs .button.shift.shift-right,
.pat-breadcrumbs .button.shift.shift-left {
  display: inline-block;
}
}
@container screen style(--screen-small: false) {
.pat-breadcrumbs.shifting .pat-breadcrumbs-content {
  padding: 0 1.5em;
}
}
@container screen style(--screen-small: false) {
.pat-breadcrumbs a {
  color: var(--body-font-colour);
  text-decoration: none;
}
}
@container screen style(--screen-small: false) {
@media (hover: hover) {
.pat-breadcrumbs a:hover {
  text-decoration: none;
}
}
}
@container screen style(--screen-small: false) {
.pat-breadcrumbs a:before {
  display: inline-block;
  content: '';
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  padding: 0 0.5em;
  font-weight: normal;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-angle-right) center / 1em 1em no-repeat;
  mask: var(--kik-svg-angle-right) center / 1em 1em no-repeat;
}
}
@container screen style(--screen-small: false) {
.pat-breadcrumbs a[href] {
  color: var(--colour-link);
  font-weight: normal;
}
}
@container screen style(--screen-small: false) {
@media (hover: hover) {
.pat-breadcrumbs a[href]:hover {
  text-align: underline;
}
}
}
@container screen style(--screen-small: false) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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;
}
@media (hover: hover) {
.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:not(:has(> svg.kik-icon)):before {
  content: '';
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-plus) center / contain no-repeat;
  mask: var(--kik-svg-plus) center / contain no-repeat;
}
.button-bar .pat-button {
  margin-bottom: 5px;
}
.pat-button-cluster.pat-button-cluster {
  --pat-button-cluster-easing: cubic-bezier(0.4, 0, 0.2, 1);
  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(--button-border-radius, var(--border-radii));
  background: var(--pat-button-cluster-background);
  -webkit-backdrop-filter: var(--pat-button-cluster-backdrop-filter);
  backdrop-filter: var(--pat-button-cluster-backdrop-filter);
  box-shadow: var(--pat-button-cluster-box-shadow);
  padding: 0 var(--pat-button-cluster-toggle-space) 0 calc(2 * var(--pat-button-cluster-toggle-margin));
  display: inline-flex;
}
body[dir=rtl] .pat-button-cluster.pat-button-cluster {
  padding-left: var(--pat-button-cluster-toggle-space);
  padding-right: calc(2 * var(--pat-button-cluster-toggle-margin));
}
.pat-button-cluster.pat-button-cluster.cal-controls {
  box-shadow: none;
}
.pat-button-cluster.pat-button-cluster.cal-controls button:before {
  display: block;
  text-align: center;
  content: '';
  content: ' ';
  font-size: 15px;
  margin: 0;
}
.pat-button-cluster.pat-button-cluster.cal-controls button.active:before {
  color: white;
}
.pat-button-cluster.pat-button-cluster.cal-controls button.view-month:before {
  content: "";
  width: 15px;
  height: 15px;
  margin: 0 auto;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-grid) center / contain no-repeat;
  mask: var(--kik-svg-grid) center / contain no-repeat;
}
.pat-button-cluster.pat-button-cluster.cal-controls button.view-day:before {
  content: "";
  width: 15px;
  height: 15px;
  margin: 0 auto;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-calendar) center / contain no-repeat;
  mask: var(--kik-svg-calendar) center / contain no-repeat;
}
.pat-button-cluster.pat-button-cluster.cal-controls button.view-week:before {
  content: "";
  width: 15px;
  height: 15px;
  margin: 0 auto;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-columns) center / contain no-repeat;
  mask: var(--kik-svg-columns) center / contain no-repeat;
}
.pat-button-cluster.pat-button-cluster.cal-controls button:is(.jump-prev, .jump-next):before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-angle-right) center / contain no-repeat;
  mask: var(--kik-svg-angle-right) center / contain no-repeat;
}
.pat-button-cluster.pat-button-cluster.cal-controls button.jump-prev:before,
body[dir=rtl] .pat-button-cluster.pat-button-cluster.cal-controls button.jump-next:before {
  -webkit-mask-image: var(--kik-svg-angle-left);
  mask-image: var(--kik-svg-angle-left);
}
body[dir=rtl] .pat-button-cluster.pat-button-cluster.cal-controls button.jump-prev:before {
  -webkit-mask-image: var(--kik-svg-angle-right);
  mask-image: var(--kik-svg-angle-right);
}
.pat-button-cluster.pat-button-cluster.cal-controls button.view-listDay:before,
.pat-button-cluster.pat-button-cluster.cal-controls button.view-listMonth:before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-list) center / contain no-repeat;
  mask: var(--kik-svg-list) center / contain no-repeat;
  margin-right: 4px;
}
body[dir=rtl] .pat-button-cluster.pat-button-cluster.cal-controls button.view-listDay:before,
body[dir=rtl] .pat-button-cluster.pat-button-cluster.cal-controls button.view-listMonth:before {
  margin-right: 0;
  margin-left: 4px;
}
.pat-button-cluster.pat-button-cluster.cal-controls button.jump-today {
  overflow: hidden;
}
@container screen style(--screen-small: true) {
.pat-button-cluster.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.pat-button-cluster.cal-controls button.jump-today:before {
  content: "";
  width: 8px;
  height: 8px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: var(--body-font-colour);
}
}
.pat-button-cluster.pat-button-cluster.cal-controls button.jump-prev,
.pat-button-cluster.pat-button-cluster.cal-controls button.jump-next {
  padding-left: 0;
  padding-right: 0;
  color: transparent;
  font-size: 0;
  width: 32px;
  min-width: 32px;
  flex: none;
  text-align: center;
}
.pat-button-cluster.pat-button-cluster.cal-controls button.jump-today {
  position: relative;
  width: 32px;
  min-width: 32px;
  flex: none;
  padding-left: 0;
  padding-right: 0;
  color: transparent !important;
}
.pat-button-cluster.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.pat-button-cluster.cal-controls button.jump-today:after {
  left: 0;
  right: 0;
}
.pat-button-cluster.pat-button-cluster.cal-controls button.jump-today.active:before {
  background-color: var(--colour-base-background);
}
.pat-button-cluster.pat-button-cluster.abecedary {
  box-shadow: none;
  background-color: transparent;
  z-index: 1;
}
.pat-button-cluster.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.pat-button-cluster.abecedary > a {
  flex: none;
  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.pat-button-cluster.abecedary > a:after {
  box-shadow: none;
}
.pat-button-cluster.pat-button-cluster button,
.pat-button-cluster.pat-button-cluster a.button,
.pat-button-cluster.pat-button-cluster .pat-button,
.pat-button-cluster.pat-button-cluster label,
.pat-button-cluster.pat-button-cluster > 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-item-transition:
            transform var(--base-animation-duration) var(--pat-button-cluster-easing),
            color var(--pat-button-cluster-colour-duration, var(--base-animation-duration)) var(--pat-button-cluster-easing);
  transition: var(--pat-button-cluster-item-transition);
}
.pat-button-cluster.pat-button-cluster button.icon,
.pat-button-cluster.pat-button-cluster a.button.icon,
.pat-button-cluster.pat-button-cluster .pat-button.icon,
.pat-button-cluster.pat-button-cluster label.icon,
.pat-button-cluster.pat-button-cluster > a.icon {
  padding: 0;
  width: 40px;
  min-width: 40px;
  flex: none;
  box-shadow: none;
  backdrop-filter: none !important;
  background: none !important;
}
.pat-button-cluster.pat-button-cluster button.icon.current:before,
.pat-button-cluster.pat-button-cluster a.button.icon.current:before,
.pat-button-cluster.pat-button-cluster .pat-button.icon.current:before,
.pat-button-cluster.pat-button-cluster label.icon.current:before,
.pat-button-cluster.pat-button-cluster > a.icon.current:before {
  background-color: transparent;
}
.pat-button-cluster.pat-button-cluster button input,
.pat-button-cluster.pat-button-cluster a.button input,
.pat-button-cluster.pat-button-cluster .pat-button input,
.pat-button-cluster.pat-button-cluster label input,
.pat-button-cluster.pat-button-cluster > a input {
  position: absolute;
  opacity: 0;
}
@media (hover: hover) {
.pat-button-cluster.pat-button-cluster button:not(:has(:checked)):not(.active):not(.current):not(.extra-tabs *):hover,
.pat-button-cluster.pat-button-cluster a.button:not(:has(:checked)):not(.active):not(.current):not(.extra-tabs *):hover,
.pat-button-cluster.pat-button-cluster .pat-button:not(:has(:checked)):not(.active):not(.current):not(.extra-tabs *):hover,
.pat-button-cluster.pat-button-cluster label:not(:has(:checked)):not(.active):not(.current):not(.extra-tabs *):hover,
.pat-button-cluster.pat-button-cluster > a:not(:has(:checked)):not(.active):not(.current):not(.extra-tabs *):hover {
  transform: scale(1.1);
  color: var(--body-font-colour);
  background-color: transparent !important;
}
}
@media (hover: hover) {
.pat-button-cluster.pat-button-cluster button[href]:not(:has(:checked)):not(.active):not(.current):not(.extra-tabs *):hover,
.pat-button-cluster.pat-button-cluster button:has(input:unchecked):not(.active):not(.current):not(.extra-tabs *):hover,
.pat-button-cluster.pat-button-cluster a.button[href]:not(:has(:checked)):not(.active):not(.current):not(.extra-tabs *):hover,
.pat-button-cluster.pat-button-cluster a.button:has(input:unchecked):not(.active):not(.current):not(.extra-tabs *):hover,
.pat-button-cluster.pat-button-cluster .pat-button[href]:not(:has(:checked)):not(.active):not(.current):not(.extra-tabs *):hover,
.pat-button-cluster.pat-button-cluster .pat-button:has(input:unchecked):not(.active):not(.current):not(.extra-tabs *):hover,
.pat-button-cluster.pat-button-cluster label[href]:not(:has(:checked)):not(.active):not(.current):not(.extra-tabs *):hover,
.pat-button-cluster.pat-button-cluster label:has(input:unchecked):not(.active):not(.current):not(.extra-tabs *):hover,
.pat-button-cluster.pat-button-cluster > a[href]:not(:has(:checked)):not(.active):not(.current):not(.extra-tabs *):hover,
.pat-button-cluster.pat-button-cluster > a:has(input:unchecked):not(.active):not(.current):not(.extra-tabs *):hover {
  transform: scale(1.1);
  color: color-mix(in srgb, var(--pat-button-cluster-text-colour) 90%, black);
  background-color: transparent;
}
}
.pat-button-cluster.pat-button-cluster button:before,
.pat-button-cluster.pat-button-cluster a.button:before,
.pat-button-cluster.pat-button-cluster .pat-button:before,
.pat-button-cluster.pat-button-cluster label:before,
.pat-button-cluster.pat-button-cluster > a:before {
  margin-right: 5px;
  margin-left: 0;
  color: var(--pat-button-cluster-text-colour);
}
.pat-button-cluster.pat-button-cluster button:after,
.pat-button-cluster.pat-button-cluster a.button:after,
.pat-button-cluster.pat-button-cluster .pat-button:after,
.pat-button-cluster.pat-button-cluster label:after,
.pat-button-cluster.pat-button-cluster > a:after {
  background: var(--pat-button-cluster-pill-colour, 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(var(--button-border-radius, var(--border-radii)) - var(--pat-button-cluster-toggle-margin));
  opacity: 0;
}
.pat-button-cluster.pat-button-cluster button:has(input:checked),
.pat-button-cluster.pat-button-cluster button.active,
.pat-button-cluster.pat-button-cluster button.current,
.pat-button-cluster.pat-button-cluster a.button:has(input:checked),
.pat-button-cluster.pat-button-cluster a.button.active,
.pat-button-cluster.pat-button-cluster a.button.current,
.pat-button-cluster.pat-button-cluster .pat-button:has(input:checked),
.pat-button-cluster.pat-button-cluster .pat-button.active,
.pat-button-cluster.pat-button-cluster .pat-button.current,
.pat-button-cluster.pat-button-cluster label:has(input:checked),
.pat-button-cluster.pat-button-cluster label.active,
.pat-button-cluster.pat-button-cluster label.current,
.pat-button-cluster.pat-button-cluster > a:has(input:checked),
.pat-button-cluster.pat-button-cluster > a.active,
.pat-button-cluster.pat-button-cluster > a.current {
  background-color: transparent;
  color: white !important;
  text-decoration: none !important;
  cursor: default !important;
}
.pat-button-cluster.pat-button-cluster button:has(input:checked):after,
.pat-button-cluster.pat-button-cluster button.active:after,
.pat-button-cluster.pat-button-cluster button.current:after,
.pat-button-cluster.pat-button-cluster a.button:has(input:checked):after,
.pat-button-cluster.pat-button-cluster a.button.active:after,
.pat-button-cluster.pat-button-cluster a.button.current:after,
.pat-button-cluster.pat-button-cluster .pat-button:has(input:checked):after,
.pat-button-cluster.pat-button-cluster .pat-button.active:after,
.pat-button-cluster.pat-button-cluster .pat-button.current:after,
.pat-button-cluster.pat-button-cluster label:has(input:checked):after,
.pat-button-cluster.pat-button-cluster label.active:after,
.pat-button-cluster.pat-button-cluster label.current:after,
.pat-button-cluster.pat-button-cluster > a:has(input:checked):after,
.pat-button-cluster.pat-button-cluster > a.active:after,
.pat-button-cluster.pat-button-cluster > a.current:after {
  opacity: 1;
}
.pat-button-cluster.pat-button-cluster button:has(input:checked):before,
.pat-button-cluster.pat-button-cluster button.active:before,
.pat-button-cluster.pat-button-cluster button.current:before,
.pat-button-cluster.pat-button-cluster a.button:has(input:checked):before,
.pat-button-cluster.pat-button-cluster a.button.active:before,
.pat-button-cluster.pat-button-cluster a.button.current:before,
.pat-button-cluster.pat-button-cluster .pat-button:has(input:checked):before,
.pat-button-cluster.pat-button-cluster .pat-button.active:before,
.pat-button-cluster.pat-button-cluster .pat-button.current:before,
.pat-button-cluster.pat-button-cluster label:has(input:checked):before,
.pat-button-cluster.pat-button-cluster label.active:before,
.pat-button-cluster.pat-button-cluster label.current:before,
.pat-button-cluster.pat-button-cluster > a:has(input:checked):before,
.pat-button-cluster.pat-button-cluster > a.active:before,
.pat-button-cluster.pat-button-cluster > a.current:before {
  color: white;
}
.pat-button-cluster.pat-button-cluster button:has(input:checked) .counter,
.pat-button-cluster.pat-button-cluster button.active .counter,
.pat-button-cluster.pat-button-cluster button.current .counter,
.pat-button-cluster.pat-button-cluster a.button:has(input:checked) .counter,
.pat-button-cluster.pat-button-cluster a.button.active .counter,
.pat-button-cluster.pat-button-cluster a.button.current .counter,
.pat-button-cluster.pat-button-cluster .pat-button:has(input:checked) .counter,
.pat-button-cluster.pat-button-cluster .pat-button.active .counter,
.pat-button-cluster.pat-button-cluster .pat-button.current .counter,
.pat-button-cluster.pat-button-cluster label:has(input:checked) .counter,
.pat-button-cluster.pat-button-cluster label.active .counter,
.pat-button-cluster.pat-button-cluster label.current .counter,
.pat-button-cluster.pat-button-cluster > a:has(input:checked) .counter,
.pat-button-cluster.pat-button-cluster > a.active .counter,
.pat-button-cluster.pat-button-cluster > a.current .counter {
  background: red;
}
.pat-button-cluster.pat-button-cluster button:first-child,
.pat-button-cluster.pat-button-cluster a.button:first-child,
.pat-button-cluster.pat-button-cluster .pat-button:first-child,
.pat-button-cluster.pat-button-cluster label:first-child,
.pat-button-cluster.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.pat-button-cluster button:first-child,
body[dir=rtl] .pat-button-cluster.pat-button-cluster a.button:first-child,
body[dir=rtl] .pat-button-cluster.pat-button-cluster .pat-button:first-child,
body[dir=rtl] .pat-button-cluster.pat-button-cluster label:first-child,
body[dir=rtl] .pat-button-cluster.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.pat-button-cluster button:last-child,
.pat-button-cluster.pat-button-cluster a.button:last-child,
.pat-button-cluster.pat-button-cluster .pat-button:last-child,
.pat-button-cluster.pat-button-cluster label:last-child,
.pat-button-cluster.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.pat-button-cluster button:last-child,
body[dir=rtl] .pat-button-cluster.pat-button-cluster a.button:last-child,
body[dir=rtl] .pat-button-cluster.pat-button-cluster .pat-button:last-child,
body[dir=rtl] .pat-button-cluster.pat-button-cluster label:last-child,
body[dir=rtl] .pat-button-cluster.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.pat-button-cluster button.deselect-all[disabled],
.pat-button-cluster.pat-button-cluster button.select-all[disabled],
.pat-button-cluster.pat-button-cluster a.button.deselect-all[disabled],
.pat-button-cluster.pat-button-cluster a.button.select-all[disabled],
.pat-button-cluster.pat-button-cluster .pat-button.deselect-all[disabled],
.pat-button-cluster.pat-button-cluster .pat-button.select-all[disabled],
.pat-button-cluster.pat-button-cluster label.deselect-all[disabled],
.pat-button-cluster.pat-button-cluster label.select-all[disabled],
.pat-button-cluster.pat-button-cluster > a.deselect-all[disabled],
.pat-button-cluster.pat-button-cluster > a.select-all[disabled] {
  opacity: 1 !important;
}
.pat-button-cluster.pat-button-cluster button.deselect-all[disabled]:before,
.pat-button-cluster.pat-button-cluster button.select-all[disabled]:before,
.pat-button-cluster.pat-button-cluster a.button.deselect-all[disabled]:before,
.pat-button-cluster.pat-button-cluster a.button.select-all[disabled]:before,
.pat-button-cluster.pat-button-cluster .pat-button.deselect-all[disabled]:before,
.pat-button-cluster.pat-button-cluster .pat-button.select-all[disabled]:before,
.pat-button-cluster.pat-button-cluster label.deselect-all[disabled]:before,
.pat-button-cluster.pat-button-cluster label.select-all[disabled]:before,
.pat-button-cluster.pat-button-cluster > a.deselect-all[disabled]:before,
.pat-button-cluster.pat-button-cluster > a.select-all[disabled]:before {
  color: var(--colour-accent);
}
@media (hover: hover) {
.pat-button-cluster.pat-button-cluster button.deselect-all[disabled]:hover,
.pat-button-cluster.pat-button-cluster button.select-all[disabled]:hover,
.pat-button-cluster.pat-button-cluster a.button.deselect-all[disabled]:hover,
.pat-button-cluster.pat-button-cluster a.button.select-all[disabled]:hover,
.pat-button-cluster.pat-button-cluster .pat-button.deselect-all[disabled]:hover,
.pat-button-cluster.pat-button-cluster .pat-button.select-all[disabled]:hover,
.pat-button-cluster.pat-button-cluster label.deselect-all[disabled]:hover,
.pat-button-cluster.pat-button-cluster label.select-all[disabled]:hover,
.pat-button-cluster.pat-button-cluster > a.deselect-all[disabled]:hover,
.pat-button-cluster.pat-button-cluster > a.select-all[disabled]:hover {
  opacity: 1 !important;
}
}
@media (hover: hover) {
.pat-button-cluster.pat-button-cluster button.deselect-all[disabled]:hover:before,
.pat-button-cluster.pat-button-cluster button.select-all[disabled]:hover:before,
.pat-button-cluster.pat-button-cluster a.button.deselect-all[disabled]:hover:before,
.pat-button-cluster.pat-button-cluster a.button.select-all[disabled]:hover:before,
.pat-button-cluster.pat-button-cluster .pat-button.deselect-all[disabled]:hover:before,
.pat-button-cluster.pat-button-cluster .pat-button.select-all[disabled]:hover:before,
.pat-button-cluster.pat-button-cluster label.deselect-all[disabled]:hover:before,
.pat-button-cluster.pat-button-cluster label.select-all[disabled]:hover:before,
.pat-button-cluster.pat-button-cluster > a.deselect-all[disabled]:hover:before,
.pat-button-cluster.pat-button-cluster > a.select-all[disabled]:hover:before {
  color: var(--colour-accent);
}
}
.pat-button-cluster.pat-button-cluster button .counter,
.pat-button-cluster.pat-button-cluster a.button .counter,
.pat-button-cluster.pat-button-cluster .pat-button .counter,
.pat-button-cluster.pat-button-cluster label .counter,
.pat-button-cluster.pat-button-cluster > 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-button-cluster button .counter,
body[dir=rtl] .pat-button-cluster.pat-button-cluster a.button .counter,
body[dir=rtl] .pat-button-cluster.pat-button-cluster .pat-button .counter,
body[dir=rtl] .pat-button-cluster.pat-button-cluster label .counter,
body[dir=rtl] .pat-button-cluster.pat-button-cluster > a .counter {
  margin: -0.9em 0.5em 0 0em;
  float: left;
}
.pat-button-cluster.pat-button-cluster button .counter.disabled,
.pat-button-cluster.pat-button-cluster a.button .counter.disabled,
.pat-button-cluster.pat-button-cluster .pat-button .counter.disabled,
.pat-button-cluster.pat-button-cluster label .counter.disabled,
.pat-button-cluster.pat-button-cluster > a .counter.disabled {
  opacity: 0.2;
  animation: none;
  background-color: gray;
}
.pat-button-cluster.pat-button-cluster button .counter.injecting,
.pat-button-cluster.pat-button-cluster a.button .counter.injecting,
.pat-button-cluster.pat-button-cluster .pat-button .counter.injecting,
.pat-button-cluster.pat-button-cluster label .counter.injecting,
.pat-button-cluster.pat-button-cluster > a .counter.injecting {
  opacity: 0;
}
.pat-button-cluster.pat-button-cluster button .counter.injecting:before,
.pat-button-cluster.pat-button-cluster a.button .counter.injecting:before,
.pat-button-cluster.pat-button-cluster .pat-button .counter.injecting:before,
.pat-button-cluster.pat-button-cluster label .counter.injecting:before,
.pat-button-cluster.pat-button-cluster > a .counter.injecting:before {
  display: none;
}
.pat-button-cluster.pat-button-cluster:not(.pat-tabs) button:not(.icon),
.pat-button-cluster.pat-button-cluster:not(.pat-tabs) a.button:not(.icon),
.pat-button-cluster.pat-button-cluster:not(.pat-tabs) .pat-button:not(.icon),
.pat-button-cluster.pat-button-cluster:not(.pat-tabs) label:not(.icon),
.pat-button-cluster.pat-button-cluster:not(.pat-tabs) > a:not(.icon) {
  min-width: 0;
  overflow: clip;
  overflow-clip-margin: var(--pat-button-cluster-toggle-margin);
  text-overflow: ellipsis;
}
@supports not (overflow-clip-margin: 3px) {
.pat-button-cluster.pat-button-cluster:not(.pat-tabs) button:not(.icon):not(.round):after,
.pat-button-cluster.pat-button-cluster:not(.pat-tabs) a.button:not(.icon):not(.round):after,
.pat-button-cluster.pat-button-cluster:not(.pat-tabs) .pat-button:not(.icon):not(.round):after,
.pat-button-cluster.pat-button-cluster:not(.pat-tabs) label:not(.icon):not(.round):after,
.pat-button-cluster.pat-button-cluster:not(.pat-tabs) > a:not(.icon):not(.round):after {
  left: 0;
  right: 0;
}
}
.pat-button-cluster.pat-button-cluster button.round,
.pat-button-cluster.pat-button-cluster a.button.round,
.pat-button-cluster.pat-button-cluster .pat-button.round,
.pat-button-cluster.pat-button-cluster label.round,
.pat-button-cluster.pat-button-cluster > a.round {
  width: var(--pat-button-cluster-round-size, var(--pat-button-cluster-button-height));
  min-width: var(--pat-button-cluster-round-size, var(--pat-button-cluster-button-height));
  padding: 0;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pat-button-cluster.pat-button-cluster button.round:after,
.pat-button-cluster.pat-button-cluster a.button.round:after,
.pat-button-cluster.pat-button-cluster .pat-button.round:after,
.pat-button-cluster.pat-button-cluster label.round:after,
.pat-button-cluster.pat-button-cluster > a.round:after {
  inset: 0;
  border-radius: 50%;
}
.pat-button-cluster.pat-button-cluster.align-centre {
  position: absolute;
}
.pat-button-cluster.pat-button-cluster a {
  float: none;
  display: inline-block;
  font-size: var(--pat-button-cluster-font-size);
  vertical-align: top;
}
.pat-button-cluster.pat-button-cluster.adaptive {
  --pat-button-cluster-fold-duration: var(--base-animation-duration, 0.2s);
  flex-grow: 0;
}
.pat-button-cluster.pat-button-cluster.adaptive > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  padding-inline: 0;
  transition:
            var(--pat-button-cluster-item-transition),
            padding var(--pat-button-cluster-fold-duration) var(--pat-button-cluster-easing);
}
.pat-button-cluster.pat-button-cluster.adaptive > a > .cluster-icon,
.pat-button-cluster.pat-button-cluster.adaptive > a > .cluster-label {
  display: grid;
  grid-template-columns: 1fr;
  min-width: 0;
  transition:
                grid-template-columns var(--pat-button-cluster-fold-duration) var(--pat-button-cluster-easing),
                opacity var(--pat-button-cluster-fold-duration) var(--pat-button-cluster-easing);
}
.pat-button-cluster.pat-button-cluster.adaptive > a > .cluster-icon > span,
.pat-button-cluster.pat-button-cluster.adaptive > a > .cluster-label > span {
  min-width: 0;
  overflow: hidden;
}
.pat-button-cluster.pat-button-cluster.adaptive > a > .cluster-icon > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pat-button-cluster.pat-button-cluster.adaptive > a > .cluster-icon > span > svg {
  flex: none;
  width: 22px;
  height: 22px;
}
.pat-button-cluster.pat-button-cluster.adaptive > a > .cluster-label > span {
  --pat-button-cluster-label-padding: 10px;
  padding-inline: var(--pat-button-cluster-label-padding);
  white-space: nowrap;
  text-overflow: clip;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--pat-button-cluster-label-padding), #000 calc(100% - var(--pat-button-cluster-label-padding)), transparent);
  mask-image: linear-gradient(to right, transparent, #000 var(--pat-button-cluster-label-padding), #000 calc(100% - var(--pat-button-cluster-label-padding)), transparent);
  transition: padding var(--pat-button-cluster-fold-duration) var(--pat-button-cluster-easing);
}
.pat-button-cluster.pat-button-cluster.adaptive > a > .cluster-icon {
  grid-template-columns: 0fr;
  opacity: 0;
}
@container style(--pat-button-cluster-compact: true) {
.pat-button-cluster.pat-button-cluster.adaptive {
  flex-grow: 1;
  transition: flex-grow var(--pat-button-cluster-fold-duration) var(--pat-button-cluster-easing);
}
}
@container style(--pat-button-cluster-compact: true) {
.pat-button-cluster.pat-button-cluster.adaptive > a {
  transition:
                var(--pat-button-cluster-item-transition),
                padding var(--pat-button-cluster-fold-duration) var(--pat-button-cluster-easing),
                flex-grow var(--pat-button-cluster-fold-duration) var(--pat-button-cluster-easing);
}
}
@container style(--pat-button-cluster-compact: true) {
.pat-button-cluster.pat-button-cluster.adaptive > a.current {
  flex-grow: 1;
  min-width: 0;
}
}
@container style(--pat-button-cluster-compact: true) {
.pat-button-cluster.pat-button-cluster.adaptive > a:not(.current) {
  flex-shrink: 0;
  padding-inline: 6px;
}
}
@container style(--pat-button-cluster-compact: true) {
.pat-button-cluster.pat-button-cluster.adaptive > a:not(.current) > .cluster-icon {
  grid-template-columns: 1fr;
  opacity: 1;
}
}
@container style(--pat-button-cluster-compact: true) {
.pat-button-cluster.pat-button-cluster.adaptive > a:not(.current) > .cluster-label {
  grid-template-columns: 0fr;
  opacity: 0;
}
}
@container style(--pat-button-cluster-compact: true) {
.pat-button-cluster.pat-button-cluster.adaptive > a:not(.current) > .cluster-label > span {
  padding-inline: 0;
}
}
.pat-button-cluster.pat-button-cluster.pat-button-cluster-flying {
  isolation: isolate;
  --pat-button-cluster-colour-duration: var(--pat-button-cluster-flight-duration);
}
.pat-button-cluster.pat-button-cluster.pat-button-cluster-flying > :is(a, button, label, .pat-button)::after {
  opacity: 0 !important;
}
.pat-button-cluster.pat-button-cluster.pat-button-cluster-flying::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  left: var(--pat-button-cluster-flight-x);
  top: var(--pat-button-cluster-flight-y);
  width: var(--pat-button-cluster-flight-width);
  height: var(--pat-button-cluster-flight-height);
  border-radius: var(--pat-button-cluster-flight-radius);
  background: var(--pat-button-cluster-flight-to);
  transform-origin: 0 0;
  will-change: transform;
}
.pat-button-cluster.pat-tabs.tabs-wrapped {
  --pat-button-cluster-toggle-space: 60px;
}
.js .pat-button-cluster.pat-tabs {
  opacity: 0;
}
.js .pat-button-cluster.pat-tabs.tabs-ready {
  opacity: 1;
  animation: fadeIn var(--base-animation-duration);
}
.pat-button-cluster.pat-tabs.open {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.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;
  -webkit-mask: none;
  mask: none;
  background: var(--colour-accent) var(--kik-svg-angle-double-right-white) center / 1em no-repeat;
}
body[dir=rtl] .pat-button-cluster.pat-tabs.open span.extra-tabs:before,
body[dir=rtl] .pat-button-cluster.pat-tabs.open span.extra-tabs:hover:before {
  background-image: var(--kik-svg-angle-double-left-white);
}
.pat-button-cluster.pat-tabs.open span.extra-tabs:after {
  border: var(--pat-tooltip-border);
  background: var(--pat-context-menu-background, var(--colour-base-background));
  -webkit-backdrop-filter: var(--pat-context-menu-backdrop-filter, var(--pat-toolbar-button-backdrop-filter));
  backdrop-filter: var(--pat-context-menu-backdrop-filter, var(--pat-toolbar-button-backdrop-filter));
  box-shadow: var(--pat-context-menu-shadow, var(--default-box-shadow));
  border-radius: var(--pat-context-menu-radii, var(--border-radii));
}
.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);
}
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 {
  content: "";
  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);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-angle-double-right) center / 1em no-repeat;
  mask: var(--kik-svg-angle-double-right) center / 1em no-repeat;
}
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs:before {
  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);
  -webkit-mask-image: var(--kik-svg-angle-double-left);
  mask-image: var(--kik-svg-angle-double-left);
}
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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;
}
.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);
}
@media (hover: hover) {
.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-toolbar:has(.toolbar-section.navigation > .pat-button-cluster.pat-tabs.collapse-select.tabs-wrapped) {
  grid-template-columns: minmax(min(var(--pat-tabs-collapse-select-min-width, 110px), 100%), 1fr) minmax(0, auto) minmax(0, auto);
}
.pat-toolbar:has(.toolbar-section.navigation > .pat-button-cluster.pat-tabs.collapse-select.tabs-wrapped) .toolbar-section.navigation {
  grid-area: first;
  width: 100%;
  justify-self: start;
  justify-content: flex-start;
}
.pat-toolbar:has(.toolbar-section.navigation > .pat-button-cluster.pat-tabs.collapse-select.tabs-wrapped) .toolbar-section.micro-navigation,
.pat-toolbar:has(.toolbar-section.navigation > .pat-button-cluster.pat-tabs.collapse-select.tabs-wrapped) .toolbar-section.batch-operations {
  grid-area: middle;
  justify-content: start;
}
.pat-toolbar:has(.toolbar-section.micro-navigation > *):has(.toolbar-section.navigation > .pat-button-cluster.pat-tabs.collapse-select.tabs-wrapped) {
  grid-template-columns: minmax(0, max-content) minmax(min(var(--pat-tabs-collapse-select-min-width, 110px), 100%), 1fr) minmax(0, auto);
}
.pat-toolbar:has(.toolbar-section.micro-navigation > *):has(.toolbar-section.navigation > .pat-button-cluster.pat-tabs.collapse-select.tabs-wrapped) .toolbar-section.micro-navigation {
  grid-area: first;
  justify-self: start;
  justify-content: start;
}
.pat-toolbar:has(.toolbar-section.micro-navigation > *):has(.toolbar-section.navigation > .pat-button-cluster.pat-tabs.collapse-select.tabs-wrapped) .toolbar-section.navigation {
  grid-area: middle;
  width: 100%;
  justify-self: start;
  justify-content: flex-start;
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select {
  --pat-button-cluster-toggle-space: 0;
  display: block;
  position: relative;
  width: max-content;
  max-width: 100%;
  height: var(--pat-select-box-height);
  padding: 0;
  background: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  overflow: visible;
  line-height: normal;
  font-size: var(--pat-select-box-font-size);
  z-index: 1;
}
}
@container (width <= 768px) {
.pat-toolbar .toolbar-section > .pat-button-cluster.pat-tabs.collapse-select {
  --pat-select-box-font-size: var(--pat-toolbar-font-size);
  --pat-select-box-box-shadow: var(--pat-toolbar-button-box-shadow);
  --pat-select-box-height: var(--pat-toolbar-button-height);
  --pat-select-box-padding-top-bottom: 0px;
  --pat-select-box-background-colour: var(--pat-toolbar-icon-frost-background);
  --pat-select-box-background-colour-hover: var(--pat-toolbar-icon-background-colour-hover);
  --pat-tabs-select-box-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select > button,
.pat-button-cluster.pat-tabs.collapse-select > a,
.pat-button-cluster.pat-tabs.collapse-select > label {
  min-width: 200vw;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select.open {
  z-index: 2;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs {
  position: static;
  float: none;
  display: grid;
  grid-template-columns: minmax(0, max-content);
  grid-auto-rows: max-content;
  box-sizing: border-box;
  width: auto;
  max-width: none;
  height: 100%;
  padding: 0;
  overflow: visible;
  font-size: var(--pat-select-box-font-size);
  color: var(--pat-select-box-arrow-text-colour);
}
}
@container (width <= 768px) {
body[dir=rtl] .pat-button-cluster.pat-tabs.collapse-select span.extra-tabs {
  float: none;
  left: auto;
}
}
@container (width <= 768px) {
@media (hover: hover) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs:hover {
  color: var(--pat-select-box-arrow-text-colour-hover);
}
}
}
@container (width <= 768px) {
@media (hover: hover) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs:hover button.current,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs:hover a.current,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs:hover label.current {
  background: var(--pat-select-box-background-colour-hover);
}
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs:before {
  content: none;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs:after {
  display: none;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label {
  --pat-tabs-option-inset-top: 2px;
  --pat-tabs-option-inset-bottom: 2px;
  display: none;
  grid-template-columns: var(--bullet-space) 1fr;
  grid-template-areas: "icon title";
  column-gap: var(--pat-x-list-gutter);
  align-items: center;
  float: none;
  box-sizing: border-box;
  height: auto;
  padding: 0 calc(var(--pat-context-menu-padding) + var(--pat-menu-list-item-padding-left-right));
  margin: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  line-height: var(--pat-menu-list-item-line-height);
  font-size: var(--body-font-size);
  border-radius: 0;
  opacity: 0;
  pointer-events: none;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button:not([class*="icon-"]):before,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a:not([class*="icon-"]):before,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label:not([class*="icon-"]):before {
  content: "";
  height: var(--bullet-space);
  align-self: center;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-angle-right) center / contain no-repeat;
  mask: var(--kik-svg-angle-right) center / contain no-repeat;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button:before,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button .icon,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a:before,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a .icon,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label:before,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label .icon {
  grid-area: icon;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: var(--bullet-space);
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button.icon,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a.icon,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label.icon {
  text-indent: 0;
  font-family: inherit;
  min-width: 0;
  margin: 0;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button.icon > svg,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button.icon > .kik-icon,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a.icon > svg,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a.icon > .kik-icon,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label.icon > svg,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label.icon > .kik-icon {
  display: none;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button.icon:before,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a.icon:before,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label.icon:before {
  content: "" !important;
  position: static;
  transform: none;
  height: var(--bullet-space);
  align-self: center;
  line-height: inherit;
  color: inherit;
  background: currentColor;
  -webkit-mask: var(--kik-svg-angle-right) center / contain no-repeat;
  mask: var(--kik-svg-angle-right) center / contain no-repeat;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button:after,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a:after,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: var(--pat-tabs-option-inset-top);
  right: var(--pat-context-menu-padding);
  bottom: var(--pat-tabs-option-inset-bottom);
  left: var(--pat-context-menu-padding);
  border-radius: var(--border-radii-medium, var(--border-radii));
  background: transparent;
}
}
@container (width <= 768px) {
@media (hover: hover) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button:hover,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a:hover,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label:hover {
  text-decoration: none;
}
}
}
@container (width <= 768px) {
@media (hover: hover) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button:hover:after,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a:hover:after,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label:hover:after {
  background: rgba(0, 0, 0, 0.05);
}
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button.current,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a.current,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label.current {
  grid-row: 1;
  grid-column: 1;
  position: relative;
  z-index: 0;
  display: block;
  width: fit-content;
  justify-self: start;
  height: var(--pat-select-box-height);
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  opacity: 1;
  animation: none;
  pointer-events: none;
  color: inherit !important;
  font-size: var(--pat-select-box-font-size);
  line-height: calc(var(--pat-select-box-height) - 2 * var(--pat-select-box-padding-top-bottom));
  padding:
                    var(--pat-select-box-padding-top-bottom)
                    calc(var(--pat-tabs-select-arrow-edge-distance, 9px) + var(--pat-select-box-arrow-size) + 6px)
                    var(--pat-select-box-padding-top-bottom)
                    var(--pat-select-box-padding-start);
  border-radius: var(--pat-form-input-field-border-radius);
  background: var(--pat-select-box-background-colour);
  box-shadow: var(--pat-select-box-box-shadow);
  -webkit-backdrop-filter: var(--pat-tabs-select-box-backdrop-filter, none);
  backdrop-filter: var(--pat-tabs-select-box-backdrop-filter, none);
  outline: var(--pat-form-input-field-outline);
  outline-offset: var(--pat-form-input-field-outline-offset);
  text-indent: 0;
  text-align: start;
  font-family: inherit;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button.current:before,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a.current:before,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label.current:before {
  content: none;
  background: none;
  display: none;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button.current > svg,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button.current > .kik-icon,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a.current > svg,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a.current > .kik-icon,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label.current > svg,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label.current > .kik-icon {
  display: none;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button.current:after,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a.current:after,
.pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label.current:after {
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-down) center / contain no-repeat;
  mask: var(--kik-svg-down) center / contain no-repeat;
  position: absolute;
  z-index: 1;
  top: 0;
  right: var(--pat-tabs-select-arrow-edge-distance, 9px);
  bottom: 0;
  left: auto;
  width: var(--pat-select-box-arrow-size);
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--pat-select-box-arrow-size);
  color: inherit;
  background-image: none;
  opacity: 1;
  border-radius: 0;
}
}
@container (width <= 768px) {
body[dir=rtl] .pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button.current:after,
body[dir=rtl] .pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a.current:after,
body[dir=rtl] .pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label.current:after {
  right: auto;
  left: var(--pat-tabs-select-arrow-edge-distance, 9px);
}
}
@container (width <= 768px) {
body[dir=rtl] .pat-button-cluster.pat-tabs.collapse-select span.extra-tabs button.current,
body[dir=rtl] .pat-button-cluster.pat-tabs.collapse-select span.extra-tabs a.current,
body[dir=rtl] .pat-button-cluster.pat-tabs.collapse-select span.extra-tabs label.current {
  padding-right: var(--pat-select-box-padding-start);
  padding-left: calc(var(--pat-tabs-select-arrow-edge-distance, 9px) + var(--pat-select-box-arrow-size) + 6px);
}
}
@container (width <= 768px) {
.pat-toolbar .pat-button-cluster.pat-tabs.collapse-select:not(.open) span.extra-tabs {
  width: auto;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select.open span.extra-tabs {
  grid-template-columns: minmax(max-content, 100%);
  width: max-content;
  min-width: 100%;
  max-width: min(24rem, 90vw);
  height: 100%;
  padding: 0;
  overflow: visible;
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select.open span.extra-tabs button.current,
.pat-button-cluster.pat-tabs.collapse-select.open span.extra-tabs a.current,
.pat-button-cluster.pat-tabs.collapse-select.open span.extra-tabs label.current {
  background: var(--pat-select-box-background-colour-hover);
  color: var(--pat-select-box-arrow-text-colour-hover);
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select.open span.extra-tabs button:not(.current),
.pat-button-cluster.pat-tabs.collapse-select.open span.extra-tabs a:not(.current),
.pat-button-cluster.pat-tabs.collapse-select.open span.extra-tabs label:not(.current) {
  display: grid;
  height: auto;
  pointer-events: all;
  padding-top: calc(var(--pat-tabs-option-inset-top) + var(--pat-menu-list-item-padding-top-bottom));
  padding-bottom: calc(var(--pat-tabs-option-inset-bottom) + var(--pat-menu-list-item-padding-top-bottom));
  background: var(--pat-context-menu-background, var(--colour-base-background));
  -webkit-backdrop-filter: var(--pat-context-menu-backdrop-filter, var(--pat-toolbar-button-backdrop-filter));
  backdrop-filter: var(--pat-context-menu-backdrop-filter, var(--pat-toolbar-button-backdrop-filter));
  box-shadow: var(--pat-context-menu-shadow, var(--default-box-shadow));
  color: var(--body-font-colour);
  clip-path: inset(0 -20px);
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select.open span.extra-tabs > :nth-child(1 of :is(button, a, label):not(.current)) {
  --pat-tabs-option-inset-top: var(--pat-context-menu-padding);
  margin-top: 14px;
  border-top-left-radius: var(--pat-context-menu-radii);
  border-top-right-radius: var(--pat-context-menu-radii);
  clip-path: inset(-20px -20px 0);
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select.open span.extra-tabs > :nth-last-child(1 of :is(button, a, label):not(.current)) {
  --pat-tabs-option-inset-bottom: var(--pat-context-menu-padding);
  border-bottom-left-radius: var(--pat-context-menu-radii);
  border-bottom-right-radius: var(--pat-context-menu-radii);
  clip-path: inset(0 -20px -20px);
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.collapse-select.open span.extra-tabs > :nth-child(1 of :is(button, a, label):not(.current)):nth-last-child(1 of :is(button, a, label):not(.current)) {
  clip-path: inset(-20px);
}
}
@container (width <= 768px) {
.pat-button-cluster.pat-tabs.tabs-wrapped.collapse-select {
  --pat-button-cluster-toggle-space: 0;
}
}
.pat-toolbar .pat-button-cluster.pat-tabs.open span.extra-tabs {
  width: max-content;
  min-width: 12rem;
  max-width: min(24rem, 90vw);
}
.pat-toolbar .pat-button-cluster.pat-tabs.open span.extra-tabs > .icon,
.pat-button-cluster.pat-tabs.open span.extra-tabs > .icon {
  display: block;
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  height: auto;
  text-indent: 0;
  overflow: visible;
  margin: 0;
  padding: 4px 10px;
  line-height: 1.5;
}
.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 {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  color: gray;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-close) center / contain no-repeat;
  mask: var(--kik-svg-close) center / contain no-repeat;
}
@media (hover: hover) {
.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:active,
.pat-context-menu .context-menu-label.collapsible-open:active {
  color: var(--context-menu-text-colour-hover);
}
@media (hover: hover) {
.pat-context-menu .context-menu-label.collapsible-closed:hover,
.pat-context-menu .context-menu-label.collapsible-open:hover {
  color: var(--context-menu-text-colour-hover);
}
}
.pat-context-menu .context-menu-label.collapsible-closed {
  text-decoration: none;
}
.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;
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-more) center / 1em no-repeat;
  mask: var(--kik-svg-more) center / 1em no-repeat;
  padding: 0;
  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);
}
@media (hover: hover) {
.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;
}
@container screen style(--screen-small: false) {
.pat-context-menu.align-right .panel-content {
  right: 0;
  left: inherit;
}
}
.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 {
  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;
  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;
}
@media (hover: hover) {
.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 {
  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;
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover {
  outline: none;
  background-color: transparent;
  cursor: default;
}
}
@media (hover: hover) {
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before,
.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 {
  color: rgba(0,0,0,0.6);
  position: absolute;
  font-weight: normal;
  font-style: normal;
  width: 100%;
  display: block;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:is(.re-video, .re-unorderedlist, .re-lists, .re-undo, .re-underline, .re-textdirection, .re-fontcolor, .re-table, .re-redo, .re-quote, .re-outdent, .re-orderedlist, .re-link, .re-italic, .re-indent, .re-image, .re-fullscreen, .re-normalscreen, .re-format, .re-fontsize, .re-fontfamily, .re-deleted, .re-clips, .re-bold, .re-backcolor, .re-file, .re-alignright, .re-alignment, .re-alignleft, .re-alignjustify, .re-aligncenter):before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:is(.re-video, .re-unorderedlist, .re-lists, .re-undo, .re-underline, .re-textdirection, .re-fontcolor, .re-table, .re-redo, .re-quote, .re-outdent, .re-orderedlist, .re-link, .re-italic, .re-indent, .re-image, .re-fullscreen, .re-normalscreen, .re-format, .re-fontsize, .re-fontfamily, .re-deleted, .re-clips, .re-bold, .re-backcolor, .re-file, .re-alignright, .re-alignment, .re-alignleft, .re-alignjustify, .re-aligncenter):before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:is(.re-video, .re-unorderedlist, .re-lists, .re-undo, .re-underline, .re-textdirection, .re-fontcolor, .re-table, .re-redo, .re-quote, .re-outdent, .re-orderedlist, .re-link, .re-italic, .re-indent, .re-image, .re-fullscreen, .re-normalscreen, .re-format, .re-fontsize, .re-fontfamily, .re-deleted, .re-clips, .re-bold, .re-backcolor, .re-file, .re-alignright, .re-alignment, .re-alignleft, .re-alignjustify, .re-aligncenter):before {
  content: '';
  height: var(--button-height);
  background-color: currentColor;
  -webkit-mask: var(--kik-redactor-mark) center / 1em no-repeat;
  mask: var(--kik-redactor-mark) center / 1em no-repeat;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video {
  --kik-redactor-mark: var(--kik-svg-video);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist,
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists {
  --kik-redactor-mark: var(--kik-svg-list);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo {
  --kik-redactor-mark: var(--kik-svg-undo);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline {
  --kik-redactor-mark: var(--kik-svg-font);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection {
  --kik-redactor-mark: var(--kik-svg-paragraph);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor {
  --kik-redactor-mark: var(--kik-svg-palette);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table {
  --kik-redactor-mark: var(--kik-svg-table);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo {
  --kik-redactor-mark: var(--kik-svg-redo);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote {
  --kik-redactor-mark: var(--kik-svg-quote);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent {
  --kik-redactor-mark: var(--kik-svg-angle-double-left);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist {
  --kik-redactor-mark: var(--kik-svg-list);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link {
  --kik-redactor-mark: var(--kik-svg-link);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic {
  --kik-redactor-mark: var(--kik-svg-italic);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent {
  --kik-redactor-mark: var(--kik-svg-angle-double-right);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image {
  --kik-redactor-mark: var(--kik-svg-picture);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen {
  --kik-redactor-mark: var(--kik-svg-resize-full);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen {
  --kik-redactor-mark: var(--kik-svg-resize-small);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format {
  --kik-redactor-mark: var(--kik-svg-paragraph);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize {
  --kik-redactor-mark: var(--kik-svg-font);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily {
  --kik-redactor-mark: var(--kik-svg-font);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted {
  --kik-redactor-mark: var(--kik-svg-strike);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips {
  --kik-redactor-mark: var(--kik-svg-copy);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold {
  --kik-redactor-mark: var(--kik-svg-bold);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor {
  --kik-redactor-mark: var(--kik-svg-palette);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file {
  --kik-redactor-mark: var(--kik-svg-attach);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright {
  --kik-redactor-mark: var(--kik-svg-align-right);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment,
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft {
  --kik-redactor-mark: var(--kik-svg-align-left);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify {
  --kik-redactor-mark: var(--kik-svg-align-justify);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter {
  --kik-redactor-mark: var(--kik-svg-align-center);
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-line:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-line:before,
.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-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-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;
}
.flag-list {
  display: grid;
  gap: 30px;
  grid-auto-rows: 1fr;
}
.flag-list .flag > a {
  display: block;
  width: 100%;
}
@container screen style(--screen-large: true) {
.flag-list {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.flag-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@container screen style(--screen-small: true) {
.flag-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.flag-list .flag {
  text-align: center;
  min-width: 0;
}
.flag-list .flag a {
  display: block;
  font-size: 16px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.flag-list .flag a:before {
  width: 100%;
  aspect-ratio: 4/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-small);
  transition: all 0.15s ease-out;
}
@media (hover: hover) {
.flag-list .flag a:hover:before {
  transform: scale(1.08);
  box-shadow: var(--default-box-shadow-hover);
}
}
.flag-list .us a:before {
  background-image:
            linear-gradient(to right, #3c3b6e 0, #3c3b6e 100%),
            repeating-linear-gradient(to bottom, #b22234 0 7.69%, #fff 7.69% 15.38%);
  background-size: 40% 53.85%, 100% 100%;
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
}
.flag-list .ca a:before {
  background-image: linear-gradient(to right, #d80621 25%, #fff 25% 75%, #d80621 75%);
}
.flag-list .jp a:before {
  background-image: radial-gradient(circle at 50% 50%, #bc002d 0 24%, #fff 24%);
}
.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-image: url("/assets/libraries/kikaron/flags/artefacts/xk.svg");
}
.flag-list .me a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/me.svg");
}
.flag-list .no a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/no.svg");
}
.flag-list .si a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/si.svg");
}
.flag-list .tr a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/tr.svg");
}
.flag-list .gr a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/gr.svg");
}
.flag-list .il a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/il.svg");
}
.flag-list .ad a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/ad.svg");
}
.flag-list .al a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/al.svg");
}
.flag-list .am a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/am.svg");
}
.flag-list .ba a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/ba.svg");
}
.flag-list .ch a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/ch.svg");
}
.flag-list .cy a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/cy.svg");
}
.flag-list .dk a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/dk.svg");
}
.flag-list .es a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/es.svg");
}
.flag-list .eu a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/eu.svg");
}
.flag-list .fi a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/fi.svg");
}
.flag-list .gb a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/gb.svg");
}
.flag-list .hr a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/hr.svg");
}
.flag-list .is a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/is.svg");
}
.flag-list .li a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/li.svg");
}
.flag-list .mk a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/mk.svg");
}
.flag-list .mt a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/mt.svg");
}
.flag-list .pt a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/pt.svg");
}
.flag-list .rs a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/rs.svg");
}
.flag-list .se a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/se.svg");
}
.flag-list .sk a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/sk.svg");
}
.flag-list .ua a:before {
  background-image: url("/assets/libraries/kikaron/flags/artefacts/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;
  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 {
  opacity: 1;
}
@media (hover: hover) {
.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/vendor/photoswipe/default-skin/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/vendor/photoswipe/default-skin/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;
}
@media (hover: hover) {
.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;
}
@media (hover: hover) {
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
}
@media (hover: hover) {
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}
}
@media (hover: hover) {
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}
}
@media (hover: hover) {
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}
}
@media (hover: hover) {
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/vendor/photoswipe/default-skin/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;
  --gallery-arrow-inset: 24px;
  --gallery-photo-inset: 15px;
}
.pswp__scroll-wrap {
  left: var(--gallery-photo-inset);
  width: calc(100% - 2 * var(--gallery-photo-inset));
}
.pswp__button {
  cursor: default;
}
.pswp img[src*=".svg"] {
  background: var(--colour-base-background);
}
.pswp__img {
  border-radius: var(--border-radii);
  box-shadow: var(--kik-window-shadow);
}
.pswp--zoom-allowed .pswp__img {
  background: white;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  width: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
  top: calc(50% - 0.5 * var(--pat-toolbar-button-height));
  line-height: var(--pat-toolbar-button-height);
  border-radius: var(--button-border-radius);
  background: var(--pat-toolbar-icon-frost-background) !important;
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  box-shadow: var(--pat-toolbar-button-box-shadow);
  color: var(--pat-toolbar-icon-text-colour);
  text-align: center;
  font-size: calc(0.6 * var(--pat-toolbar-button-height));
}
.pswp .pswp__button--arrow--left,
.pswp .pswp__button--arrow--right {
  opacity: 1;
  will-change: auto;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
@media (hover: hover) {
.pswp__button--arrow--left:hover:before,
.pswp__button--arrow--right:hover:before {
  background: var(--pat-toolbar-icon-background-colour-hover) !important;
  color: var(--pat-toolbar-icon-text-colour-hover);
}
}
.pswp__button--arrow--left:before {
  content: "";
  left: var(--gallery-arrow-inset);
}
.pswp__button--arrow--right:before {
  content: "";
  right: var(--gallery-arrow-inset);
}
.pswp__button--arrow--left:after,
.pswp__button--arrow--right:after {
  content: "";
  position: absolute;
  width: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
  top: calc(50% - 0.5 * var(--pat-toolbar-button-height));
  pointer-events: none;
  background-color: var(--pat-toolbar-icon-text-colour);
  -webkit-mask: var(--kik-svg-angle-right) center / 60% no-repeat;
  mask: var(--kik-svg-angle-right) center / 60% no-repeat;
}
.pswp__button--arrow--left:after {
  left: var(--gallery-arrow-inset);
  -webkit-mask-image: var(--kik-svg-angle-left);
  mask-image: var(--kik-svg-angle-left);
}
.pswp__button--arrow--right:after {
  right: var(--gallery-arrow-inset);
}
@media (hover: hover) {
.pswp__button--arrow--left:hover:after,
.pswp__button--arrow--right:hover:after {
  background-color: var(--pat-toolbar-icon-text-colour-hover);
}
}
.pswp__bg {
  background-color: var(--pat-surface-background-colour, rgba(255, 255, 255, 0.8));
  -webkit-backdrop-filter: var(--pat-surface-backdrop-filter);
  backdrop-filter: var(--pat-surface-backdrop-filter);
}
.pswp__top-bar,
.pswp__caption,
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background: none;
}
.pswp__counter {
  width: 100%;
  padding: 0 10px;
  text-align: center;
  color: var(--colour-byline);
  opacity: 1;
  pointer-events: none;
}
.pswp__caption__center {
  text-align: center;
  color: var(--colour-byline);
}
.pswp__caption__center small {
  color: var(--colour-byline);
}
@media (max-width: 680px) {
.pswp__scroll-wrap,
.pswp__item {
  overflow: visible;
}
}
.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;
}
@container screen style(--screen-small: true) {
body {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  min-width: 0;
  margin-left: 0;
  margin-right: 0;
}
}
@container screen style(--screen-small: true) {
.row,
.row .row {
  width: auto;
  margin: 0;
  min-width: 0;
}
}
@container screen style(--screen-small: true) {
.column,
.columns {
  width: auto !important;
  float: none;
  padding: 0;
}
}
@container screen style(--screen-small: true) {
.column:last-child,
.columns:last-child,
[class*="column"] + [class*="column"]:last-child {
  float: none;
}
}
@container screen style(--screen-small: true) {
.column:before,
.columns:before,
.column:after,
.columns:after {
  content: "";
  display: table;
}
}
@container screen style(--screen-small: true) {
.column:after,
.columns:after {
  clear: both;
}
}
@container screen style(--screen-small: true) {
.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;
}
}
@container screen style(--screen-small: true) {
.push-two,
.push-three,
.push-four,
.push-five,
.push-six,
.push-seven,
.push-eight,
.push-nine,
.push-ten {
  left: auto;
}
}
@container screen style(--screen-small: true) {
.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;
}
@container screen style(--screen-small: false) {
.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 dd:has(> .icon) {
  display: flex;
  align-items: baseline;
  gap: 0.4em;
}
.pat-grid-list dd:has(> .icon) > .icon {
  flex: 0 0 auto;
  margin-inline-start: auto;
  align-self: center;
}
.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);
}
@container screen style(--screen-small: false) {
.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: minmax(0, 1fr) 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 {
  content: '';
  background-image: var(--kik-svg-down);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  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 {
  background-image: var(--kik-svg-up);
}
@media (hover: hover) {
.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 {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-grid-list-button-mark, linear-gradient(transparent, transparent)) center / 1em no-repeat;
  mask: var(--kik-grid-list-button-mark, linear-gradient(transparent, transparent)) center / 1em no-repeat;
  font-size: 1em;
  z-index: 1;
  width: var(--collapsible-button-height);
  height: var(--collapsible-button-height);
  text-align: center;
  line-height: var(--collapsible-button-height);
  display: block;
  position: absolute;
  color: var(--button-text-colour);
  top: 0;
  left: 0;
}
@media (hover: hover) {
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon:hover {
  background-color: var(--pat-button-background-colour-hover);
}
}
@media (hover: 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:not(:has(> svg.kik-icon)) {
  --kik-grid-list-button-mark: var(--kik-svg-help);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.add:not(:has(> svg.kik-icon)) {
  --kik-grid-list-button-mark: var(--kik-svg-plus);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.download:not(:has(> svg.kik-icon)) {
  --kik-grid-list-button-mark: var(--kik-svg-download);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.settings:not(:has(> svg.kik-icon)) {
  --kik-grid-list-button-mark: var(--kik-svg-settings);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.edit:not(:has(> svg.kik-icon)) {
  --kik-grid-list-button-mark: var(--kik-svg-edit);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.more:not(:has(> svg.kik-icon)) {
  --kik-grid-list-button-mark: var(--kik-svg-more);
}
.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 {
  content: '';
  background-image: var(--kik-svg-down);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  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 {
  background-image: var(--kik-svg-up);
}
@media (hover: hover) {
.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;
}
}
@container screen style(--screen-small: false) {
.pat-grid-list dd .item-info-card .meta .meta-item {
  border-left: 1px solid var(--colour-byline);
  padding: 0 0.2em;
  display: inline-block;
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] .pat-grid-list dd .item-info-card .meta .meta-item {
  border-left: none;
  border-right: 1px solid var(--colour-byline);
}
}
@container screen style(--screen-small: false) {
.pat-grid-list dd .item-info-card .meta .meta-item:before {
  content: '  ';
  display: inline;
}
}
@container screen style(--screen-small: false) {
.pat-grid-list dd .item-info-card .meta .meta-item:first-child {
  padding-left: 0;
  border-left: none;
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] .pat-grid-list dd .item-info-card .meta .meta-item:first-child {
  padding-left: revert;
  padding-right: 0;
  border-right: none;
}
}
@container screen style(--screen-small: false) {
.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;
}
@container screen style(--screen-small: false) {
.pat-grid-list dd {
  border-top: none;
}
}
@container screen style(--screen-small: false) {
.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);
  content: '';
  background-image: var(--kik-svg-ok-white);
  background-position: center;
  background-size: 75%;
  background-repeat: no-repeat;
}
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);
  content: '';
  background-image: var(--kik-svg-ok-white);
  background-position: center;
  background-size: 75%;
  background-repeat: no-repeat;
}
.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);
  content: '';
  background-image: var(--kik-svg-ok-white);
  background-position: center;
  background-size: 75%;
  background-repeat: no-repeat;
}
.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 {
  content: '';
  text-decoration: none;
  color: rgba(0,0,0,0.5);
  font-size: 1.3rem;
  width: 1em;
  height: 1em;
  box-shadow: none;
  background-color: currentColor;
  background-image: none;
  -webkit-mask: var(--kik-svg-visibility-off) center / contain no-repeat;
  mask: var(--kik-svg-visibility-off) center / contain no-repeat;
}
@media (hover: hover) {
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):hover {
  color: var(--body-font-colour);
}
}
@media (hover: hover) {
.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);
  background-color: currentColor;
  background-image: none;
  box-shadow: none;
  -webkit-mask-image: var(--kik-svg-visibility);
  mask-image: var(--kik-svg-visibility);
}
.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;
}
@media (hover: hover) {
.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;
}
.pat-form {
  --pat-form-controls-gap: calc(0.5 * var(--pat-form-label-margin-bottom, 1rem));
}
@container screen style(--screen-small: true) {
.pat-form {
  --pat-form-panel-padding: var(--pat-form-panel-padding-small);
}
}
@container screen style(--screen-small: false) and style(--screen-large: false) {
.pat-form {
  --pat-form-panel-padding: var(--pat-form-panel-padding-medium);
}
}
@container screen style(--screen-large: true) {
.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 label > .pat-message:last-child,
.pat-form label > .message:last-child {
  margin-bottom: 0;
}
.pat-form label > .pat-message:not(:first-child),
.pat-form label > .message:not(:first-child) {
  margin-top: var(--pat-form-controls-gap);
}
.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-size: 1em;
  background-color: currentColor;
  -webkit-mask: var(--kik-form-button-mark, linear-gradient(transparent 0 0)) center / 1em no-repeat;
  mask: var(--kik-form-button-mark, linear-gradient(transparent 0 0)) center / 1em no-repeat;
  z-index: 1;
  width: var(--collapsible-button-height);
  height: var(--collapsible-button-height);
  text-align: center;
  line-height: var(--collapsible-button-height);
  display: block;
  position: absolute;
  color: var(--button-text-colour);
  top: 0;
  left: 0;
}
@media (hover: hover) {
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon:hover {
  background-color: var(--pat-button-background-colour-hover);
}
}
@media (hover: 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:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-help);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.add:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-plus);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.download:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-download);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.settings:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-settings);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.edit:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-edit);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.more:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-more);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.more:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-more);
  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 {
  content: '';
  font-size: calc(0.7 * var(--collapsible-button-height));
  background-color: currentColor;
  -webkit-mask: var(--kik-form-collapse-mark, var(--kik-svg-down)) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-form-collapse-mark, var(--kik-svg-down)) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  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 {
  --kik-form-collapse-mark: var(--kik-svg-up);
}
@media (hover: hover) {
.pat-form .form-panel.pat-collapsible .form-separation-header:hover:after,
.pat-form .form-panel.pat-collapsible .form-panel-title:hover:after {
  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);
}
@media (hover: hover) {
.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 {
  --kik-form-collapse-mark: var(--kik-svg-down);
}
.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(--pat-message-background-colour,
        var(--pat-surface-background-colour, 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-] {
  --pat-message-glyph-size: 30px;
  --pat-message-glyph-space: 44px;
  position: relative;
  padding-inline-start: calc(var(--pat-message-padding) + var(--pat-message-glyph-space));
  min-height: var(--pat-message-glyph-size);
}
.pat-form .pat-message[class*=icon-]:before,
.pat-form .message[class*=icon-]:before {
  position: absolute;
  inset-inline-start: var(--pat-message-padding);
  top: 50%;
  translate: 0 -50%;
  width: var(--pat-message-glyph-size);
  height: var(--pat-message-glyph-size);
  font-size: var(--pat-message-glyph-size);
  line-height: 1;
  text-align: center;
}
.pat-form .pat-message[class*=icon-]:not(:has(> svg.kik-icon)):before,
.pat-form .message[class*=icon-]:not(:has(> svg.kik-icon)):before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg, linear-gradient(transparent 0 0)) center / contain no-repeat;
  mask: var(--kik-icon-svg, linear-gradient(transparent 0 0)) center / contain no-repeat;
}
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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;
  min-width: 0;
  overflow-wrap: anywhere;
  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 {
  content: '';
  font-size: calc(0.7 * var(--collapsible-button-height));
  background-color: currentColor;
  -webkit-mask: var(--kik-form-collapse-mark, var(--kik-svg-down)) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-form-collapse-mark, var(--kik-svg-down)) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  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 {
  --kik-form-collapse-mark: var(--kik-svg-up);
}
@media (hover: hover) {
.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 {
  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-size: 1em;
  background-color: currentColor;
  -webkit-mask: var(--kik-form-button-mark, linear-gradient(transparent 0 0)) center / 1em no-repeat;
  mask: var(--kik-form-button-mark, linear-gradient(transparent 0 0)) center / 1em no-repeat;
  z-index: 1;
  width: var(--collapsible-button-height);
  height: var(--collapsible-button-height);
  text-align: center;
  line-height: var(--collapsible-button-height);
  display: block;
  position: absolute;
  color: var(--button-text-colour);
  top: 0;
  left: 0;
}
@media (hover: hover) {
.pat-form .item-info-card .well-title-group .buttons .icon:hover {
  background-color: var(--pat-button-background-colour-hover);
}
}
@media (hover: 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:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-help);
}
.pat-form .item-info-card .well-title-group .buttons .icon.add:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-plus);
}
.pat-form .item-info-card .well-title-group .buttons .icon.download:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-download);
}
.pat-form .item-info-card .well-title-group .buttons .icon.settings:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-settings);
}
.pat-form .item-info-card .well-title-group .buttons .icon.edit:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-edit);
}
.pat-form .item-info-card .well-title-group .buttons .icon.more:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-more);
}
.pat-form .item-info-card .well-title-group .buttons .icon.more:not(:has(> svg.kik-icon)):after {
  content: '';
  --kik-form-button-mark: var(--kik-svg-more);
  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 {
  content: '';
  font-size: calc(0.7 * var(--collapsible-button-height));
  background-color: currentColor;
  -webkit-mask: var(--kik-form-collapse-mark, var(--kik-svg-down)) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  mask: var(--kik-form-collapse-mark, var(--kik-svg-down)) center / 1em no-repeat, linear-gradient(rgb(0 0 0 / 0.1) 0 0);
  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 {
  --kik-form-collapse-mark: var(--kik-svg-up);
}
@media (hover: hover) {
.pat-form .item-info-card.pat-collapsible > .well-header:not(:has(.pat-toolbar)):hover:after {
  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;
}
}
@container screen style(--screen-small: false) {
.pat-form .item-info-card .meta .meta-item {
  border-left: 1px solid var(--colour-byline);
  padding: 0 0.2em;
  display: inline-block;
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] .pat-form .item-info-card .meta .meta-item {
  border-left: none;
  border-right: 1px solid var(--colour-byline);
}
}
@container screen style(--screen-small: false) {
.pat-form .item-info-card .meta .meta-item:before {
  content: '  ';
  display: inline;
}
}
@container screen style(--screen-small: false) {
.pat-form .item-info-card .meta .meta-item:first-child {
  padding-left: 0;
  border-left: none;
}
}
@container screen style(--screen-small: false) {
body[dir=rtl] .pat-form .item-info-card .meta .meta-item:first-child {
  padding-left: revert;
  padding-right: 0;
  border-right: none;
}
}
@container screen style(--screen-small: false) {
.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;
  line-height: var(--pat-form-input-field-line-height);
  min-height: var(--pat-form-input-field-line-height);
}
.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-calendar-project {
  grid-template-columns: minmax(0, 1fr) 9em;
}
.pat-form .field-cluster:not(.layout-inline).layout-date-time-zone {
  grid-template-columns: minmax(0, 1fr) minmax(0, 12em);
}
.pat-form .field-cluster:not(.layout-inline).layout-date-time {
  display: flex;
  column-gap: 10px;
}
.pat-form .field-cluster:not(.layout-inline).layout-date-time > .date {
  flex: 1 1 auto;
  min-width: 0;
}
.pat-form .field-cluster:not(.layout-inline).layout-date-time > .time {
  flex: 0 0 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 {
  text-align: center;
  display: block;
  content: '';
  width: 1em;
  height: 1em;
  color: rgba(0,0,0,0.5);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-close) center / contain no-repeat;
  mask: var(--kik-svg-close) center / contain no-repeat;
}
@media (hover: hover) {
.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: block;
  width: 100%;
}
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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;
}
@media (hover: hover) {
.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:where(.add):before {
  width: 1em;
  height: 1lh;
}
.pat-form input[type="file"]::file-selector-button.add:not(:has(> svg.kik-icon)):before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-plus) center / 1em no-repeat;
  mask: var(--kik-svg-plus) center / 1em no-repeat;
}
.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;
  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 .unit-field {
  position: relative;
}
.pat-form .unit-field:after {
  content: attr(data-unit);
  position: absolute;
  grid-area: field;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0 2.2em 0 0;
  line-height: var(--pat-form-input-field-line-height);
  font-size: var(--pat-form-input-field-font-size);
  color: var(--colour-byline, silver);
  pointer-events: none;
  white-space: nowrap;
}
.pat-form .unit-field input,
.pat-form .unit-field output {
  padding-right: 6em;
}
.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;
}
@media (hover: hover) {
.pat-form .button-field > .follow[href]:hover {
  filter: brightness(1.1);
}
}
.pat-form .button-field > .follow:before {
  opacity: 0.5;
  content: ' ';
  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: '';
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-forward) center / contain no-repeat;
  mask: var(--kik-svg-forward) center / contain no-repeat;
}
.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;
  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.tooltip-active-click:before {
  background-color: var(--button-background-colour-default-hover);
}
@media (hover: hover) {
.pat-form fieldset .help-icon:hover: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: "";
  background-image: var(--kik-svg-question-white);
  background-position: center;
  background-size: 70%;
  background-repeat: no-repeat;
  border-radius: var(--pat-form-help-button-icon-border-radius);
  background-color: var(--button-background-colour-default);
  transform: none;
  margin: 0;
  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);
}
@container screen style(--screen-small: false) {
.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);
}
}
@container screen style(--screen-small: false) {
.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);
}
}
@container screen style(--screen-small: false) {
.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);
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
.pat-form fieldset.horizontal > br,
.pat-form fieldset.horizontal > .panel-content > br {
  display: none;
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
.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);
}
}
@container screen style(--screen-small: false) {
.pat-form fieldset.horizontal > label > *,
.pat-form fieldset.horizontal > .panel-content > label > * {
  grid-area: field;
  min-width: 0;
}
}
@container screen style(--screen-small: false) {
.pat-form fieldset.horizontal > label > *[size],
.pat-form fieldset.horizontal > .panel-content > label > *[size] {
  overflow: hidden;
}
}
@container screen style(--screen-small: false) {
.pat-form fieldset.horizontal > label > .help-icon,
.pat-form fieldset.horizontal > .panel-content > label > .help-icon {
  grid-area: extra;
  grid-row: 1 / -1;
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
.pat-form fieldset.horizontal > label > .colour-chooser-launcher,
.pat-form fieldset.horizontal > .panel-content > label > .colour-chooser-launcher {
  height: 0.6em;
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
.pat-form fieldset.horizontal label textarea,
.pat-form fieldset.horizontal > .panel-content label textarea {
  resize: vertical;
}
}
@container screen style(--screen-small: false) {
.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);
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
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;
}
}
@container screen style(--screen-small: false) {
.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));
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
.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%;
}
}
@container screen style(--screen-small: false) {
.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;
}
}
@container screen style(--screen-small: false) {
.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-columns: minmax(0, 1fr) auto;
  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 fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 0;
  gap: 0.2em;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
            "label icons"
            "field field";
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor):has(.message),
.pat-form fieldset.horizontal fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor):has(.pat-message) {
  grid-template-areas:
              "label icons"
              "field field"
              "message message";
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > * {
  grid-area: field;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > .legend,
.pat-form fieldset.horizontal fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > legend {
  grid-area: label;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > .help-icon {
  grid-area: icons;
  justify-self: end;
  align-self: center;
  margin: 0;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > .message,
.pat-form fieldset.horizontal fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > .pat-message {
  grid-area: message;
}
}
@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 > .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 > .pat-checklist {
  display: block;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  font-weight: var(--font-weight-normal);
  min-width: 0;
}
}
@container screen style(--screen-small: true) {
.pat-form fieldset.horizontal label > .field-cluster,
.pat-form fieldset.horizontal .group > .field-cluster {
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  font-weight: var(--font-weight-normal);
  min-width: 0;
}
}
@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:not(:where(.pat-form-field-toggle) *),
.pat-form fieldset.horizontal legend:not(:where(.pat-form-field-toggle) *),
.pat-form fieldset.horizontal > label:not(:where(.pat-form-field-toggle) *),
.pat-form fieldset.horizontal .group:not(.pat-checklist) > label:not(:where(.pat-form-field-toggle) *) {
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--pat-form-label-margin-bottom, 1rem);
}
}
@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:not(.pat-checklist) > .field-cluster {
  margin-bottom: var(--pat-form-label-margin-bottom, 1rem);
}
}
@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;
}
}
.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-columns: minmax(0, 1fr) auto;
  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 fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 0;
  gap: 0.2em;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
          "label icons"
          "field field";
}
.pat-form fieldset.vertical fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor):has(.message),
.pat-form fieldset.vertical fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor):has(.pat-message) {
  grid-template-areas:
            "label icons"
            "field field"
            "message message";
}
.pat-form fieldset.vertical fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > * {
  grid-area: field;
}
.pat-form fieldset.vertical fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > .legend,
.pat-form fieldset.vertical fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > legend {
  grid-area: label;
}
.pat-form fieldset.vertical fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > .help-icon {
  grid-area: icons;
  justify-self: end;
  align-self: center;
  margin: 0;
}
.pat-form fieldset.vertical fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > .message,
.pat-form fieldset.vertical fieldset.group:not(.pat-checklist):not(.pat-form-field-toggle):not(.button-bar):not(.layout-inline):not(.textarea):not(.md-editor) > .pat-message {
  grid-area: message;
}
.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 > .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 > .pat-checklist {
  display: block;
  margin-top: 3px;
  width: 100%;
  box-sizing: border-box;
  font-weight: var(--font-weight-normal);
  min-width: 0;
}
.pat-form fieldset.vertical label > .field-cluster,
.pat-form fieldset.vertical .group > .field-cluster {
  margin-top: 3px;
  width: 100%;
  box-sizing: border-box;
  font-weight: var(--font-weight-normal);
  min-width: 0;
}
.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:not(:where(.pat-form-field-toggle) *),
.pat-form fieldset.vertical legend:not(:where(.pat-form-field-toggle) *),
.pat-form fieldset.vertical > label:not(:where(.pat-form-field-toggle) *),
.pat-form fieldset.vertical .group:not(.pat-checklist) > label:not(:where(.pat-form-field-toggle) *) {
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--pat-form-label-margin-bottom, 1rem);
}
.pat-form fieldset.vertical .legend,
.pat-form fieldset.vertical legend {
  display: block;
}
.pat-form fieldset.vertical .group:not(.pat-checklist) > .field-cluster {
  margin-bottom: var(--pat-form-label-margin-bottom, 1rem);
}
.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;
}
.pat-icon {
  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 {
  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[class*=icon-]:not(:has(> svg.kik-icon)):before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg, linear-gradient(transparent, transparent)) center / 1em no-repeat;
  mask: var(--kik-icon-svg, linear-gradient(transparent, transparent)) center / 1em no-repeat;
}
@media (hover: hover) {
.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: calc(1 - var(--pat-injection-sentinel-opacity-reduction, 0.81));
}
.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: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: var(--pat-throbber-size, 50px);
  height: var(--pat-throbber-size, 50px);
  margin-top: calc(var(--pat-throbber-size, 50px) / -2);
  margin-left: calc(var(--pat-throbber-size, 50px) / -2);
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.pat-injection-sentinel.injecting:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
@media (prefers-reduced-motion: reduce ) {
.pat-injection-sentinel.injecting:before {
  animation: none;
  opacity: 1;
}
}
.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: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  margin-top: 0;
  top: 5px;
}
@media (prefers-reduced-motion: reduce) {
.pat-lazy-load:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
@keyframes pat-link-list-preview-fade-in {

  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
.pat-link-list li a > figure.preview > img.loaded {
  animation-duration: 0.01ms;
}
}
.pat-link-list {
  --pat-x-list-column-width: 19em;
  columns: var(--pat-x-list-column-width);
  column-gap: var(--pat-x-list-gutter);
}
.pat-link-list > li {
  break-inside: avoid;
  margin-block-end: var(--pat-x-list-gutter);
}
.pat-link-list.columns-none {
  columns: 1;
}
.pat-link-list li a[href] {
  cursor: pointer;
}
.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);
}
}
.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):not(.more, :has(> svg.kik-icon, > svg.kik-file-mark, > .icon, > .event-date)):before,
.pat-link-list li a.tile-icon:not(.pat-lazy-load):not(.more, :has(> svg.kik-icon, > svg.kik-file-mark, > .icon, > .event-date)):before {
  content: '';
  background-image: var(--kik-linklist-mark, var(--kik-icon-svg, var(--kik-svg-angle-right)));
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55%;
}
.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%, var(--kik-date-dial-ground, white));
}
.pat-link-list li:has(> a > .preview) {
  margin-bottom: var(--pat-x-list-gutter);
}
.pat-link-list.articles li:has(> a > .preview) {
  margin-bottom: 0;
}
.pat-link-list li {
  page-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 0;
}
.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);
}
@media (hover: hover) {
.pat-link-list li a[href]:hover {
  text-decoration: underline;
  color: var(--colour-dark-blue-d);
}
}
@media (hover: hover) {
.pat-link-list li a[href]:hover .classification-tags .classification-tag {
  text-decoration: none;
}
}
@media (hover: hover) {
.pat-link-list li a[href]:hover:has(.link-title),
.pat-link-list li a[href]:hover:has(.item-title) {
  text-decoration: none;
}
}
@media (hover: hover) {
.pat-link-list li a[href]:hover .link-byline,
.pat-link-list li a[href]:hover .item-byline {
  text-decoration: none !important;
}
}
@media (hover: hover) {
.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-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([class*="type-"]):not(.tile-icon):not(.tile-icons *):not(:has(> .icon)):not(:has(> .event-date)):not(.pat-lazy-load):not(.more):before {
  content: "";
  width: var(--bullet-space);
  height: var(--bullet-space);
  align-self: center;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-angle-right) center / contain no-repeat;
  mask: var(--kik-svg-angle-right) center / contain no-repeat;
}
.pat-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: 1;
  container-type: inline-size;
}
.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%,
                           var(--kik-date-dial-ink-shade, black) 50%);
}
.pat-link-list li a > .event-date .month {
  font-size: 19cqi;
  display: block;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 0.15em;
}
.pat-link-list li a > .event-date .day {
  font-size: 34cqi;
  display: block;
  line-height: 1;
}
.pat-link-list li a .app-icon * {
  fill: var(--app-tile-icon-colour, var(--app-colour)) !important;
}
.pat-link-list li a.warning a:not([class*="icon-"])::before {
  content: '';
  width: 1em;
  height: 1lh;
  color: var(--colour-orange);
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-attention) center / contain no-repeat;
  mask: var(--kik-svg-attention) center / contain no-repeat;
  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: none;
  background-color: var(--ll-file-bg, rgba(0, 0, 0, 0.02));
  box-shadow: var(--default-box-shadow);
}
.pat-link-list li a:has(> .preview) > figure.preview {
  display: block;
  padding: 0;
  margin: 0 0 var(--pat-x-list-gutter);
  overflow: hidden;
  background-color: var(--ll-preview-bg, #fff);
  aspect-ratio: var(--ll-preview-ratio, 4 / 3);
}
.pat-link-list li a:has(> .preview) > figure.preview > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  opacity: 0;
}
.pat-link-list li a:has(> .preview) > figure.preview > img.loaded {
  animation: pat-link-list-preview-fade-in 0.35s ease-out forwards;
}
.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.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 a > figure.preview {
  aspect-ratio: auto;
  margin: 0;
  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;
}
@container screen style(--screen-small: true) {
.pat-link-list {
  --pat-x-list-padding-top: calc(0.65 * var(--pat-x-list-gutter));
  --pat-x-list-padding-right: calc(0.65 * var(--pat-x-list-gutter));
  --pat-x-list-padding-bottom: calc(0.65 * var(--pat-x-list-gutter));
  --pat-x-list-padding-left: calc(0.65 * var(--pat-x-list-gutter));
  --pat-x-list-padding:
      calc(0.65 * var(--pat-x-list-gutter))
      calc(0.65 * var(--pat-x-list-gutter))
      calc(0.65 * var(--pat-x-list-gutter))
      calc(0.65 * var(--pat-x-list-gutter));
}
}
.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-color: var(--pat-toolbar-icon-frost-background);
  -webkit-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  border: 0;
  box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.06),
        0 1px 2px rgba(0, 0, 0, 0.12);
  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 > svg.kik-icon {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
}
.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 > svg.kik-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  vertical-align: 0;
  color: var(--body-font-colour);
}
.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: var(--pat-toolbar-icon-background-colour-hover);
  text-decoration: none;
}
@media (hover: hover) {
.pat-link-list li:has(> a.more) > a.more:hover {
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  text-decoration: none;
}
}
.pat-link-list li:has(> a.more) > a.more.tooltip-active-click {
  background-color: var(--colour-accent);
}
.pat-link-list li:has(> a.more) > a.more.tooltip-active-click.icon::before,
.pat-link-list li:has(> a.more) > a.more.tooltip-active-click > svg.kik-icon {
  color: #fff;
}
.pat-link-list li:has(> a.more) > a.more.tooltip-active-click > svg.kik-icon {
  color: #fff;
}
.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: hover) {
.pat-link-list li:has(> a.more):hover > a.more {
  opacity: 1;
  pointer-events: auto;
}
}
@media (hover: none) {
.pat-link-list li:has(> a.more) > a.more {
  opacity: 1;
  pointer-events: auto;
}
}
@media (hover: none) and (max-width: 680px) {
.pat-link-list li:has(> a.more) {
  --ll-more-reserve: 0px;
}
}
@media (hover: none) and (max-width: 680px) {
.pat-link-list li:has(> a.more) > a.more {
  display: none;
}
}
.pat-link-list li:has(> a.more):has(> a > .preview) .item-title {
  padding-inline-end: 0;
}
.pat-link-list li:has(> a.more):not(:has(> a > .preview)) {
  --ll-more-reserve: 38px;
  --ll-more-edge: 5px;
}
@media (hover: none) and (max-width: 680px) {
.pat-link-list li:has(> a.more):not(:has(> a > .preview)) {
  --ll-more-reserve: 0px;
}
}
.pat-link-list li:has(> a.more):not(:has(> a > .preview)) > a.more {
  top: 50%;
  transform: translateY(-50%);
  inset-inline-end: calc(var(--pat-x-list-padding-left) + var(--ll-more-edge));
}
.pat-link-list li:has(> a.more):not(:has(> a > .preview)) > a.more::after {
  content: '';
  position: absolute;
  top: -32px;
  bottom: -32px;
  inset-inline-start: -28px;
  inset-inline-end: calc(-1 * (var(--pat-x-list-padding-left) + var(--ll-more-edge)));
}
.pat-link-list li:has(> a.more):not(:has(> a > .preview)) > a:not(.more) {
  position: relative;
}
.pat-link-list li:has(> a.more):not(:has(> a > .preview)) > a:not(.more)::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-end: 0;
  width: 105px;
  border-start-end-radius: var(--pat-x-list-border-radius);
  border-end-end-radius: var(--pat-x-list-border-radius);
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.18s ease;
  background: linear-gradient(
            to left,
            var(--pat-x-list-scrim-colour, var(--pat-x-list-background-colour)) 40%,
            transparent 100%);
}
.pat-link-list li:has(> a.more):not(:has(> a > .preview)):focus-within > a:not(.more)::after,
.pat-link-list li:has(> a.more):not(:has(> a > .preview)):has(> a.more.tooltip-active-click) > a:not(.more)::after,
.pat-link-list li:has(> a.more):not(:has(> a > .preview)):has(> a.more[aria-expanded="true"]) > a:not(.more)::after {
  opacity: 1;
}
@media (hover: hover) {
.pat-link-list li:has(> a.more):not(:has(> a > .preview)):hover > a:not(.more)::after {
  opacity: 1;
}
}
@media (hover: none) {
.pat-link-list li:has(> a.more):not(:has(> a > .preview)) > a:not(.more)::after {
  opacity: 1;
}
}
@media (hover: none) {
.pat-link-list li:has(> a.more) > a.more {
  opacity: 1;
  pointer-events: auto;
}
}
@media (hover: none) and (max-width: 680px) {
.pat-link-list li:has(> a.more):not(:has(> a > .preview)) > a:not(.more)::after {
  display: none;
}
}
[dir="rtl"] .pat-link-list li:has(> a.more):not(:has(> a > .preview)) > a:not(.more)::after {
  background: linear-gradient(
    to right,
    var(--pat-x-list-scrim-colour, var(--pat-x-list-background-colour)) 40%,
    transparent 100%);
}
.pat-link-list.cards li a.pat-inject.current,
.pat-link-list.cards-auto li a.pat-inject.current,
.pat-link-list li a.pat-inject.card.current {
  --pat-x-list-current-ring: 2px;
  background-color: var(--colour-base-light, white);
  box-shadow: inset 0 0 0 var(--pat-x-list-current-ring) var(--kik-current-ring-colour, rgba(0, 0, 0, 0.4));
}
.pat-link-list li:has(> a.more):not(:has(> a > .preview)) > a.pat-inject.current:not(.more)::after {
  top: var(--pat-x-list-current-ring);
  bottom: var(--pat-x-list-current-ring);
  inset-inline-end: var(--pat-x-list-current-ring);
  border-start-end-radius: calc(
    var(--pat-x-list-border-radius) - var(--pat-x-list-current-ring));
  border-end-end-radius: calc(
    var(--pat-x-list-border-radius) - var(--pat-x-list-current-ring));
}
@container screen style(--screen-small: true) {
.sidebar .pat-link-list.cards li a.pat-inject.current,
.sidebar .pat-link-list.cards-auto li a.pat-inject.current,
.sidebar .pat-link-list li a.pat-inject.card.current {
  background-color: var(--pat-x-list-background-colour);
  box-shadow: var(--pat-x-list-box-shadow);
}
}
.pat-link-list.cards.columns-none,
.pat-link-list.cards-auto.columns-none {
  display: flex;
  flex-direction: column;
  gap: var(--pat-x-list-gutter);
}
.pat-link-list.cards.columns-none > li,
.pat-link-list.cards-auto.columns-none > li {
  width: 100%;
}
.pat-link-list.tile-icons.cards li a:not(.pat-lazy-load):before,
.pat-link-list.tile-icons.cards-auto li a:not(.pat-lazy-load):before,
.pat-link-list.cards li a.tile-icon:not(.pat-lazy-load):before,
.pat-link-list.cards-auto li a.tile-icon:not(.pat-lazy-load):before,
.pat-link-list.cards li a > .icon:not(.pat-avatar),
.pat-link-list.cards-auto li a > .icon:not(.pat-avatar) {
  border-radius: var(--border-radii-small, var(--border-radii));
}
.pat-message {
  color: var(--body-font-colour);
  padding: var(--pat-message-padding);
  background-color: var(--pat-message-background-colour,
        var(--pat-surface-background-colour, var(--colour-base)));
  -webkit-backdrop-filter: var(--pat-message-backdrop-filter,
        var(--pat-surface-backdrop-filter));
  backdrop-filter: var(--pat-message-backdrop-filter,
        var(--pat-surface-backdrop-filter));
  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-] {
  --pat-message-glyph-size: 30px;
  --pat-message-glyph-space: 44px;
  position: relative;
  padding-inline-start: calc(var(--pat-message-padding) + var(--pat-message-glyph-space));
  min-height: var(--pat-message-glyph-size);
}
.pat-message[class*=icon-]:not(:has(> svg.kik-icon)):before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-icon-svg, linear-gradient(transparent, transparent)) center / contain no-repeat;
  mask: var(--kik-icon-svg, linear-gradient(transparent, transparent)) center / contain no-repeat;
  position: absolute;
  inset-inline-start: var(--pat-message-padding);
  top: 50%;
  translate: 0 -50%;
  width: var(--pat-message-glyph-size);
  height: var(--pat-message-glyph-size);
  font-size: var(--pat-message-glyph-size);
  line-height: 1;
  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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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-message:has(> .icon),
.pat-message:has(> .pat-avatar),
.pat-message:has(> .app-icon),
.pat-message:has(> img.media) {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding-right: var(--pat-message-padding);
}
.pat-message:has(> .icon) > .icon,
.pat-message:has(> .icon) > .pat-avatar,
.pat-message:has(> .icon) > .app-icon,
.pat-message:has(> .icon) > img.media,
.pat-message:has(> .pat-avatar) > .icon,
.pat-message:has(> .pat-avatar) > .pat-avatar,
.pat-message:has(> .pat-avatar) > .app-icon,
.pat-message:has(> .pat-avatar) > img.media,
.pat-message:has(> .app-icon) > .icon,
.pat-message:has(> .app-icon) > .pat-avatar,
.pat-message:has(> .app-icon) > .app-icon,
.pat-message:has(> .app-icon) > img.media,
.pat-message:has(> img.media) > .icon,
.pat-message:has(> img.media) > .pat-avatar,
.pat-message:has(> img.media) > .app-icon,
.pat-message:has(> img.media) > img.media {
  flex: 0 0 auto;
  width: 3rem;
  height: 3rem;
  display: grid;
  place-content: center;
  font-size: 1.6rem;
  line-height: 1;
  border-radius: var(--border-radii-medium, var(--border-radii));
  overflow: hidden;
}
.pat-message:has(> .icon) > .message-content,
.pat-message:has(> .pat-avatar) > .message-content,
.pat-message:has(> .app-icon) > .message-content,
.pat-message:has(> img.media) > .message-content {
  flex: 1 1 auto;
  min-width: 0;
}
.pat-message:has(> .icon) .message-title,
.pat-message:has(> .pat-avatar) .message-title,
.pat-message:has(> .app-icon) .message-title,
.pat-message:has(> img.media) .message-title {
  display: block;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.2;
}
.pat-message:has(> .icon) .message-byline,
.pat-message:has(> .pat-avatar) .message-byline,
.pat-message:has(> .app-icon) .message-byline,
.pat-message:has(> img.media) .message-byline {
  display: block;
  margin: 0.15em 0 0;
  opacity: 0.85;
  font-size: 0.95em;
}
.pat-message:has(> .icon) > .pat-button,
.pat-message:has(> .icon) > .button-bar,
.pat-message:has(> .pat-avatar) > .pat-button,
.pat-message:has(> .pat-avatar) > .button-bar,
.pat-message:has(> .app-icon) > .pat-button,
.pat-message:has(> .app-icon) > .button-bar,
.pat-message:has(> img.media) > .pat-button,
.pat-message:has(> img.media) > .button-bar {
  flex: 0 0 auto;
  margin-left: auto;
}
.pat-more-menu:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-more) center / contain no-repeat;
  mask: var(--kik-svg-more) center / contain no-repeat;
}
.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: var(--body-font-colour);
  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-close-mark: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.6%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6.2%206.2%2017.8%2017.8%22/%3E%3Cpath%20d=%22M17.8%206.2%206.2%2017.8%22/%3E%3C/svg%3E");
}
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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);
}
@media (hover: hover) {
.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;
}
@media (hover: hover) {
.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:not(:has(> svg.kik-icon)):before {
  content: '';
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-plus) center / contain no-repeat;
  mask: var(--kik-svg-plus) center / contain no-repeat;
}
@container screen style(--screen-small: true) {
.pat-notification-panel {
  width: 100%;
  box-sizing: border-box;
}
}
.pat-notification-panel p {
  hyphens: auto;
}
.pat-notification-panel ul {
  list-style: disc;
  padding-inline-start: 1.2em;
  margin: 0;
}
.pat-notification-panel ul li {
  list-style: inherit;
}
.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: inherit !important;
}
.pat-notification-panel.warning {
  background-color: var(--colour-warning-background);
}
.pat-notification-panel.warning * {
  color: inherit !important;
}
.pat-notification-panel.error {
  background-color: var(--colour-error-background);
}
.pat-notification-panel.error * {
  color: inherit !important;
}
.pat-notification-panel.info {
  background-color: var(--colour-info-background);
  color: var(--body-font-colour);
}
.pat-notification-panel p:last-of-type {
  margin-bottom: 0;
}
#pat-notification-banners {
  --pat-notification-shadow-room: 64px;
  position: fixed;
  top: calc(var(--pat-notifications-top-distance) - var(--pat-notification-shadow-room));
  right: calc(-1 * var(--pat-notification-shadow-room));
  padding: calc(var(--pat-notification-padding) + var(--pat-notification-shadow-room));
  overflow: auto;
  z-index: 2147483647;
  max-height: calc(100vh - var(--pat-notifications-top-distance) + 2 * var(--pat-notification-shadow-room));
  pointer-events: none;
}
@container screen style(--screen-small: true) {
#pat-notification-banners {
  left: calc(-1 * var(--pat-notification-shadow-room));
}
}
#pat-notification-banners .pat-notification-panel {
  pointer-events: auto;
  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);
  flex-direction: column;
  gap: var(--pat-notification-padding);
}
#pat-notification-banners .pat-notification-panel .pat-button-bar {
  margin: 0;
}
#pat-notification-banners .pat-notification-panel > .pat-notification:has(> .pat-button-bar) {
  display: flex;
  flex-direction: column;
  gap: var(--pat-notification-padding);
}
#pat-notification-banners .pat-notification-panel > .pat-notification:has(> .pat-button-bar) > p {
  margin: 0;
}
#pat-notification-banners .close-panel:not(.pat-button-bar > *) {
  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: relative;
  justify-self: flex-end;
}
#pat-notification-banners .close-panel:not(.pat-button-bar > *):focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
#pat-notification-banners .close-panel:not(.pat-button-bar > *):active {
  box-shadow: inherit;
  transform: scale(0.9);
  box-shadow: none;
}
#pat-notification-banners .close-panel:not(.pat-button-bar > *):before {
  content: "";
  display: block;
  width: var(--close-button-height);
  height: var(--close-button-height);
  margin: 0;
  border-radius: var(--border-radii);
  background-color: var(--button-background-colour);
}
#pat-notification-banners .close-panel:not(.pat-button-bar > *):after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--button-text-colour);
  -webkit-mask-image: var(--pat-notification-close-mark);
  mask-image: var(--pat-notification-close-mark);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: calc(0.6 * var(--close-button-height));
  mask-size: calc(0.6 * var(--close-button-height));
}
@media (hover: hover) {
#pat-notification-banners .close-panel:not(.pat-button-bar > *):hover:before {
  background-color: var(--button-background-colour-hover);
}
}
@media (hover: hover) {
#pat-notification-banners .close-panel:not(.pat-button-bar > *):hover:after {
  background-color: var(--button-text-colour-hover);
}
}
.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.type-copyright:before {
  content: "\00a9\00a0";
  font-family: inherit !important;
}
.pat-picture .copyright-mention.type-creative-commons:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  margin-right: 0.25em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-info-circle) center / contain no-repeat;
  mask: var(--kik-svg-info-circle) center / contain no-repeat;
}
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: '';
  background-image: var(--kik-svg-resize-full);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  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 {
  display: block;
  font-weight: normal;
}
.pat-sortable-blocks .sortable-item .sortable-item-functions .pat-button.edit:not(:has(> svg.kik-icon))::before {
  content: '';
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-edit) center / 1em no-repeat;
  mask: var(--kik-svg-edit) center / 1em no-repeat;
}
.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;
}
@media (hover: hover) {
.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: '';
  display: block;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-updown) center / 1em no-repeat;
  mask: var(--kik-svg-updown) center / 1em no-repeat;
  text-indent: 0.1em;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0.8em;
  color: white;
}
@media (hover: hover) {
.pat-sortable-blocks .sortable-item:hover .sortable-handle {
  opacity: 1;
}
}
@media (hover: hover) {
.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;
  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.tooltip-active-click:before,
.pat-sortable-blocks .sortable-item .remove-clone-submit.tooltip-active-click:before {
  background-color: var(--button-background-colour-default-hover);
}
@media (hover: hover) {
.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-default-hover);
}
}
.pat-sortable-blocks .sortable-item .remove-clone:before,
.pat-sortable-blocks .sortable-item .remove-clone-submit:before {
  content: '';
  background-image: var(--kik-svg-minus);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1em;
  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;
  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;
}
@media (hover: hover) {
.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;
  width: var(--button-height);
  height: var(--button-height);
  text-align: center;
  line-height: var(--button-height);
  border-radius: var(--button-border-radius);
}
@media (hover: hover) {
.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 {
  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: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-up-circle) right center / 1.1em no-repeat;
  mask: var(--kik-svg-up-circle) right center / 1.1em no-repeat;
}
.pat-sortable-table thead th.sorting_desc:after,
.pat-sortable-table thead th.sorting-desc:after {
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-down-circle) right center / 1.1em no-repeat;
  mask: var(--kik-svg-down-circle) right center / 1.1em no-repeat;
}
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.tooltip-active-click,
.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.tooltip-active-click:after,
.js label.pat-select select.tooltip-active-click:after {
  color: var(--pat-select-box-arrow-text-colour-hover);
}
@media (hover: hover) {
.js select.pat-select:hover,
.js label.pat-select select:hover {
  background-color: var(--pat-select-box-background-colour-hover);
  color: var(--pat-select-box-arrow-text-colour-hover);
}
}
@media (hover: hover) {
.js select.pat-select:hover:after,
.js label.pat-select select:hover: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 {
  content: '';
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-lock) center / 1em no-repeat;
  mask: var(--kik-svg-lock) center / 1em no-repeat;
}
.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 {
  content: '';
  width: var(--pat-select-box-arrow-width);
  background-color: currentColor;
  background-image: none;
  -webkit-mask: var(--kik-svg-down) center / 1em no-repeat;
  mask: var(--kik-svg-down) center / 1em no-repeat;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: var(--pat-select-box-arrow-size);
  border-top-right-radius: var(--pat-form-fields-border-radius);
  border-bottom-right-radius: var(--pat-form-fields-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.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.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.tooltip-active-click:after {
  color: var(--pat-select-box-arrow-text-colour-hover);
}
@media (hover: hover) {
.js a.pat-select:hover {
  background-color: var(--pat-select-box-background-colour-hover);
  color: var(--pat-select-box-arrow-text-colour-hover);
}
}
@media (hover: hover) {
.js a.pat-select:hover: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 {
  content: '';
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-lock) center / 1em no-repeat;
  mask: var(--kik-svg-lock) center / 1em no-repeat;
}
.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 {
  content: '';
  width: var(--pat-select-box-arrow-width);
  background-color: currentColor;
  background-image: none;
  -webkit-mask: var(--kik-svg-down) center / 1em no-repeat;
  mask: var(--kik-svg-down) center / 1em no-repeat;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: var(--pat-select-box-arrow-size);
  border-top-right-radius: var(--pat-form-fields-border-radius);
  border-bottom-right-radius: var(--pat-form-fields-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js a.pat-select option:disabled {
  color: silver;
}
@media (hover: hover) {
.js a.pat-select:hover {
  text-decoration: none;
}
}
.js a.pat-select:after {
  content: '';
  width: var(--pat-select-box-arrow-width);
  background-color: currentColor;
  background-image: none;
  -webkit-mask: var(--kik-svg-down) center / 1em no-repeat;
  mask: var(--kik-svg-down) center / 1em no-repeat;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: var(--pat-select-box-arrow-size);
  border-top-right-radius: var(--pat-form-fields-border-radius);
  border-bottom-right-radius: var(--pat-form-fields-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  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.focus,
.js a.pat-select.bare.focus,
.js select.bare.focus {
  text-decoration: none !important;
}
@media (hover: hover) {
.js label.pat-select.bare:hover,
.js a.pat-select.bare:hover,
.js select.bare:hover {
  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-file-tile-size: 24px;
  --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 {
  background-color: var(--pat-table-background-colour);
  border-bottom: var(--pat-table-border-bottom);
  padding: var(--pat-table-padding);
}
.pat-table td,
.pat-table 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);
  -webkit-backdrop-filter: var(--pat-surface-backdrop-filter);
  backdrop-filter: var(--pat-surface-backdrop-filter);
  border-top: var(--pat-table-cell-border-top);
}
.pat-table thead th {
  background-color: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.pat-table tbody th.item-name,
.pat-table tbody th.item-state {
  padding: 0;
}
.pat-table tbody th.item-name,
.pat-table tbody th.item-state {
  min-width: 0;
}
.pat-table tbody th.item-name .link-title,
.pat-table tbody th.item-name .item-title,
.pat-table tbody th.item-name .byline,
.pat-table tbody th.item-state .link-title {
  overflow-wrap: anywhere;
}
.pat-table tbody th.item-name .value,
.pat-table tbody th.item-state .value,
.pat-table tbody th.item-name > a,
.pat-table tbody th.item-state > a {
  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 td.functions {
  padding: 0 9px 0 10px;
}
[dir=rtl] .pat-table tbody td.functions {
  padding: 0 10px 0 9px;
}
.pat-table.hd {
  padding: var(--pat-table-padding-hd);
}
.pat-table.hd tbody th:not(.item-name),
.pat-table.hd tbody td:not(.item-state),
.pat-table.hd tfoot th:not(.item-name),
.pat-table.hd tfoot td:not(.item-state) {
  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 tbody tbody {
  display: contents;
}
.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;
}
.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);
}
[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);
}
[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);
}
.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;
  content: '';
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-folder) center / contain no-repeat;
  mask: var(--kik-svg-folder) center / contain no-repeat;
}
.pat-table tr:has(.current),
.pat-table tr.current {
  --pat-table-cell-background-colour: color-mix(in srgb, var(--colour-accent) 5%, white);
  outline: 1px solid color-mix(in srgb, var(--colour-accent) 50%, transparent);
  --pat-table-icon-colour: var(--colour-accent);
  --pat-table-icon-text-colour-active: var(--colour-accent-text);
  --pat-table-icon-background-colour-active: var(--colour-accent);
}
.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;
}
.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;
}
@media (hover: hover) {
.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;
}
[dir=rtl] .pat-table tr td.select label,
[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;
  content: '';
  background-image: var(--kik-svg-ok-white);
  background-repeat: no-repeat;
  background-position: center;
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
  background-size: 1em;
}
.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);
}
.mode-select .pat-table tr td.select,
.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;
}
.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: "";
  background: var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")) center / contain no-repeat;
  filter: var(--kik-throbber-filter, none);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  text-shadow: white 0 0 2px;
  text-align: center;
  opacity: 0;
  animation: fadeIn 1s 1s linear 1 forwards;
  color: var(--pat-throbber-colour, black);
  text-shadow: var(--pat-throbber-text-shadow, none);
  -webkit-text-stroke: 1px var(--pat-throbber-text-stroke, transparent);
  align-self: center;
  justify-self: center;
  opacity: 0;
  animation: fadeIn 1s linear 1s 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
.pat-table tr td.injecting .suggested-content:before,
.pat-table tr th.injecting .suggested-content:before {
  animation: none;
  opacity: 1;
  background-image: var(--kik-throbber-still-image, var(--kik-throbber-image, url("/assets/libraries/kikaron/throbber/throbber.svg")));
  font-size: 35px;
}
}
.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;
}
.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;
}
[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;
  content: '';
  background-image: var(--kik-svg-ok-white);
  background-repeat: no-repeat;
  background-position: center;
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
  background-size: 1em;
}
.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:
                        calc(var(--pat-checklist-checkbox-size)
                             + 2 * var(--pat-table-cell-padding-left)) auto;
}
.mode-select .pat-table tr th label a.name {
  padding-inline-start: 0;
}
.mode-select .pat-table tr th label a {
  -webkit-pointer-events: none;
  pointer-events: none;
}
.pat-table tr th label:before {
  position: absolute;
  inset-inline-start: -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;
  justify-self: center !important;
  inset-inline-start: 0 !important;
  transform: translateY(-50%) !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 pat-table (((width <= 680px) and style(--pat-table-small: table)) or ((680px < width <= 1100px) and style(--pat-table-medium: table)) or ((width > 1100px) and style(--pat-table-large: table))) {
.pat-table tr td.functions {
  padding: 0 9px 0 10px !important;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: table)) or ((680px < width <= 1100px) and style(--pat-table-medium: table)) or ((width > 1100px) and style(--pat-table-large: table))) {
[dir=rtl] .pat-table tr td.functions {
  padding: 0 10px 0 9px !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);
}
@media (hover: hover) {
.pat-table tr td.functions .icon:hover {
  background-color: var(--pat-table-icon-background-colour-hover);
}
}
@media (hover: 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 {
  display: block;
  background-color: currentColor;
  -webkit-mask: var(--kik-table-icon-mark) center / 1em no-repeat;
  mask: var(--kik-table-icon-mark) center / 1em no-repeat;
  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:has(> svg) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
}
.pat-table tr td.functions .icon > svg {
  color: var(--pat-table-icon-colour);
  width: calc(0.6 * var(--pat-table-icon-height));
  height: calc(0.6 * var(--pat-table-icon-height));
}
.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 > svg {
  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:not(:has(> svg)):before {
  content: '';
  --kik-table-icon-mark: var(--kik-svg-more);
}
.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:not(:has(> svg)):before {
  content: '';
  --kik-table-icon-mark: var(--kik-svg-lock);
}
.pat-table tr td.functions .icon.validated:not(:has(> svg)):before {
  font-size: var(--pat-table-icon-height);
  content: '';
  --kik-table-icon-mark: var(--kik-svg-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:not(:has(> svg)):before {
  font-size: var(--pat-table-icon-height);
  content: '';
  --kik-table-icon-mark: var(--kik-svg-visibility);
  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:not(:has(> svg)):before {
  content: '';
  --kik-table-icon-mark: var(--kik-svg-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;
}
@media (hover: hover) {
.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.tooltip-active-click {
  background-color: color-mix(in srgb, var(--colour-orange-xl) 95%, black);
}
@media (hover: hover) {
.pat-table tr td.item-state a.state-draft:hover {
  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.tooltip-active-click {
  background-color: color-mix(in srgb, var(--colour-purple-xl) 95%, black);
}
@media (hover: hover) {
.pat-table tr td.item-state a.state-for-review:hover {
  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.tooltip-active-click,
.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);
}
@media (hover: hover) {
.pat-table tr td.item-state a.state-sent:hover,
.pat-table tr td.item-state a.state-published:hover {
  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.tooltip-active-click {
  background-color: color-mix(in srgb, var(--colour-green-xl) 95%, black);
}
@media (hover: hover) {
.pat-table tr td.item-state a.state-approved:hover {
  background-color: color-mix(in srgb, var(--colour-green-xl) 95%, black);
}
}
.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 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-state .value[href].current {
  text-decoration: none;
}
@media (hover: hover) {
.pat-table tbody th.item-name .value[href].current:hover,
.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;
}
.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: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  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;
}
@media (hover: hover) {
.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;
}
}
@media (hover: hover) {
.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: none;
}
}
@media (hover: hover) {
.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;
}
}
@media (hover: hover) {
.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: none;
}
}
.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;
}
.pat-table tbody th.item-name:has(.avatar),
.pat-table tbody th.item-name:has(.icon),
.pat-table tbody th.item-name:has(a.name[class*="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,
.pat-table tbody th.item-name:has(a.name[class*="icon-"]) .name {
  display: grid;
  grid-template-columns: var(--pat-table-icon-width) auto auto;
  grid-template-areas: "icon label markers";
  align-items: center;
  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,
.pat-table tbody th.item-name:has(a.name[class*="icon-"]) .name .avatar,
.pat-table tbody th.item-name:has(a.name[class*="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[class*="icon-"]::before,
.pat-table tbody th.item-name:has(.icon) .name[class*="icon-"]::before,
.pat-table tbody th.item-name:has(a.name[class*="icon-"]) .name[class*="icon-"]::before {
  height: var(--pat-table-file-tile-size);
  width: var(--pat-table-file-tile-size);
  align-self: center;
}
.pat-table tbody th.item-name:has(.avatar) .name .avatar,
.pat-table tbody th.item-name:has(.icon) .name .avatar,
.pat-table tbody th.item-name:has(a.name[class*="icon-"]) .name .avatar {
  border-radius: 50%;
}
.pat-table tbody th.item-name:has(.avatar) .name[class*="icon-"]::before,
.pat-table tbody th.item-name:has(.icon) .name[class*="icon-"]::before,
.pat-table tbody th.item-name:has(a.name[class*="icon-"]) .name[class*="icon-"]::before {
  grid-area: icon;
  align-self: center;
  justify-self: center;
  margin: 0;
  font-size: var(--pat-table-file-tile-size);
  line-height: 1;
  font-weight: normal;
  text-decoration: none;
}
.pat-table tbody th.item-name:has(.avatar) .name .icon,
.pat-table tbody th.item-name:has(.icon) .name .icon,
.pat-table tbody th.item-name:has(a.name[class*="icon-"]) .name .icon {
  border-radius: max(var(--border-radii-small, 4px), calc(
                                var(--pat-table-border-radius,
                                    var(--border-radii-medium, var(--border-radii))) -
                                min(var(--pat-table-cell-padding-top),
                                    var(--pat-table-cell-padding-left))));
}
.pat-table tbody th.item-name:has(.avatar) .name .icon:before,
.pat-table tbody th.item-name:has(.icon) .name .icon:before,
.pat-table tbody th.item-name:has(a.name[class*="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,
.pat-table tbody th.item-name:has(a.name[class*="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;
}
.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);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.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 {
  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: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-up-circle) right center / 1.1em no-repeat;
  mask: var(--kik-svg-up-circle) right center / 1.1em no-repeat;
}
.pat-table thead th a.sorting_desc:after,
.pat-table thead th a.sorting-desc:after {
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-down-circle) right center / 1.1em no-repeat;
  mask: var(--kik-svg-down-circle) right center / 1.1em no-repeat;
}
.pat-table thead th a.sorting {
  display: block;
  color: var(--body-font-colour);
  cursor: default;
  padding: 5px 20px 5px 10px;
  margin: -5px -10px;
}
@container pat-table (((width <= 680px) and style(--pat-table-small: table)) or ((680px < width <= 1100px) and style(--pat-table-medium: table)) or ((width > 1100px) and style(--pat-table-large: table))) {
.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);
  padding: var(--pat-table-padding-hd);
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: table)) or ((680px < width <= 1100px) and style(--pat-table-medium: table)) or ((width > 1100px) and style(--pat-table-large: table))) {
.pat-table.hd tbody,
.pat-table.hd tfoot {
  font-size: 0.8em;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: table)) or ((680px < width <= 1100px) and style(--pat-table-medium: table)) or ((width > 1100px) and style(--pat-table-large: table))) {
.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);
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: table)) or ((680px < width <= 1100px) and style(--pat-table-medium: table)) or ((width > 1100px) and style(--pat-table-large: table))) {
.pat-table.hd thead {
  font-size: 0.8em;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: table)) or ((680px < width <= 1100px) and style(--pat-table-medium: table)) or ((width > 1100px) and style(--pat-table-large: table))) {
.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);
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: table)) or ((680px < width <= 1100px) and style(--pat-table-medium: table)) or ((width > 1100px) and style(--pat-table-large: table))) {
.pat-table.hd tbody td.functions .icon {
  width: 34px;
  height: 34px;
}
}
@container pat-table (((width <= 680px) and style(--pat-table-small: table)) or ((680px < width <= 1100px) and style(--pat-table-medium: table)) or ((width > 1100px) and style(--pat-table-large: table))) {
.pat-table.hd tbody td.functions .icon:before {
  line-height: 34px;
}
}
@media (hover: hover) {
.pat-table:not(.style-preview-cards, .messages-room-list) tbody tr:has(.item-name a[href]:not(.icon):not(.current):hover),
.pat-table:not(.style-preview-cards, .messages-room-list) tbody tr:has(.item-state a[href]:not(.icon):not(.current):hover) {
  --pat-table-cell-background-colour: var(--pat-surface-background-colour-hover);
  background-color: var(--pat-surface-background-colour-hover);
}
}
.pat-table tbody .item-name .link-title[class*="priority-"]::before {
  display: inline-block;
  margin-right: 0.2em;
  font-weight: bold;
  color: var(--colour-alert);
}
.pat-table tbody .item-name .link-title.priority-high::before {
  content: "!!!";
}
.pat-table tbody .item-name .link-title.priority-medium::before {
  content: "!!";
}
.pat-table tbody .item-name .link-title.priority-low::before {
  content: "!";
}
.session-current-marker {
  font-size: 0.85em;
  opacity: 0.65;
  white-space: nowrap;
  margin-inline-start: 0.5em;
}
.pat-table {
  --kik-table-media-size: 56px;
  --kik-table-media-inset: 5px;
  --kik-table-media-radius: var(--border-radii-small, 4px);
  --kik-table-meter-size: calc(var(--kik-table-media-size) * 0.67);
}
.pat-table.audio-tracks {
  table-layout: fixed;
  width: 100%;
}
@container pat-table (((width <= 680px) and style(--pat-table-small: bare)) or ((680px < width <= 1100px) and style(--pat-table-medium: bare)) or ((width > 1100px) and style(--pat-table-large: bare))) {
.pat-table.audio-tracks {
  --kik-table-media-size: 2.4rem;
}
}
.pat-table.audio-tracks th.item-name,
.pat-table.audio-tracks td.music-track-album {
  overflow: hidden;
}
.pat-table.audio-tracks th.item-name .audio-track-link {
  display: flex;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.pat-table.audio-tracks .audio-track-title,
.pat-table.audio-tracks .audio-track-byline {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.pat-table.audio-tracks td.audio-track-cover,
.pat-table.audio-tracks td.music-track-cover {
  --pat-table-cell-padding-top: var(--kik-table-media-inset);
  --pat-table-cell-padding-bottom: var(--kik-table-media-inset);
  --pat-table-cell-padding-left: var(--kik-table-media-inset);
  --pat-table-cell-padding-right: var(--kik-table-media-inset);
  padding: var(--kik-table-media-inset);
  position: relative;
}
.pat-table.audio-tracks td.audio-track-cover::after,
.pat-table.audio-tracks td.music-track-cover::after {
  content: '';
  position: absolute;
  top: var(--pat-table-cell-padding-top, 5px);
  left: var(--pat-table-cell-padding-left, 5px);
  width: var(--kik-table-media-size);
  height: var(--kik-table-media-size);
  box-sizing: border-box;
  border-radius: var(--kik-table-media-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--kik-svg-play-white) calc(50% + 1px) 50% / 40% no-repeat, rgb(0 0 0 / 0.35);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--base-animation-duration, 0.3s);
}
@media (hover: hover) {
.pat-table.audio-tracks tr:has(th.item-name:hover) td.audio-track-cover::after,
.pat-table.audio-tracks tr:has(td.audio-track-cover:hover) td.audio-track-cover::after,
.pat-table.audio-tracks tr:has(th.item-name:hover) td.music-track-cover::after,
.pat-table.audio-tracks tr:has(td.music-track-cover:hover) td.music-track-cover::after {
  opacity: 1;
}
}
.pat-table.audio-tracks tr:has(.current) td.audio-track-cover::after,
.pat-table.audio-tracks tr:has(.current) td.music-track-cover::after {
  opacity: 1;
}
.pat-table.audio-tracks tr:has(td.audio-track-cover) th.item-name,
.pat-table.audio-tracks tr:has(td.music-track-cover) th.item-name {
  --pat-table-cell-padding-left: 6px;
}
.pat-table.audio-tracks tr:has(td.audio-track-cover) th.item-name .audio-track-link,
.pat-table.audio-tracks tr:has(td.music-track-cover) th.item-name .audio-track-link {
  padding-left: 2px;
}
.pat-table.audio-tracks thead tr:has(th.music-track-cover) th.item-name > a,
.pat-table.audio-tracks thead tr:has(th.audio-track-cover) th.item-name > a {
  padding-left: 2px;
}
.audio-track-cover-img,
.audio-track-cover-placeholder,
.music-track-cover-img,
.music-track-cover-placeholder {
  display: block;
  width: var(--kik-table-media-size, 2.4rem);
  height: var(--kik-table-media-size, 2.4rem);
  border-radius: var(--kik-table-media-radius, 4px);
  box-sizing: border-box;
}
.audio-track-cover-img,
.music-track-cover-img {
  object-fit: cover;
}
.audio-track-cover-placeholder,
.music-track-cover-placeholder {
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.12);
}
.audio-track-cover-placeholder > img,
.music-track-cover-placeholder > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.has-radio-waves {
  position: relative;
}
.radio-waves {
  position: absolute;
  top: calc(var(--pat-table-cell-padding-top, 5px)
              + var(--kik-table-media-size, 2.4rem) / 2);
  left: calc(var(--pat-table-cell-padding-left, 5px)
               + var(--kik-table-media-size, 2.4rem) / 2);
  transform: translate(-50%, -50%);
  width: var(--kik-table-media-size, 2.4rem);
  height: var(--kik-table-media-size, 2.4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 1;
  border-radius: var(--kik-table-media-radius, 4px);
  background: rgb(0 0 0 / 0.24);
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
  color: white;
  filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.65));
}
.radio-waves svg {
  width: 68%;
  height: 68%;
  display: block;
}
.radio-waves-arc {
  transform-origin: 30% 50%;
  animation: kik-radio-wave 1.5s ease-out infinite;
}
.radio-waves-arc:nth-of-type(2) {
  animation-delay: 0s;
}
.radio-waves-arc:nth-of-type(3) {
  animation-delay: 0.25s;
}
.radio-waves-arc:nth-of-type(4) {
  animation-delay: 0.5s;
}
@keyframes kik-radio-wave {

    
    0%   { opacity: 0.45; }
    30%  { opacity: 1; }
    100% { opacity: 0.45; }
}
.radio-waves.is-paused .radio-waves-arc {
  animation-play-state: paused;
  opacity: 0.55;
}
@media (prefers-reduced-motion: reduce) {
.radio-waves-arc {
  animation: none;
  opacity: 0.9;
}
}
:root {
  --kik-radio-glyph: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M4 9.5h3.5L12.5 5.5v13l-5-4H4z"/><path d="M16 9.6a3.4 3.4 0 0 1 0 4.8"/><path d="M18.6 7a7 7 0 0 1 0 10"/></svg>');
}
.radio-track-art-placeholder {
  background-color: color-mix(in srgb, var(--app-colour) 14%, white);
}
.radio-track-art-placeholder::after {
  content: '';
  position: absolute;
  inset: 22%;
  background-color: var(--app-colour);
  opacity: 0.45;
  -webkit-mask: var(--kik-radio-glyph) center / contain no-repeat;
  mask: var(--kik-radio-glyph) center / contain no-repeat;
}
.radio-catalogue-body {
  padding: 0;
}
.radio-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 40vh;
  text-align: center;
}
.radio-empty-state .pat-message {
  margin: 0;
  max-width: 40ch;
}
.radio-empty-state .pat-button-bar {
  margin: 0;
}
.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;
  container-type: inline-size;
  container-name: pat-toolbar;
  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);
}
}
@container screen style(--screen-small: true) {
.pat-toolbar:has(.toolbar-section.navigation .pat-tabs.collapse-select) {
  grid-template-columns: minmax(min(var(--pat-tabs-collapse-select-min-width, 110px), 100%), 1fr) minmax(0, auto) minmax(0, auto);
}
}
@container screen style(--screen-small: true) {
.pat-toolbar:has(.toolbar-section.navigation .pat-tabs.collapse-select):has(.toolbar-section.micro-navigation) {
  grid-template-columns: minmax(0, max-content) minmax(min(var(--pat-tabs-collapse-select-min-width, 110px), 100%), 1fr) minmax(0, auto);
}
}
.pat-toolbar:not(:has(.toolbar-section.navigation)) {
  grid-template-columns: minmax(min-content, 1fr) minmax(0, auto) minmax(0, auto);
}
@container screen style(--screen-small: true) {
.pat-toolbar:not(:has(.toolbar-section.navigation)):has(.toolbar-section.micro-navigation > :is(.icon.back, .pat-back-button)) {
  grid-template-areas: "first last";
  grid-template-columns: minmax(min-content, max-content) minmax(0, 1fr);
}
}
.pat-toolbar:not(:has(.toolbar-section.navigation)) .toolbar-section:first-child,
.pat-toolbar:not(:has(.toolbar-section.navigation)) .toolbar-section.micro-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:has(.toolbar-area.navigation .toolbar-section):has(.toolbar-area.functions .toolbar-section) {
  gap: var(--pat-toolbar-element-separation);
}
.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 > [hidden] {
  display: none;
}
.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.micro-navigation,
.pat-toolbar .toolbar-section.micro-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.collapse-menu) .pat-toolbar .toolbar-section.micro-navigation,
.application-body.state-on:has(.toolbar-section.navigation .pat-tabs.collapse-menu) .pat-toolbar .toolbar-section.micro-navigation,
.application-body.state-on:has(.toolbar-section.navigation .pat-tabs.collapse-menu) .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.collapse-menu) {
  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(--pat-toolbar-backdrop-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(--pat-surface-background-colour);
  -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;
}
}
@container screen style(--screen-small: false) {
.pat-toolbar {
  height: calc(var(--pat-toolbar-button-height) + calc(2 * var(--pat-toolbar-padding)));
}
}
.pat-toolbar .toolbar-title {
  font-size: var(--pat-toolbar-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:is(input) {
  display: block;
  width: 100%;
  text-align: center;
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  height: auto;
  min-height: 0;
  font-family: inherit;
  font-weight: normal;
  text-overflow: clip;
  mask-image: linear-gradient(to right, #000 calc(100% - 20px), transparent);
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 20px), transparent);
}
.pat-toolbar .toolbar-title:is(input):focus,
.pat-toolbar .toolbar-title:is(input):focus-visible {
  outline: var(--pat-form-input-field-outline-focus, 2px solid var(--colour-accent));
  outline-offset: 2px;
}
.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;
}
}
@media (hover: hover) {
.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;
}
@media (hover: hover) {
.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);
  --pat-toolbar-auto-hide-speed: 0.5s;
  transition:
			top var(--pat-toolbar-hiding-speed),
			zoom var(--default-animation-duration),
			transform var(--pat-toolbar-auto-hide-speed) ease;
  --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;
}
.pat-toolbar.sticky.auto-hide {
  will-change: transform;
}
.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));
}
@supports (-webkit-touch-callout: none) {
.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 {
  animation: kik-toolbar-auto-hide var(--pat-toolbar-auto-hide-speed) ease;
}
}
@supports (-webkit-touch-callout: none) {
.scrolling-up:not(.scroll-position-bottom) .pat-toolbar.sticky.auto-hide,
.scroll-up:not(.scroll-position-bottom) .pat-toolbar.sticky.auto-hide {
  animation: kik-toolbar-auto-reveal var(--pat-toolbar-auto-hide-speed) ease;
}
}
.pat-toolbar.sticky.auto-hide:has(.tiptap-focus, .focus, :focus) {
  --pat-toolbar-auto-hide-offset: 0;
}
.pat-toolbar .toolbar-section.micro-navigation:has(> .editor-toolbar.tiptap-focus) > :not(.editor-toolbar) {
  display: none;
}
.pat-toolbar .toolbar-section.micro-navigation > .editor-toolbar:not(.tiptap-focus) {
  display: none;
}
.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: var(--pat-toolbar-element-separation);
}
.pat-toolbar .editor-toolbar > :is(.pat-context-menu, .pat-collapsible) > .menu-trigger,
.pat-toolbar .editor-toolbar > :is(a, button) {
  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;
  border-radius: 50%;
  aspect-ratio: 1;
}
.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));
}
@media (hover: hover) {
.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;
}
@media (hover: hover) {
.pat-toolbar .pat-context-menu:not(.open):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 .toolbar-section > form > .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 .toolbar-section > form > .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 .toolbar-section > form > .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 .toolbar-section > form > .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;
}
@media (hover: hover) {
.pat-toolbar > .pat-select:not(.bare):hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):hover,
.pat-toolbar .toolbar-section > form > .pat-select:not(.bare):hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:hover,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare):hover {
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter-hover);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter-hover);
}
}
.pat-toolbar > .pat-select:not(.bare):has([disabled]),
.pat-toolbar .toolbar-section > .pat-select:not(.bare):has([disabled]),
.pat-toolbar .toolbar-section > form > .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 .toolbar-section > form > .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).tooltip-active-click,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).tooltip-active-click,
.pat-toolbar .toolbar-section > form > .pat-select:not(.bare).tooltip-active-click,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.tooltip-active-click,
.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).tooltip-active-click:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).tooltip-active-click:after,
.pat-toolbar .toolbar-section > form > .pat-select:not(.bare).tooltip-active-click: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).tooltip-active-click:after {
  color: var(--pat-select-box-arrow-text-colour-hover);
}
@media (hover: hover) {
.pat-toolbar > .pat-select:not(.bare):hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):hover,
.pat-toolbar .toolbar-section > form > .pat-select:not(.bare):hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:hover,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare):hover {
  background-color: var(--pat-select-box-background-colour-hover);
  color: var(--pat-select-box-arrow-text-colour-hover);
}
}
@media (hover: hover) {
.pat-toolbar > .pat-select:not(.bare):hover:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):hover:after,
.pat-toolbar .toolbar-section > form > .pat-select:not(.bare):hover:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:hover:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare):hover: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 .toolbar-section > form > .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 .toolbar-section > form > .pat-select:not(.bare)[data-value="draft"],
.pat-toolbar .toolbar-section > form > .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 .toolbar-section > form > .pat-select:not(.bare)[data-value="open"],
.pat-toolbar .toolbar-section > form > .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 .toolbar-section > form > .pat-select:not(.bare)[data-value="in-progress"],
.pat-toolbar .toolbar-section > form > .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 .toolbar-section > form > .pat-select:not(.bare)[data-value="published"],
.pat-toolbar .toolbar-section > form > .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 .toolbar-section > form > .pat-select:not(.bare)[data-value="done"],
.pat-toolbar .toolbar-section > form > .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 .toolbar-section > form > .pat-select:not(.bare)[data-value="for-review"],
.pat-toolbar .toolbar-section > form > .pat-select:not(.bare)[data-value="review"],
.pat-toolbar .toolbar-section > form > .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 .toolbar-section > form > .pat-select:not(.bare)[data-value="approved"],
.pat-toolbar .toolbar-section > form > .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 .toolbar-section > form > .pat-select:not(.bare)[data-value="draft_contributors"],
.pat-toolbar .toolbar-section > form > .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 .toolbar-section > form > .pat-select:not(.bare)[data-value="review_contributors"],
.pat-toolbar .toolbar-section > form > .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 .toolbar-section > form > .pat-select:not(.bare)[data-value="final_members"],
.pat-toolbar .toolbar-section > form > .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 .toolbar-section > form > .pat-select:not(.bare)[data-value="final_library"],
.pat-toolbar .toolbar-section > form > .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 .toolbar-section > form > .pat-select:not(.bare)[data-value="final_external"],
.pat-toolbar .toolbar-section > form > .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:not(:has(> svg.kik-icon)):before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).locked:not(:has(> svg.kik-icon)):before,
.pat-toolbar .toolbar-section > form > .pat-select:not(.bare).locked:not(:has(> svg.kik-icon)):before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.locked:not(:has(> svg.kik-icon)):before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).locked:not(:has(> svg.kik-icon)):before {
  content: '';
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
  width: 1em;
  height: 1lh;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-lock) center / contain no-repeat;
  mask: var(--kik-svg-lock) center / contain no-repeat;
}
.pat-toolbar > .pat-select:not(.bare):not([class*="icon-"]):before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):not([class*="icon-"]):before,
.pat-toolbar .toolbar-section > form > .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 .toolbar-section > form > .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 .toolbar-section > form > .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 .toolbar-section > form > .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 .toolbar-section > form > .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 {
  content: '';
  width: var(--pat-select-box-arrow-width);
  background-color: currentColor;
  background-image: none;
  -webkit-mask: var(--kik-svg-down) center / var(--pat-select-box-arrow-size) no-repeat;
  mask: var(--kik-svg-down) center / var(--pat-select-box-arrow-size) no-repeat;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: var(--pat-select-box-arrow-size);
  border-top-right-radius: var(--pat-form-fields-border-radius);
  border-bottom-right-radius: var(--pat-form-fields-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: var(--pat-select-box-arrow-justify-glyph, center);
}
.pat-toolbar > .pat-select:not(.bare) option:disabled,
.pat-toolbar .toolbar-section > .pat-select:not(.bare) option:disabled,
.pat-toolbar .toolbar-section > form > .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;
}
@container screen style(--screen-small: true) {
.pat-toolbar > .pat-select:not(.bare)[class*="icon-"]:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[class*="icon-"]:before,
.pat-toolbar .toolbar-section > form > .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;
  min-width: 0;
  font-size: var(--pat-toolbar-font-size);
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter);
}
@media (hover: hover) {
.pat-toolbar .pat-button:hover,
.pat-toolbar .icon:hover {
  -webkit-backdrop-filter: var(--pat-toolbar-button-backdrop-filter-hover);
  backdrop-filter: var(--pat-toolbar-button-backdrop-filter-hover);
}
}
.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);
}
@media (hover: hover) {
.pat-toolbar .pat-button:hover,
.pat-toolbar .icon:hover {
  text-decoration: none;
}
}
.pat-toolbar .icon {
  min-width: var(--pat-toolbar-button-height);
  flex-shrink: 0;
}
.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-size: calc(0.6 * var(--pat-toolbar-button-height));
  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;
}
@media (hover: hover) {
.pat-toolbar .icon:hover {
  color: var(--pat-toolbar-icon-text-colour-hover);
  background-color: var(--pat-toolbar-icon-background-colour-hover);
  text-decoration: none;
}
}
@media (hover: hover) {
.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 {
  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:not(:has(> svg)):before {
  content: '';
  background-color: currentColor !important;
  -webkit-mask: var(--kik-toolbar-mark, var(--kik-icon-svg, linear-gradient(transparent 0 0))) center / var(--kik-toolbar-icon-size, 60%) no-repeat;
  mask: var(--kik-toolbar-mark, var(--kik-icon-svg, linear-gradient(transparent 0 0))) center / var(--kik-toolbar-icon-size, 60%) no-repeat;
}
.pat-toolbar .icon.current {
  background-color: var(--colour-accent);
}
.pat-toolbar .icon.current:before {
  color: white;
  background-color: var(--colour-accent);
}
.pat-toolbar .icon.pat-tooltip.tooltip-active-click,
.pat-toolbar .icon:not(.open-close-toggle).collapsible-open {
  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.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-toolbar .icon.default:before {
  color: inherit;
}
@media (hover: hover) {
.pat-toolbar .icon.default:hover {
  color: var(--button-text-colour-default-hover);
  background-color: var(--app-colour, var(--button-background-colour-default-hover));
}
}
@media (hover: hover) {
.pat-toolbar .icon.default:hover:before {
  color: inherit;
}
}
.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 {
  --kik-toolbar-mark: var(--kik-svg-plus);
}
.pat-toolbar .icon.grid:before {
  --kik-toolbar-mark: var(--kik-svg-grid);
}
.pat-toolbar .icon.list:before {
  --kik-toolbar-mark: var(--kik-svg-list);
}
.pat-toolbar .icon.visibility:before {
  --kik-toolbar-mark: var(--kik-svg-visibility);
}
.pat-toolbar .icon.settings:before {
  --kik-toolbar-mark: var(--kik-svg-settings);
}
.pat-toolbar .icon.resize-full:before {
  --kik-toolbar-mark: var(--kik-svg-resize-full);
}
.application-body.state-on.sidebar-large .pat-toolbar .icon.resize-full:before {
  --kik-toolbar-mark: var(--kik-svg-resize-small);
}
@container screen style(--screen-small: true) {
.pat-toolbar .icon.resize-full {
  display: none;
}
}
.pat-toolbar .icon.back:before {
  --kik-toolbar-mark: var(--kik-svg-back);
}
.pat-toolbar .icon.back + .toolbar-title {
  padding-left: 0;
}
.pat-toolbar .icon.up:before {
  --kik-toolbar-mark: var(--kik-svg-up);
}
.pat-toolbar .icon.down:before {
  --kik-toolbar-mark: var(--kik-svg-down);
}
.pat-toolbar .icon.expand-all-sections:before {
  --kik-toolbar-mark: var(--kik-svg-down);
}
.pat-toolbar .icon.collapse-all-sections:before {
  --kik-toolbar-mark: var(--kik-svg-up);
}
.pat-toolbar .icon.level-up:before {
  --kik-toolbar-mark: var(--kik-svg-level-up);
}
.pat-toolbar .icon.level-up + .toolbar-title {
  padding-left: 0;
}
.pat-toolbar .icon.share:before {
  --kik-toolbar-mark: var(--kik-svg-share);
}
.pat-toolbar .icon.edit:before {
  --kik-toolbar-mark: var(--kik-svg-edit);
}
.pat-toolbar .icon.open-close-toggle:before {
  --kik-toolbar-mark: var(--kik-svg-down);
  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 {
  --kik-toolbar-mark: var(--kik-svg-sidebar-left);
}
.sidebar-left-closed .pat-toolbar .icon.sidebar-toggle.left:before {
  --kik-toolbar-mark: var(--kik-svg-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 {
  --kik-toolbar-mark: var(--kik-svg-close);
}
.pat-toolbar .icon.preview:before {
  --kik-toolbar-mark: var(--kik-svg-visibility);
}
.pat-toolbar .icon.settings:before {
  --kik-toolbar-mark: var(--kik-svg-settings);
}
.pat-toolbar .icon.app:before {
  --kik-toolbar-mark: var(--kik-svg-app);
}
.pat-toolbar .icon.bookmark:before {
  --kik-toolbar-mark: var(--kik-svg-bookmark);
}
.pat-toolbar .icon.bookmark.icon-bookmark-empty:before {
  --kik-toolbar-mark: var(--kik-svg-bookmark-empty);
}
.pat-toolbar .icon.bookmark.active:before {
  --kik-toolbar-mark: var(--kik-svg-bookmark);
}
.pat-toolbar .icon.modify:before {
  --kik-toolbar-mark: var(--kik-svg-settings);
}
.pat-toolbar .icon.filter:before {
  --kik-toolbar-mark: var(--kik-svg-filter);
}
.pat-toolbar .icon.more:before {
  --kik-toolbar-mark: var(--kik-svg-more);
}
.pat-toolbar .icon.upload:before {
  --kik-toolbar-mark: var(--kik-svg-upload);
}
.pat-toolbar .icon.slideshow:before {
  --kik-toolbar-mark: var(--kik-svg-slideshow);
}
.pat-toolbar .icon.download:before {
  --kik-toolbar-mark: var(--kik-svg-download);
}
.pat-toolbar .icon.card-view:before {
  --kik-toolbar-mark: var(--kik-svg-grid);
}
.pat-toolbar .icon.list-view:before {
  --kik-toolbar-mark: var(--kik-svg-list);
}
.pat-toolbar .icon.language:before {
  --kik-toolbar-mark: var(--kik-svg-language);
}
.pat-toolbar .icon.menu:before {
  --kik-toolbar-mark: var(--kik-svg-menu);
}
.pat-toolbar .icon.search:before {
  --kik-toolbar-mark: var(--kik-svg-search);
}
.pat-toolbar .icon.metadata:before {
  --kik-toolbar-mark: var(--kik-svg-metadata);
}
.pat-toolbar .icon.help:before {
  --kik-toolbar-mark: var(--kik-svg-help);
}
.pat-toolbar .icon.select:before {
  --kik-toolbar-mark: var(--kik-svg-select);
}
.mode-select .pat-toolbar .icon.select {
  background-color: var(--colour-accent);
}
.mode-select .pat-toolbar .icon.select:before {
  color: white;
}
.pat-toolbar .icon.zoom-in:before {
  --kik-toolbar-mark: var(--kik-svg-zoom-in);
}
.pat-toolbar .icon.zoom-out:before {
  --kik-toolbar-mark: var(--kik-svg-zoom-out);
}
.pat-toolbar .icon.select-all:before {
  --kik-toolbar-mark: var(--kik-svg-select-all);
}
.pat-toolbar .icon.deselect-all:before {
  --kik-toolbar-mark: var(--kik-svg-deselect-all);
}
.pat-toolbar .icon.under-review:before {
  --kik-toolbar-mark: var(--kik-svg-visibility);
  -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;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 2em;
  text-align: center;
  background: var(--colour-warning) var(--kik-svg-lock-white) center / 1em no-repeat;
  color: white;
  line-height: var(--pat-toolbar-button-height);
}
.pat-toolbar .pat-button.locked.validated:after,
.pat-toolbar .pat-button.locked.validated.active:after {
  background-image: var(--kik-svg-ok-white);
}
.pat-toolbar .pat-button.locked.active:after {
  background-image: var(--kik-svg-lock-open-white);
}
.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;
}
@media (hover: hover) {
.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel .instance-counter a:hover {
  text-decoration: underline;
}
}
@container screen style(--screen-small: false) {
.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);
}
@container screen style(--screen-small: false) {
.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);
  flex: 0 0 auto;
  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);
  height: var(--pat-toolbar-button-height);
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-search) center / 60% no-repeat;
  mask: var(--kik-svg-search) center / 60% no-repeat;
  -webkit-mask-origin: content-box;
  mask-origin: content-box;
  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;
}
@media (hover: hover) {
.pat-toolbar .pat-toolbar-search-field:hover {
  background-color: var(--pat-toolbar-icon-background-colour-hover);
}
}
@media (hover: 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 input[type="search"]::-webkit-search-cancel-button,
.pat-toolbar .pat-toolbar-search-field input[type="search"]::-webkit-search-decoration,
.pat-toolbar .pat-toolbar-search-field input[type="search"]::-webkit-search-results-button,
.pat-toolbar .pat-toolbar-search-field input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.pat-toolbar .pat-toolbar-search-field .kik-search-clear {
  position: absolute;
  top: 50%;
  inset-inline-end: 5px;
  width: 28px;
  height: 28px;
  transform: translateY(calc(-50% - 1px));
  z-index: 1;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
  text-indent: -1000em;
  color: var(--colour-ink-medium, silver);
}
.pat-toolbar .pat-toolbar-search-field .kik-search-clear::before {
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-close) center / 16px no-repeat;
  mask: var(--kik-svg-close) center / 16px no-repeat;
  text-indent: 0;
  position: absolute;
  inset: 0;
  display: block;
  text-align: center;
  line-height: 28px;
  font-size: 13px;
}
@media (hover: hover) {
.pat-toolbar .pat-toolbar-search-field .kik-search-clear:hover {
  color: var(--body-font-colour, #1a1a1a);
}
}
.pat-toolbar .pat-toolbar-search-field input[type="search"]:placeholder-shown ~ .kik-search-clear {
  display: none;
}
.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-inline-start: 34px;
  padding-inline-end: 36px;
  box-shadow: var(--pat-toolbar-search-field-input-field-box-shadow-focus);
}
@container screen style(--screen-small: false) {
.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;
}
@container screen style(--screen-small: false) {
.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);
}
}
@container screen style(--screen-small: false) {
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):has(.pat-tabs.collapse-select) {
  grid-template-columns: minmax(min(var(--pat-tabs-collapse-select-min-width, 110px), 100%), 1fr) minmax(0, auto) minmax(0, auto);
}
.application-body.state-on.sidebar-normal .sidebar .pat-toolbar:has(.toolbar-section.navigation .pat-tabs):has(.pat-tabs.collapse-select):has(.toolbar-section.micro-navigation) {
  grid-template-columns: minmax(0, max-content) minmax(min(var(--pat-tabs-collapse-select-min-width, 110px), 100%), 1fr) minmax(0, auto);
}
.application-body.state-on.sidebar-normal .sidebar .pat-toolbar:has(.toolbar-section.navigation .pat-tabs) .toolbar-section.micro-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;
}
@keyframes kik-toolbar-auto-hide {

	from { transform: none; }
	to { transform: translateY(var(--pat-toolbar-auto-hide-offset)); }
}
@keyframes kik-toolbar-auto-reveal {

	from { transform: translateY(var(--pat-toolbar-auto-hide-offset)); }
	to { transform: none; }
}
.toolbar-section.micro-navigation .pat-toolbar-search-field input {
  right: auto;
  left: 0;
}
body[dir=rtl] .toolbar-section.micro-navigation .pat-toolbar-search-field input {
  left: auto;
  right: 0;
}
.toolbar-section.micro-navigation .pat-toolbar-search-field.focus:after,
.toolbar-section.micro-navigation .pat-toolbar-search-field.has-value:after,
.toolbar-section.micro-navigation .pat-toolbar-search-field.fixed:after {
  left: 0;
  padding-left: 0;
  padding-right: 0;
}
body[dir=rtl] .toolbar-section.micro-navigation .pat-toolbar-search-field.focus:after,
body[dir=rtl] .toolbar-section.micro-navigation .pat-toolbar-search-field.has-value:after,
body[dir=rtl] .toolbar-section.micro-navigation .pat-toolbar-search-field.fixed:after {
  left: auto;
  right: 0;
  padding-left: 0;
  padding-right: 0;
}
.toolbar-section.micro-navigation .pat-toolbar-search-field .kik-search-clear {
  inset-inline-end: auto;
  inset-inline-start: calc(var(--pat-toolbar-search-field-width-open) - 33px);
}
@container screen style(--screen-small: true) {
.toolbar-section.micro-navigation .pat-toolbar-search-field .kik-search-clear {
  inset-inline-start: calc(100vw - 2 * var(--default-screen-padding-small) - 33px);
}
}
@container pat-toolbar ((max-width: 520px) or style(--screen-small: true)) {
.pat-toolbar .pat-toolbar-search-field:is(.focus, .has-value, .fixed) {
  position: static;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: transparent;
  box-shadow: none;
}
}
@container pat-toolbar ((max-width: 520px) or style(--screen-small: true)) {
.pat-toolbar .toolbar-section .pat-toolbar-search-field:is(.focus, .has-value, .fixed) input[type="search"] {
  top: var(--pat-toolbar-inset-block, var(--pat-toolbar-padding));
  inset-inline: var(--pat-toolbar-inset-inline, var(--pat-toolbar-padding));
  width: auto;
  height: var(--pat-toolbar-button-height);
  z-index: 20;
}
}
@container pat-toolbar ((max-width: 520px) or style(--screen-small: true)) {
.pat-toolbar:has(.toolbar-section :is(a.icon.back, .pat-back-button)) .toolbar-section .pat-toolbar-search-field:is(.focus, .has-value, .fixed) input[type="search"],
.application-body:is(.sidebar-left-open, .sidebar-left-closed) .pat-toolbar .toolbar-section .pat-toolbar-search-field:is(.focus, .has-value, .fixed) input[type="search"] {
  inset-inline-start: calc(var(--pat-toolbar-inset-inline, var(--pat-toolbar-padding)) + var(--pat-toolbar-button-height) + var(--pat-toolbar-element-separation));
}
}
@container pat-toolbar ((max-width: 520px) or style(--screen-small: true)) {
.pat-toolbar .pat-toolbar-search-field:is(.focus, .has-value, .fixed):after {
  top: var(--pat-toolbar-inset-block, var(--pat-toolbar-padding));
  left: auto;
  right: auto;
  inset-inline-start: var(--pat-toolbar-inset-inline, var(--pat-toolbar-padding));
  padding-left: 0;
  padding-right: 0;
  z-index: 21;
}
}
@container pat-toolbar ((max-width: 520px) or style(--screen-small: true)) {
.pat-toolbar:has(.toolbar-section :is(a.icon.back, .pat-back-button)) .pat-toolbar-search-field:is(.focus, .has-value, .fixed):after,
.application-body:is(.sidebar-left-open, .sidebar-left-closed) .pat-toolbar .pat-toolbar-search-field:is(.focus, .has-value, .fixed):after {
  inset-inline-start: calc(var(--pat-toolbar-inset-inline, var(--pat-toolbar-padding)) + var(--pat-toolbar-button-height) + var(--pat-toolbar-element-separation));
}
}
@container pat-toolbar ((max-width: 520px) or style(--screen-small: true)) {
.pat-toolbar .toolbar-section .pat-toolbar-search-field:is(.focus, .has-value, .fixed) .kik-search-clear {
  top: var(--pat-toolbar-inset-block, var(--pat-toolbar-padding));
  height: var(--pat-toolbar-button-height);
  inset-inline-start: auto;
  inset-inline-end: calc(var(--pat-toolbar-inset-inline, var(--pat-toolbar-padding)) + 5px);
  z-index: 22;
  transform: translateY(-1px);
}
}
@container pat-toolbar ((max-width: 520px) or style(--screen-small: true)) {
.pat-toolbar .toolbar-section .pat-toolbar-search-field:is(.focus, .has-value, .fixed) .kik-search-clear::before {
  line-height: var(--pat-toolbar-button-height);
}
}
@container pat-toolbar (max-width: 420px) {
.pat-toolbar .pat-select .select-label {
  display: none;
}
}
@container pat-toolbar (max-width: 420px) {
.pat-toolbar .pat-select .select-glyph {
  margin-inline-end: 0;
}
}
.pat-toolbar .pat-select .select-glyph {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  margin: 0 0.4em 0 0;
  padding: 0;
  background: none;
  box-shadow: none;
  height: var(--pat-toolbar-button-height);
  line-height: var(--pat-toolbar-button-height);
  vertical-align: top;
}
.pat-toolbar .pat-select:not(:has(.select-label)) .select-glyph {
  margin-inline-end: 0.15em;
}
.pat-toolbar .pat-select .select-glyph::before {
  position: static;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0;
  line-height: 1;
}
.pat-toolbar .pat-button-cluster.pat-button-cluster {
  height: var(--pat-toolbar-button-height);
  line-height: var(--pat-toolbar-button-line-height);
}
.pat-toolbar .pat-button-cluster.pat-tabs:not(.open) span.extra-tabs {
  width: calc(var(--pat-toolbar-button-height) + 20px);
}
.pat-toolbar .pat-button-cluster.pat-tabs span.extra-tabs:before {
  height: var(--pat-toolbar-button-height);
  line-height: calc(var(--pat-toolbar-button-line-height) + 1px);
  width: calc(var(--pat-toolbar-button-height) + 20px);
}
: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;
  flex-shrink: 0;
  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;
}
@media (hover: hover) {
nav.pat-toolbar-breadcrumbs > a:not(:last-child):hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  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 {
  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;
}
@media (hover: hover) {
.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;
}
}
@media (hover: hover) {
.tooltip-container ul.menu li > a:not(.current):hover,
.tooltip-container ul.menu li > label:not(.current):hover,
.tooltip-container ul.menu li > form > label:not(.current):hover,
.tooltip-container ul.menu li > form > button:not(.current):hover,
.tooltip-container ul.menu li > form > fieldset > label:not(.current):hover,
.tooltip-container ul.menu li > fieldset.pat-checklist label:not(.current):hover,
.tooltip-container ul.menu li > button:not(.current):hover,
.tooltip-container ul.menu li .icon.bookmark:not(.current):hover {
  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*=checked]):not(.pat-select):not(:has(> svg.kik-icon)):before,
.tooltip-container ul.menu li > label:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)):before,
.tooltip-container ul.menu li > form > label:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)):before,
.tooltip-container ul.menu li > form > button:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)):before,
.tooltip-container ul.menu li > form > fieldset > label:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)):before,
.tooltip-container ul.menu li > fieldset.pat-checklist label:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)):before,
.tooltip-container ul.menu li > button:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)):before,
.tooltip-container ul.menu li .icon.bookmark:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)):before {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-tooltip-menu-mark, linear-gradient(transparent, transparent)) center / 1em no-repeat;
  mask: var(--kik-tooltip-menu-mark, linear-gradient(transparent, transparent)) center / 1em no-repeat;
}
.tooltip-container ul.menu li > a:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li > form > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li > form > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li > form > fieldset > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li > fieldset.pat-checklist label:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li .icon.bookmark:not([class*=icon-]):not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)) {
  --kik-tooltip-menu-mark: var(--kik-svg-angle-right);
}
.tooltip-container ul.menu li > a[class*=icon-]:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li > label[class*=icon-]:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li > form > label[class*=icon-]:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li > form > button[class*=icon-]:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li > form > fieldset > label[class*=icon-]:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li > fieldset.pat-checklist label[class*=icon-]:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li > button[class*=icon-]:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)),
.tooltip-container ul.menu li .icon.bookmark[class*=icon-]:not([class*=checked]):not(.pat-select):not(:has(> svg.kik-icon)) {
  --kik-tooltip-menu-mark: var(--kik-icon-svg, linear-gradient(transparent, transparent));
}
.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;
}
@container screen style(--screen-large: true) {
.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: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  margin-right: 0.3em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-upload) center / contain no-repeat;
  mask: var(--kik-svg-upload) center / contain no-repeat;
}
.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: '';
  font-size: 1.4em;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-document) center / contain no-repeat;
  mask: var(--kik-svg-document) center / contain no-repeat;
  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 {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  background-color: currentColor;
  -webkit-mask: var(--kik-svg-close-circle) center / contain no-repeat;
  mask: var(--kik-svg-close-circle) center / contain no-repeat;
}
.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 {
  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: 100%;
}
.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 {
  content: '';
  background-image: var(--kik-svg-down);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  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 {
  background-image: var(--kik-svg-up);
}
@media (hover: hover) {
.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 {
  content: '';
  background-color: currentColor;
  -webkit-mask: var(--kik-well-button-mark, linear-gradient(transparent, transparent)) center / 1em no-repeat;
  mask: var(--kik-well-button-mark, linear-gradient(transparent, transparent)) center / 1em no-repeat;
  font-size: 1em;
  z-index: 1;
  width: var(--collapsible-button-height);
  height: var(--collapsible-button-height);
  text-align: center;
  line-height: var(--collapsible-button-height);
  display: block;
  position: absolute;
  color: var(--button-text-colour);
  top: 0;
  left: 0;
}
@media (hover: hover) {
.pat-well .well-title-group .buttons .icon:hover {
  background-color: var(--pat-button-background-colour-hover);
}
}
@media (hover: 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:not(:has(> svg.kik-icon)) {
  --kik-well-button-mark: var(--kik-svg-help);
}
.pat-well .well-title-group .buttons .icon.add:not(:has(> svg.kik-icon)) {
  --kik-well-button-mark: var(--kik-svg-plus);
}
.pat-well .well-title-group .buttons .icon.download:not(:has(> svg.kik-icon)) {
  --kik-well-button-mark: var(--kik-svg-download);
}
.pat-well .well-title-group .buttons .icon.settings:not(:has(> svg.kik-icon)) {
  --kik-well-button-mark: var(--kik-svg-settings);
}
.pat-well .well-title-group .buttons .icon.edit:not(:has(> svg.kik-icon)) {
  --kik-well-button-mark: var(--kik-svg-edit);
}
.pat-well .well-title-group .buttons .icon.more:not(:has(> svg.kik-icon)) {
  --kik-well-button-mark: var(--kik-svg-more);
}
.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;
  margin: 0;
}
.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);
  padding-bottom: 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 {
  content: '';
  background-image: var(--kik-svg-down);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  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 {
  background-image: var(--kik-svg-up);
}
@media (hover: hover) {
.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:not(.infinite-scrolling)) {
  position: relative;
}
.pat-well:has(.panel-content.injecting) .panel-content,
.pat-well:has(.panel-content .pat-lazy-load:not(.infinite-scrolling)) .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(> .kik-brandmark),
.pat-well .well-title-group .quaive-page-head:has(> svg.kik-icon),
.pat-well .well-title-group .quaive-page-head:has(> .icon.date) {
  display: flex;
  align-items: center;
}
.pat-well .well-title-group .quaive-page-head:has(> .app-icon) > h1,
.pat-well .well-title-group .quaive-page-head:has(> .kik-brandmark) > h1,
.pat-well .well-title-group .quaive-page-head:has(> svg.kik-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,
.pat-well .well-title-group .quaive-page-head > .app-icon,
.pat-well .well-title-group .quaive-page-head > .icon.date {
  padding: 0;
  width: var(--kik-app-icon-box, 36px);
  height: var(--kik-app-icon-box, 36px);
}
.pat-well .well-title-group .quaive-page-head > svg.app-icon > *,
.pat-well .well-title-group .quaive-page-head > svg.icon.date > *,
.pat-well .well-title-group .quaive-page-head > .app-icon > *,
.pat-well .well-title-group .quaive-page-head > .icon.date > * {
  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: color-mix(in srgb, var(--app-tile-icon-colour, var(--app-colour, currentColor))
			var(--app-icon-fill-opacity, 0%), transparent);
  stroke: var(--app-tile-icon-colour, var(--app-colour, currentColor));
}
.pat-well .well-title-group .quaive-page-head > svg.app-icon * {
  fill: inherit;
  stroke: inherit;
}
.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 > .kik-brandmark {
  grid-area: icon;
  flex: 0 0 auto;
  align-self: center;
  width: var(--kik-app-icon-box, 36px);
  height: var(--kik-app-icon-box, 36px);
  margin: 0 3px 0 0;
}
body[dir=rtl] .pat-well .well-title-group .quaive-page-head > .kik-brandmark {
  margin: 0 0 0 3px;
}
.pat-well .well-title-group .quaive-page-head > svg.kik-icon {
  grid-area: icon;
  flex: 0 0 auto;
  align-self: center;
  width: var(--kik-app-icon-box, 36px);
  height: var(--kik-app-icon-box, 36px);
  margin: 0 3px 0 0;
}
body[dir=rtl] .pat-well .well-title-group .quaive-page-head > svg.kik-icon {
  margin: 0 0 0 3px;
}
.pat-well.mail-event-well {
  --well-date-dial: 55px;
  --well-date-dial-gap: 10px;
}
.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: var(--ll-tile-border, 1px solid rgba(0, 0, 0, 0.3));
  background-color: color-mix(in srgb, red 10%, var(--kik-date-dial-ground, white));
  width: var(--well-date-dial, var(--kik-app-icon-box, 36px));
  height: var(--well-date-dial, var(--kik-app-icon-box, 36px));
  margin: 0 var(--well-date-dial-gap, 3px) 0 0;
  margin-top: 0;
  margin-bottom: -2px;
  container-type: inline-size;
}
body[dir=rtl] .pat-well .well-title-group .quaive-page-head > .icon.date {
  margin: 0 0 0 var(--well-date-dial-gap, 3px);
}
.pat-well .well-title-group .quaive-page-head > .icon.date .month {
  color: var(--kik-date-dial-month-ink, red);
  font-size: 23cqw;
  display: block;
  text-transform: uppercase;
  line-height: 22cqw;
  margin-bottom: 4cqw;
}
.pat-well .well-title-group .quaive-page-head > .icon.date .day {
  font-size: 52cqw;
  line-height: 50cqw;
  display: block;
}
.pat-well .well-header::before {
  align-content: center;
}
: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, var(--avatar-background-colour, #6E6862));
  --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-text-colour-hover: var(--pat-button-text-colour-hover);
  --sidebar-extras-background-colour: var(--pat-surface-background-colour);
  --sidebar-extras-background-colour-hover: var(--pat-surface-background-colour-hover);
  --sidebar-extras-filter: var(--pat-surface-filter);
  --sidebar-extras-filter-hover: var(--pat-surface-filter-hover);
  --sidebar-extras-backdrop-filter: var(--pat-surface-backdrop-filter);
  --sidebar-extras-backdrop-filter-hover: var(--sidebar-extras-backdrop-filter);
  --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: 16px;
  --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-message-margin-bottom: var(--default-tail-white);
  --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: 20px;
  --sidebar-padding-right: 20px;
  --sidebar-padding-bottom: 20px;
  --sidebar-padding-left: 20px;
  --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: none;
  --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: var(--pat-surface-backdrop-filter);
  --pat-toolbar-button-backdrop-filter-hover: blur(5px) saturate(1.5) brightness(4.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: var(--pat-surface-background-colour);
  --pat-table-border-radius: var(--border-radii-medium, 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);
  --item-selector-bookmarked-icon-radius: var(--border-radii);
  --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%;
  --pat-back-button-border-radius: var(--border-radii);
  --pat-back-button-background-colour: var(--pat-toolbar-icon-frost-background);
  --pat-back-button-background-colour-hover: var(--pat-toolbar-icon-background-colour-hover);
  --pat-back-button-backdrop-filter: var(--pat-toolbar-icon-backdrop-filter);
  --pat-back-button-border-colour: transparent;
  --pat-back-button-border-colour-hover: var(--pat-back-button-border-colour);
  --pat-back-button-border-width: 1px;
  --pat-back-button-drop-shadow: none;
  --pat-back-button-tip-ratio: 1.3172;
  --pat-back-button-text-colour: var(--button-text-colour);
  --pat-back-button-text-colour-hover: var(--button-text-colour-hover);
  --pat-back-button-height: var(--button-height);
  --pat-back-button-line-height: var(--button-line-height);
  --pat-back-button-font-size: 18px;
  --pat-back-button-font-weight: bold;
  --pat-back-button-arrow-width: 15px;
  --pat-back-button-padding: var(--pat-button-paddings);
  --pat-back-button-point-indent: 0.44;
  --pat-back-button-background-colour-dp: rgba(255, 255, 255, 0.5);
  --pat-back-button-text-colour-dp: rgba(255, 255, 255, 0.9);
  --pat-back-button-text-colour-dp-hover: white;
  --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-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: 0px;
  --document-body-right-distance: 0px;
  --document-body-bottom-distance: 0px;
  --document-body-left-distance-sidebar-open: calc(var(--sidebar-width) + var(--sidebar-margin-left));
  --document-body-left-distance: 0px;
  --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 {
  --kik-global-nav-icon-radius: 8px;
}
:root {
  --break-small: 768px;
  --break-large: 1280px;
}
:root {
  --kik-tip-background: #fff;
  --kik-tip-text-colour: var(--colour-text, #1a1a1a);
  --kik-tip-font-size: 0.8em;
  --kik-tip-font-weight: 400;
  --kik-tip-padding: 4px 10px;
  --kik-tip-border-radius: 4px;
  --kik-tip-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  --kik-tip-gap: 5px;
  --kik-tip-line-height: 1.4;
  --kik-tip-background-dark: #2c2926;
  --kik-tip-text-colour-dark: #fff;
}
: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;
}