@swisspost/internet-header 1.17.1 → 10.2.0

package/dist/collection/components/post-internet-breadcrumbs/components/breadcrumb-list.component.js

@@ -1,10 +0,0 @@
-import { h } from "@stencil/core";
-import { SvgIcon } from "../../../utils/svg-icon.component";
-import { MiddleDropdown } from "./middle-dropdown.component";
-import { MiddleLinks } from "./middle-links.component";
-export const BreadcrumbList = (props) => {
-    var _a;
-    const homeItem = props.items[0];
-    const lastItem = props.items[props.items.length - 1];
-    return (h("ol", { class: "no-list breadcrumbs-list" }, h("li", null, h("a", { class: "home-link nav-link", href: homeItem.url, tabindex: props.focusable === false ? '-1' : undefined }, h("span", { class: "visually-hidden" }, homeItem.text), h(SvgIcon, { name: "pi-home" })), h(SvgIcon, { name: "pi-arrow-down", classNames: "rotate-270" })), props.isConcatenated ? (h("li", null, h(MiddleDropdown, { items: props.items, dropdownOpen: (_a = props.dropdownOpen) !== null && _a !== void 0 ? _a : false, clickHandler: e => props.clickHandler(e), focusable: props.focusable }))) : (h(MiddleLinks, { items: props.items, icons: true, focusable: props.focusable })), h("li", null, h("a", { class: "last-link nav-link", href: lastItem.url, tabindex: props.focusable === false ? '-1' : undefined, ref: el => (props.lastItemRef !== undefined ? props.lastItemRef(el) : null) }, lastItem.text))));
-};

package/dist/collection/components/post-internet-breadcrumbs/components/middle-dropdown.component.js

@@ -1,7 +0,0 @@
-import { h } from "@stencil/core";
-import { SvgIcon } from "../../../utils/svg-icon.component";
-import { MiddleLinks } from "./middle-links.component";
-import { translate } from "../../../services/language.service";
-export const MiddleDropdown = (props) => {
-    return (h("div", { class: "middle-dropdown-container" }, h("button", { class: "middle-dropdown-button btn btn-blank", type: "button", onClick: event => props.clickHandler(event), tabindex: props.focusable === false ? '-1' : undefined }, h("span", { class: "visually-hidden" }, translate('Open menu')), h("span", { "aria-hidden": "true" }, "...")), h(SvgIcon, { name: "pi-arrow-down", classNames: "rotate-270" }), props.dropdownOpen ? (h("nav", { "aria-label": translate('Intermediary links'), class: "middle-dropdown" }, h("ul", { class: "no-list" }, h(MiddleLinks, { items: props.items, icons: false, focusable: props.focusable })))) : null));
-};

package/dist/collection/components/post-internet-breadcrumbs/components/middle-links.component.js

@@ -1,5 +0,0 @@
-import { h } from "@stencil/core";
-import { SvgIcon } from "../../../utils/svg-icon.component";
-export const MiddleLinks = (props) => {
-    return props.items.slice(1, -1).map(item => (h("li", { key: item.url }, h("a", { href: item.url, class: "nav-link", tabindex: props.focusable === false ? '-1' : undefined }, h("span", null, item.text)), props.icons ? h(SvgIcon, { name: "pi-arrow-down", classNames: "rotate-270" }) : null)));
-};

package/dist/collection/components/post-internet-breadcrumbs/components/overlay.component.js

@@ -1,10 +0,0 @@
-import { h } from "@stencil/core";
-import { SvgIcon } from "../../../utils/svg-icon.component";
-/**
- * Overlay implementation with focus trap according to
- * https://www.accessibility-developer-guide.com/examples/widgets/dialog/#modal-dialog
- *
- * @param props
- * @returns
- */
-export const OverlayComponent = (props) => (h("div", { class: "overlay", onClick: () => props.onClick(), onKeyDown: e => props.onKeyDown !== undefined && props.onKeyDown(e), ref: e => e !== undefined && props.overlayRef(e) }, h("div", { class: "container", role: "dialog" }, h("focus-trap", { active: true }, h("div", { class: "overlay-container", role: "document", onClick: e => e.stopPropagation() }, h("button", { class: `overlay-close btn-blank d-inline-flex align-items-center nav-link ${props.overlay.id}`, onClick: () => props.onClick() }, h("span", { class: "visually-hidden" }, props.closeButtonText), h(SvgIcon, { name: "pi-close" })), h("iframe", { src: props.overlay.target, frameborder: "0", class: "frame", ref: e => e !== undefined && props.iFrameRef(e) }))), h("div", { class: "loader-wrapper" }, h("div", { class: "loader" })))));

package/dist/collection/components/post-internet-breadcrumbs/post-internet-breadcrumbs.css

@@ -1,29 +0,0 @@
-:host{--post-contrast-color: #000;--post-focus-color: #1976c8;--post-contrast-color-inverted: #fff;--post-gray-10: hsl(0, 0%, 90%);--post-gray-20: hsl(0, 0%, 80%);--post-gray-40: hsl(0, 0%, 60%);--post-gray-60: hsl(0, 0%, 40%);--post-gray-80: hsl(0, 0%, 20%);--post-yellow: #fc0;--post-white: #fff;--post-light: #faf9f8;--post-gray: #f4f3f1;--post-dark: hsl(0, 0%, 20%);--post-black: #000;--post-primary: hsl(0, 0%, 20%);--post-secondary: hsl(0, 0%, 40%);--post-success: #2c871d;--post-warning: #f49e00;--post-error: #a51728;--post-info: #cce4ee;--post-success-background: #c0debb;--post-warning-background: #fce2b2;--post-error-background: #ffdade;--post-nightblue: #004976;--post-nightblue-bright: #0076a8;--post-petrol: #006d68;--post-petrol-bright: #00968f;--post-coral: #9e2a2f;--post-coral-bright: #e03c31;--post-olive: #716135;--post-olive-bright: #aa9d2e;--post-purple: #80276c;--post-purple-bright: #c5299b;--post-aubergine: #523178;--post-aubergine-bright: #7566a0;--post-contrast-color-rgb: 0, 0, 0;--post-contrast-color-inverted-rgb: 255, 255, 255;--post-gray-10-rgb: 230, 230, 230;--post-gray-20-rgb: 204, 204, 204;--post-gray-40-rgb: 153, 153, 153;--post-gray-60-rgb: 102, 102, 102;--post-gray-80-rgb: 51, 51, 51;--post-black-alpha-10-rgba: rgba(0, 0, 0, 0.1);--post-black-alpha-20-rgba: rgba(0, 0, 0, 0.2);--post-black-alpha-40-rgba: rgba(0, 0, 0, 0.4);--post-black-alpha-60-rgba: rgba(0, 0, 0, 0.6);--post-black-alpha-80-rgba: rgba(0, 0, 0, 0.8);--post-white-alpha-10-rgba: rgba(255, 255, 255, 0.1);--post-white-alpha-20-rgba: rgba(255, 255, 255, 0.2);--post-white-alpha-40-rgba: rgba(255, 255, 255, 0.4);--post-white-alpha-60-rgba: rgba(255, 255, 255, 0.6);--post-white-alpha-80-rgba: rgba(255, 255, 255, 0.8);--post-yellow-rgb: 255, 204, 0;--post-white-rgb: 255, 255, 255;--post-light-rgb: 250, 249, 248;--post-gray-rgb: 244, 243, 241;--post-dark-rgb: 51, 51, 51;--post-black-rgb: 0, 0, 0;--post-primary-rgb: 51, 51, 51;--post-secondary-rgb: 102, 102, 102;--post-success-rgb: 44, 135, 29;--post-warning-rgb: 244, 158, 0;--post-error-rgb: 165, 23, 40;--post-info-rgb: 204, 228, 238;--post-success-background-rgb: 192, 222, 187;--post-warning-background-rgb: 252, 226, 178;--post-error-background-rgb: 255, 218, 222;--post-nightblue-rgb: 0, 73, 118;--post-nightblue-bright-rgb: 0, 118, 168;--post-petrol-rgb: 0, 109, 104;--post-petrol-bright-rgb: 0, 150, 143;--post-coral-rgb: 158, 42, 47;--post-coral-bright-rgb: 224, 60, 49;--post-olive-rgb: 113, 97, 53;--post-olive-bright-rgb: 170, 157, 46;--post-purple-rgb: 128, 39, 108;--post-purple-bright-rgb: 197, 41, 155;--post-aubergine-rgb: 82, 49, 120;--post-aubergine-bright-rgb: 117, 102, 160}.btn-default:focus,.btn-secondary:focus,.btn-link:focus,.btn-tertiary:focus,.btn-default:not(:disabled):hover,.btn-secondary:not(:disabled):hover,.btn-link:not(:disabled):hover,.btn-tertiary:not(:disabled):hover,.pretend-hover.btn-default,.pretend-hover.btn-secondary,.pretend-hover.btn-link,.pretend-hover.btn-tertiary{color:var(--post-contrast-color)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-default,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-secondary,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-link,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-tertiary{color:var(--post-contrast-color)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-default .pi,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-secondary .pi,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-link .pi,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-tertiary .pi{filter:invert(1)}.btn{min-height:3rem;font-size:1rem;gap:.625rem;display:inline-flex;position:relative;align-items:center;justify-content:center;max-width:100%;overflow:hidden;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;border-width:2px;border-style:solid;border-radius:4px;background-color:rgba(0,0,0,0);box-shadow:none;color:var(--post-gray-80);font-family:inherit;font-weight:400;text-decoration:none !important;white-space:nowrap}.btn:where(:not(.btn-link,.btn-tertiary)){padding:0 1rem}.btn>.pi,.btn>post-icon{width:1.25rem;height:1.25rem}.btn:disabled{pointer-events:none;color:var(--post-gray-60);border-color:var(--post-gray-40);border-style:dashed;background-clip:padding-box}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:disabled{color:GrayText;border-color:GrayText}}.btn:not(:disabled):hover,.btn.pretend-hover{color:var(--post-contrast-color-inverted);background-color:#666}.btn{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:solid !important;border-radius:4px;color:var(--post-contrast-color-inverted);background-color:#666}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}.btn:is(:focus-visible,:has(:focus-visible),.pretend-focus):where(.btn-primary){background-color:var(--post-contrast-color)}@supports not selector(:has(:focus-visible)){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:solid !important;border-radius:4px;color:var(--post-contrast-color-inverted);background-color:#666}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}.btn:is(:focus-visible,:focus-within,.pretend-focus):where(.btn-primary){background-color:var(--post-contrast-color)}}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn:disabled{color:rgba(255,255,255,.8)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn:not(:disabled):hover,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn.pretend-hover{background-color:#fc0;border-color:rgba(0,0,0,0)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:solid !important;background-color:#fc0;border-color:rgba(0,0,0,0)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn:is(:focus-visible,:focus-within,.pretend-focus){outline-style:solid !important;background-color:#fc0;border-color:rgba(0,0,0,0)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn{border-color:ButtonBorder;background-color:ButtonFace}.btn:not(:disabled,.disabled):hover{border-color:highlight}.btn:disabled{border-color:GrayText !important}.btn .pi{filter:invert(1) !important}}.btn-primary{border-color:rgba(0,0,0,0);background-color:var(--post-gray-80);color:var(--post-contrast-color-inverted)}.btn-primary:disabled{background-color:#e6e6e6;border-color:#666}.btn-primary .pi{filter:invert(1);forced-color-adjust:none}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-primary{background-color:var(--post-contrast-color);color:var(--post-gray-10)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-primary:disabled{color:var(--post-contrast-color);background-color:rgba(255,255,255,.2);border-color:var(--post-contrast-color)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-primary .pi{filter:invert(0)}.btn-default,.btn-secondary{border-color:#666}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-default,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-secondary{border-color:var(--post-contrast-color);color:var(--post-contrast-color)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-default:disabled,:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-secondary:disabled{color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.6)}.btn-link,.btn-tertiary{border:0;padding-inline:.25rem}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-link,.btn-tertiary{color:linktext;text-decoration:underline !important}}.btn-icon{min-width:3rem;padding-right:.75rem;padding-left:.75rem}.btn-icon.btn-sm{min-width:2rem;padding-right:.375rem;padding-left:.375rem}.btn-icon.btn-rg{min-width:2.5rem;padding-right:.5625rem;padding-left:.5625rem}.btn-icon.btn-lg{min-width:3.5rem;padding-right:.9375rem;padding-left:.9375rem}.btn-animated:not(.btn-link,.btn-tertiary)::after,.btn-animated-start:not(.btn-link,.btn-tertiary)::after{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.1 23.6-.9-.9 6.6-6.6-6.6-6.6.9-.9 7.6 7.5z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:"";display:block;height:2em;width:2em;position:absolute;transition:opacity 250ms,transform 250ms;opacity:0}.btn-animated:not(.btn-link,.btn-tertiary)>span,.btn-animated-start:not(.btn-link,.btn-tertiary)>span{transition:transform 250ms}@media(prefers-reduced-motion: no-preference){.btn-animated:not(.btn-link,.btn-tertiary):focus::after,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover::after,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover::after,.btn-animated-start:not(.btn-link,.btn-tertiary):focus::after,.btn-animated-start:not(.btn-link,.btn-tertiary):not(:disabled):hover::after,.btn-animated-start:not(.btn-link,.btn-tertiary).pretend-hover::after{transform:translateX(0);opacity:1}.btn-animated:not(.btn-link,.btn-tertiary)>span,.btn-animated-start:not(.btn-link,.btn-tertiary)>span{transform:translateX(0)}}.btn-animated:not(.btn-link,.btn-tertiary)::after{right:-.1666666667rem;transform:translateX(-2px)}.btn-animated:not(.btn-link,.btn-tertiary).btn-sm::after{right:-0.25rem}.btn-animated:not(.btn-link,.btn-tertiary).btn-rg::after{right:-.2083333333rem}.btn-animated:not(.btn-link,.btn-tertiary).btn-lg::after{right:-0.125rem}@media(prefers-reduced-motion: no-preference){.btn-animated:not(.btn-link,.btn-tertiary):focus>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-sm>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-sm>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-sm>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-rg>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-rg>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-rg>span{transform:translateX(-0.5rem)}.btn-animated:not(.btn-link,.btn-tertiary):focus.btn-lg>span,.btn-animated:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-lg>span,.btn-animated:not(.btn-link,.btn-tertiary).pretend-hover.btn-lg>span{transform:translateX(-0.5rem)}}.btn-animated-start:not(.btn-link,.btn-tertiary)::after{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Crect/%3E%3Cpath d='M18.9 23.5 11.3 16l7.6-7.6.9.9-6.6 6.7 6.6 6.6z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;left:-.1666666667rem;transform:translateX(2px)}.btn-animated-start:not(.btn-link,.btn-tertiary).btn-sm::after{left:-0.25rem}.btn-animated-start:not(.btn-link,.btn-tertiary).btn-rg::after{left:-.2083333333rem}.btn-animated-start:not(.btn-link,.btn-tertiary).btn-lg::after{left:-0.125rem}@media(prefers-reduced-motion: no-preference){.btn-animated-start:not(.btn-link,.btn-tertiary):focus>span,.btn-animated-start:not(.btn-link,.btn-tertiary):not(:disabled):hover>span,.btn-animated-start:not(.btn-link,.btn-tertiary).pretend-hover>span{transform:translateX(0.5rem)}.btn-animated-start:not(.btn-link,.btn-tertiary):focus.btn-sm>span,.btn-animated-start:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-sm>span,.btn-animated-start:not(.btn-link,.btn-tertiary).pretend-hover.btn-sm>span{transform:translateX(0.5rem)}.btn-animated-start:not(.btn-link,.btn-tertiary):focus.btn-rg>span,.btn-animated-start:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-rg>span,.btn-animated-start:not(.btn-link,.btn-tertiary).pretend-hover.btn-rg>span{transform:translateX(0.5rem)}.btn-animated-start:not(.btn-link,.btn-tertiary):focus.btn-lg>span,.btn-animated-start:not(.btn-link,.btn-tertiary):not(:disabled):hover.btn-lg>span,.btn-animated-start:not(.btn-link,.btn-tertiary).pretend-hover.btn-lg>span{transform:translateX(0.5rem)}}.btn-sm{min-height:2rem;font-size:.75rem;gap:.375rem}.btn-sm:where(:not(.btn-link,.btn-tertiary)){padding:0 .75rem}.btn-sm>.pi,.btn-sm>post-icon{width:1rem;height:1rem}.btn-rg{min-height:2.5rem;font-size:.875rem;gap:.5rem}.btn-rg:where(:not(.btn-link,.btn-tertiary)){padding:0 .875rem}.btn-rg>.pi,.btn-rg>post-icon{width:1.125rem;height:1.125rem}.btn-lg{min-height:3.5rem;font-size:1.125rem;gap:.75rem}.btn-lg:where(:not(.btn-link,.btn-tertiary)){padding:0 1.125rem}.btn-lg>.pi,.btn-lg>post-icon{width:1.375rem;height:1.375rem}.btn-nightblue{border-color:rgba(0,0,0,0);background-color:#004976;color:#fff}.btn-nightblue:focus,.btn-nightblue:not(:disabled):hover,.btn-nightblue.pretend-hover{background-color:#002943;color:#fff}.btn-nightblue-bright{border-color:rgba(0,0,0,0);background-color:#0076a8;color:#fff}.btn-nightblue-bright:focus,.btn-nightblue-bright:not(:disabled):hover,.btn-nightblue-bright.pretend-hover{background-color:#005275;color:#fff}.btn-petrol{border-color:rgba(0,0,0,0);background-color:#006d68;color:#fff}.btn-petrol:focus,.btn-petrol:not(:disabled):hover,.btn-petrol.pretend-hover{background-color:#003a37;color:#fff}.btn-petrol-bright{border-color:rgba(0,0,0,0);background-color:#00968f;color:#000}.btn-petrol-bright:focus,.btn-petrol-bright:not(:disabled):hover,.btn-petrol-bright.pretend-hover{background-color:#00635e;color:#fff}.btn-coral{border-color:rgba(0,0,0,0);background-color:#9e2a2f;color:#fff}.btn-coral:focus,.btn-coral:not(:disabled):hover,.btn-coral.pretend-hover{background-color:#761f23;color:#fff}.btn-coral-bright{border-color:rgba(0,0,0,0);background-color:#e03c31;color:#000}.btn-coral-bright:focus,.btn-coral-bright:not(:disabled):hover,.btn-coral-bright.pretend-hover{background-color:#c1271d;color:#fff}.btn-olive{border-color:rgba(0,0,0,0);background-color:#716135;color:#fff}.btn-olive:focus,.btn-olive:not(:disabled):hover,.btn-olive.pretend-hover{background-color:#4e4325;color:#fff}.btn-olive-bright{border-color:rgba(0,0,0,0);background-color:#aa9d2e;color:#000}.btn-olive-bright:focus,.btn-olive-bright:not(:disabled):hover,.btn-olive-bright.pretend-hover{background-color:#827823;color:#000}.btn-purple{border-color:rgba(0,0,0,0);background-color:#80276c;color:#fff}.btn-purple:focus,.btn-purple:not(:disabled):hover,.btn-purple.pretend-hover{background-color:#591b4b;color:#fff}.btn-purple-bright{border-color:rgba(0,0,0,0);background-color:#c5299b;color:#fff}.btn-purple-bright:focus,.btn-purple-bright:not(:disabled):hover,.btn-purple-bright.pretend-hover{background-color:#9b207a;color:#fff}.btn-aubergine{border-color:rgba(0,0,0,0);background-color:#523178;color:#fff}.btn-aubergine:focus,.btn-aubergine:not(:disabled):hover,.btn-aubergine.pretend-hover{background-color:#392254;color:#fff}.btn-aubergine-bright{border-color:rgba(0,0,0,0);background-color:#7566a0;color:#fff}.btn-aubergine-bright:focus,.btn-aubergine-bright:not(:disabled):hover,.btn-aubergine-bright.pretend-hover{background-color:#5e5182;color:#fff}.btn-success{border-color:rgba(0,0,0,0);background-color:#2c871d;color:#fff}.btn-success:focus,.btn-success:not(:disabled):hover,.btn-success.pretend-hover{background-color:#1e5d14;color:#fff}.btn-warning{border-color:rgba(0,0,0,0);background-color:#f49e00;color:#000}.btn-warning:focus,.btn-warning:not(:disabled):hover,.btn-warning.pretend-hover{background-color:#c17d00;color:#000}.btn-error{border-color:rgba(0,0,0,0);background-color:#a51728;color:#fff}.btn-error:focus,.btn-error:not(:disabled):hover,.btn-error.pretend-hover{background-color:#78111d;color:#fff}.btn-info{border-color:rgba(0,0,0,0);background-color:#cce4ee;color:#000}.btn-info:focus,.btn-info:not(:disabled):hover,.btn-info.pretend-hover{background-color:#a6d0e1;color:#000}/*!
- * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)
- * Copyright 2011-2021 The Bootstrap Authors
- * Copyright 2011-2021 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
-
- * The MIT License (MIT)
-
- * Copyright (c) 2011-2020 Twitter, Inc.
- * Copyright (c) 2011-2020 The Bootstrap Authors
-
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
-
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
-
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */:root{--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 400px;--bs-breakpoint-rg: 600px;--bs-breakpoint-md: 780px;--bs-breakpoint-lg: 1024px;--bs-breakpoint-xl: 1280px;--bs-breakpoint-xxl: 1440px}.row{--bs-gutter-x: 30px;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-0.5*var(--bs-gutter-x));margin-left:calc(-0.5*var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x: 0}.g-0,.gy-0{--bs-gutter-y: 0}.g-1,.gx-1{--bs-gutter-x: 0.25rem}.g-1,.gy-1{--bs-gutter-y: 0.25rem}.g-2,.gx-2{--bs-gutter-x: 0.5rem}.g-2,.gy-2{--bs-gutter-y: 0.5rem}.g-3,.gx-3{--bs-gutter-x: 1rem}.g-3,.gy-3{--bs-gutter-y: 1rem}.g-4,.gx-4{--bs-gutter-x: 1.5rem}.g-4,.gy-4{--bs-gutter-y: 1.5rem}.g-5,.gx-5{--bs-gutter-x: 3rem}.g-5,.gy-5{--bs-gutter-y: 3rem}@media(min-width: 400px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x: 0}.g-sm-0,.gy-sm-0{--bs-gutter-y: 0}.g-sm-1,.gx-sm-1{--bs-gutter-x: 0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y: 0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x: 0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y: 0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x: 1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y: 1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x: 1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y: 1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x: 3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y: 3rem}}@media(min-width: 600px){.col-rg{flex:1 0 0%}.row-cols-rg-auto>*{flex:0 0 auto;width:auto}.row-cols-rg-1>*{flex:0 0 auto;width:100%}.row-cols-rg-2>*{flex:0 0 auto;width:50%}.row-cols-rg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-rg-4>*{flex:0 0 auto;width:25%}.row-cols-rg-5>*{flex:0 0 auto;width:20%}.row-cols-rg-6>*{flex:0 0 auto;width:16.66666667%}.col-rg-auto{flex:0 0 auto;width:auto}.col-rg-1{flex:0 0 auto;width:8.33333333%}.col-rg-2{flex:0 0 auto;width:16.66666667%}.col-rg-3{flex:0 0 auto;width:25%}.col-rg-4{flex:0 0 auto;width:33.33333333%}.col-rg-5{flex:0 0 auto;width:41.66666667%}.col-rg-6{flex:0 0 auto;width:50%}.col-rg-7{flex:0 0 auto;width:58.33333333%}.col-rg-8{flex:0 0 auto;width:66.66666667%}.col-rg-9{flex:0 0 auto;width:75%}.col-rg-10{flex:0 0 auto;width:83.33333333%}.col-rg-11{flex:0 0 auto;width:91.66666667%}.col-rg-12{flex:0 0 auto;width:100%}.offset-rg-0{margin-left:0}.offset-rg-1{margin-left:8.33333333%}.offset-rg-2{margin-left:16.66666667%}.offset-rg-3{margin-left:25%}.offset-rg-4{margin-left:33.33333333%}.offset-rg-5{margin-left:41.66666667%}.offset-rg-6{margin-left:50%}.offset-rg-7{margin-left:58.33333333%}.offset-rg-8{margin-left:66.66666667%}.offset-rg-9{margin-left:75%}.offset-rg-10{margin-left:83.33333333%}.offset-rg-11{margin-left:91.66666667%}.g-rg-0,.gx-rg-0{--bs-gutter-x: 0}.g-rg-0,.gy-rg-0{--bs-gutter-y: 0}.g-rg-1,.gx-rg-1{--bs-gutter-x: 0.25rem}.g-rg-1,.gy-rg-1{--bs-gutter-y: 0.25rem}.g-rg-2,.gx-rg-2{--bs-gutter-x: 0.5rem}.g-rg-2,.gy-rg-2{--bs-gutter-y: 0.5rem}.g-rg-3,.gx-rg-3{--bs-gutter-x: 1rem}.g-rg-3,.gy-rg-3{--bs-gutter-y: 1rem}.g-rg-4,.gx-rg-4{--bs-gutter-x: 1.5rem}.g-rg-4,.gy-rg-4{--bs-gutter-y: 1.5rem}.g-rg-5,.gx-rg-5{--bs-gutter-x: 3rem}.g-rg-5,.gy-rg-5{--bs-gutter-y: 3rem}}@media(min-width: 780px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x: 0}.g-md-0,.gy-md-0{--bs-gutter-y: 0}.g-md-1,.gx-md-1{--bs-gutter-x: 0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y: 0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x: 0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y: 0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x: 1rem}.g-md-3,.gy-md-3{--bs-gutter-y: 1rem}.g-md-4,.gx-md-4{--bs-gutter-x: 1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y: 1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x: 3rem}.g-md-5,.gy-md-5{--bs-gutter-y: 3rem}}@media(min-width: 1024px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x: 0}.g-lg-0,.gy-lg-0{--bs-gutter-y: 0}.g-lg-1,.gx-lg-1{--bs-gutter-x: 0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y: 0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x: 0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y: 0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x: 1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y: 1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x: 1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y: 1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x: 3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y: 3rem}}@media(min-width: 1280px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x: 0}.g-xl-0,.gy-xl-0{--bs-gutter-y: 0}.g-xl-1,.gx-xl-1{--bs-gutter-x: 0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y: 0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x: 0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y: 0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x: 1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y: 1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x: 1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y: 1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x: 3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y: 3rem}}@media(min-width: 1440px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x: 0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y: 0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x: 0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y: 0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x: 0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y: 0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x: 1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y: 1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x: 1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y: 1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x: 3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y: 3rem}}.container,.container-fluid,.container-xxl,.container-xl{--bs-gutter-x: 30px;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-right:auto;margin-left:auto}@media(min-width: 1280px){.container-xl,.container-lg,.container-md,.container-rg,.container-sm,.container{max-width:1280px}}@media(min-width: 1440px){.container-xxl,.container-xl,.container-lg,.container-md,.container-rg,.container-sm,.container{max-width:1440px}}.container{padding-inline:var(--post-container-padding-x)}.container-fluid{padding-inline:var(--post-container-fluid-padding-x)}.container{--post-container-padding-x: 12px}.container-fluid{--post-container-fluid-padding-x: 12px}.row{--bs-gutter-x: 12px}@media(min-width: 400px){.container{--post-container-padding-x: 16px}}@media(min-width: 400px){.container-fluid{--post-container-fluid-padding-x: 16px}}@media(min-width: 400px){.row{--bs-gutter-x: 16px}}@media(min-width: 780px){.container{--post-container-padding-x: 32px}}@media(min-width: 780px){.container-fluid{--post-container-fluid-padding-x: 32px}}@media(min-width: 1280px){.container{--post-container-padding-x: 40px}}@media(min-width: 1440px){.container{--post-container-padding-x: 120px}}.g-0,.gx-0{--bs-gutter-x: 0}.g-1,.gx-1{--bs-gutter-x: 0.25rem}.g-2,.gx-2{--bs-gutter-x: 0.5rem}.g-3,.gx-3{--bs-gutter-x: 1rem}.g-4,.gx-4{--bs-gutter-x: 1.5rem}.g-5,.gx-5{--bs-gutter-x: 3rem}@media(min-width: 400px){.g-sm-0,.gx-sm-0{--bs-gutter-x: 0}}@media(min-width: 400px){.g-sm-1,.gx-sm-1{--bs-gutter-x: 0.25rem}}@media(min-width: 400px){.g-sm-2,.gx-sm-2{--bs-gutter-x: 0.5rem}}@media(min-width: 400px){.g-sm-3,.gx-sm-3{--bs-gutter-x: 1rem}}@media(min-width: 400px){.g-sm-4,.gx-sm-4{--bs-gutter-x: 1.5rem}}@media(min-width: 400px){.g-sm-5,.gx-sm-5{--bs-gutter-x: 3rem}}@media(min-width: 600px){.g-rg-0,.gx-rg-0{--bs-gutter-x: 0}}@media(min-width: 600px){.g-rg-1,.gx-rg-1{--bs-gutter-x: 0.25rem}}@media(min-width: 600px){.g-rg-2,.gx-rg-2{--bs-gutter-x: 0.5rem}}@media(min-width: 600px){.g-rg-3,.gx-rg-3{--bs-gutter-x: 1rem}}@media(min-width: 600px){.g-rg-4,.gx-rg-4{--bs-gutter-x: 1.5rem}}@media(min-width: 600px){.g-rg-5,.gx-rg-5{--bs-gutter-x: 3rem}}@media(min-width: 780px){.g-md-0,.gx-md-0{--bs-gutter-x: 0}}@media(min-width: 780px){.g-md-1,.gx-md-1{--bs-gutter-x: 0.25rem}}@media(min-width: 780px){.g-md-2,.gx-md-2{--bs-gutter-x: 0.5rem}}@media(min-width: 780px){.g-md-3,.gx-md-3{--bs-gutter-x: 1rem}}@media(min-width: 780px){.g-md-4,.gx-md-4{--bs-gutter-x: 1.5rem}}@media(min-width: 780px){.g-md-5,.gx-md-5{--bs-gutter-x: 3rem}}@media(min-width: 1024px){.g-lg-0,.gx-lg-0{--bs-gutter-x: 0}}@media(min-width: 1024px){.g-lg-1,.gx-lg-1{--bs-gutter-x: 0.25rem}}@media(min-width: 1024px){.g-lg-2,.gx-lg-2{--bs-gutter-x: 0.5rem}}@media(min-width: 1024px){.g-lg-3,.gx-lg-3{--bs-gutter-x: 1rem}}@media(min-width: 1024px){.g-lg-4,.gx-lg-4{--bs-gutter-x: 1.5rem}}@media(min-width: 1024px){.g-lg-5,.gx-lg-5{--bs-gutter-x: 3rem}}@media(min-width: 1280px){.g-xl-0,.gx-xl-0{--bs-gutter-x: 0}}@media(min-width: 1280px){.g-xl-1,.gx-xl-1{--bs-gutter-x: 0.25rem}}@media(min-width: 1280px){.g-xl-2,.gx-xl-2{--bs-gutter-x: 0.5rem}}@media(min-width: 1280px){.g-xl-3,.gx-xl-3{--bs-gutter-x: 1rem}}@media(min-width: 1280px){.g-xl-4,.gx-xl-4{--bs-gutter-x: 1.5rem}}@media(min-width: 1280px){.g-xl-5,.gx-xl-5{--bs-gutter-x: 3rem}}@media(min-width: 1440px){.g-xxl-0,.gx-xxl-0{--bs-gutter-x: 0}}@media(min-width: 1440px){.g-xxl-1,.gx-xxl-1{--bs-gutter-x: 0.25rem}}@media(min-width: 1440px){.g-xxl-2,.gx-xxl-2{--bs-gutter-x: 0.5rem}}@media(min-width: 1440px){.g-xxl-3,.gx-xxl-3{--bs-gutter-x: 1rem}}@media(min-width: 1440px){.g-xxl-4,.gx-xxl-4{--bs-gutter-x: 1.5rem}}@media(min-width: 1440px){.g-xxl-5,.gx-xxl-5{--bs-gutter-x: 3rem}}.vertical-gutters{margin-bottom:-30px}.vertical-gutters>.col,.vertical-gutters>[class*=col-]{padding-bottom:30px}.row.border-gutters{margin-right:-1px;margin-bottom:-1px;margin-left:0}.row.border-gutters>.col,.row.border-gutters>[class*=col-]{padding-right:1px;padding-bottom:1px;padding-left:0}.container-reset{margin-right:-12px;margin-left:-12px}.container-reset-left{margin-left:-12px}.container-reset-right{margin-right:-12px}@media(max-width: 399.98px){.container-fluid-xs{padding-right:1rem;padding-left:1rem}}@media(min-width: 400px){.container-reset{margin-right:-16px;margin-left:-16px}}@media(min-width: 400px){.container-reset-left{margin-left:-16px}}@media(min-width: 400px){.container-reset-right{margin-right:-16px}}@media(min-width: 400px)and (max-width: 599.98px){.container-fluid-sm{padding-right:1rem;padding-left:1rem}}@media(min-width: 600px)and (max-width: 779.98px){.container-fluid-rg{padding-right:1rem;padding-left:1rem}}@media(min-width: 780px){.container-reset{margin-right:-32px;margin-left:-32px}}@media(min-width: 780px){.container-reset-left{margin-left:-32px}}@media(min-width: 780px){.container-reset-right{margin-right:-32px}}@media(min-width: 780px)and (max-width: 1023.98px){.container-fluid-md{padding-right:1rem;padding-left:1rem}}@media(min-width: 1024px)and (max-width: 1279.98px){.container-fluid-lg{padding-right:1rem;padding-left:1rem}}@media(min-width: 1280px){.container-reset{margin-right:-40px;margin-left:-40px}}@media(min-width: 1280px){.container-reset-left{margin-left:-40px}}@media(min-width: 1280px){.container-reset-right{margin-right:-40px}}@media(min-width: 1280px)and (max-width: 1439.98px){.container-fluid-xl{padding-right:1rem;padding-left:1rem}}@media(min-width: 1440px){.container-reset{margin-right:-120px;margin-left:-120px}}@media(min-width: 1440px){.container-reset-left{margin-left:-120px}}@media(min-width: 1440px){.container-reset-right{margin-right:-120px}}@media(min-width: 1440px){.container-fluid-xxl{padding-right:1rem;padding-left:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress,.progress-stacked{--bs-progress-height: 1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg: hsl(0, 0%, 80%);--bs-progress-border-radius: 4px;--bs-progress-box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);--bs-progress-bar-color: #fff;--bs-progress-bar-bg: hsl(0, 0%, 20%);--bs-progress-bar-transition: width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media(prefers-reduced-motion: reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion: reduce){.progress-bar-animated{animation:none}}.spinner-bg{position:absolute;z-index:990;top:0;left:0;width:100%;height:100%}.loading-modal{display:inline-flex;position:absolute;z-index:990;top:0;right:0;bottom:0;left:0}.loader{width:1em;height:1em;animation:spin 3.125s linear infinite;position:relative;font-size:3.5rem}.loader.loader-12{font-size:.75rem}.loader.loader-16{font-size:1rem}.loader.loader-24{font-size:1.5rem}.loader.loader-32{font-size:2rem}.loader.loader-40{font-size:2.5rem}.loader.loader-48{font-size:3rem}.loader.loader-80{font-size:5rem}.loader.loader-sm{font-size:2.5rem}.loader.loader-xs{font-size:1rem}.loader::before,.loader::after{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:max(2px,.12em) solid #666;transform:rotate(130deg);animation-timing-function:linear;animation-direction:alternate;animation-duration:1.5625s;animation-iteration-count:infinite}.loader::before{animation-name:progressLoaderInverted}.loader::after{border-color:#fc0;animation-name:progressLoader}@media(prefers-reduced-motion: reduce){.loader{animation-duration:25s}.loader::before,.loader::after{animation-duration:12.5s}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.loader::before{border-color:CanvasText}.loader::after{border-color:Highlight}}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@keyframes progressLoader{0%{clip-path:polygon(50% 50%, 0 0, 42% 0, 42% 0, 42% 0, 42% 0)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}100%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}}@keyframes progressLoaderInverted{0%{clip-path:polygon(0 0, 0 100%, 100% 100%, 50% 50%, 0 0, 42% 0, 42% 0, 42% 0, 42% 0, 50% 50%, 100% 100%, 100% 0)}50%{clip-path:polygon(0 0, 0 100%, 100% 100%, 50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0, 50% 50%, 100% 100%, 100% 0)}100%{clip-path:polygon(0 0, 0 100%, 100% 100%, 50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 50% 50%, 100% 100%, 100% 0)}}@font-face{font-display:swap;font-family:"Swiss Post Sans";font-weight:700;src:url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Bold.woff2") format("woff2"),url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Swiss Post Sans";font-weight:400;src:url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Regular.woff2") format("woff2"),url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Regular.woff") format("woff")}@font-face{font-display:swap;font-family:"Swiss Post Sans";font-weight:300;src:url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Light.woff2") format("woff2"),url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Light.woff") format("woff")}.visually-hidden{position:absolute;width:1px;height:1px;border:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.btn-blank{background-color:rgba(0,0,0,0);border:none;border-radius:0;padding:0}.nav-link{outline:none;outline-offset:2px;text-decoration:none;color:rgba(0,0,0,.8);transition:color 200ms;background-color:rgba(0,0,0,0);box-shadow:none;border:0;margin:0;cursor:pointer;display:flex;align-items:center;gap:.5rem}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color)}.nav-link:hover,.nav-link:focus{color:#000}.nav-link:is(:focus-visible,:focus-within,.pretend-focus){z-index:1;position:relative}.nav-link>svg{width:1.4em;height:1.4em;flex-shrink:0}.nav-link>span{flex-shrink:1}.no-list{list-style:none;padding-left:0;margin-top:0;margin-bottom:0}*,:host,*::before,*::after{box-sizing:border-box}:host{font-family:"Swiss Post Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}button{font:inherit;padding:0}a,button{border-radius:4px;outline:none;outline-offset:2px}a:is(:focus-visible,:focus-within,.pretend-focus),button:is(:focus-visible,:focus-within,.pretend-focus){outline:2px solid var(--post-contrast-color);border-radius:4px}img,svg{max-width:100%;max-height:100%}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){svg{color:currentColor;forced-color-adjust:preserve-parent-color}}.box>*:first-child{margin-top:0}.box>*:last-child{margin-bottom:0}.mirrored{transform:scaleX(-1)}.rotate-270{transform:rotate(270deg)}.bold{font-weight:700}.light{font-weight:300}.d-none{display:none !important}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.align-items-center{align-items:center}@media(min-width: 1441px){.wide-container{margin:0 auto;max-width:1440px}}@media(max-width: 599.98px){.container{padding-right:16px;padding-left:16px}}@media(min-width: 600px)and (max-width: 1023.98px){.container{padding-right:32px;padding-left:32px}}@media(min-width: 1024px){.container{padding-right:40px;padding-left:40px}}@media(max-width: -0.02px){.hidden-xs{display:none}}@media(max-width: 399.98px){.hidden-sm{display:none}}@media(max-width: 599.98px){.hidden-rg{display:none}}@media(max-width: 779.98px){.hidden-md{display:none}}@media(max-width: 1023.98px){.hidden-lg{display:none}}@media(max-width: 1279.98px){.hidden-xl{display:none}}@media(max-width: 1439.98px){.hidden-xxl{display:none}}:host{display:block;position:relative}.breadcrumbs{font-size:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3rem}@media(max-width: 599.98px){.breadcrumbs{font-size:.875rem}}.breadcrumbs-nav{white-space:nowrap;flex-grow:1;flex-shrink:1;min-width:0}.breadcrumbs-list,.nav-link{display:flex;align-items:center}.breadcrumbs-list li{display:flex;flex-shrink:0}.breadcrumbs-list li:last-child{flex-shrink:2;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:4px}.breadcrumbs-list svg{margin-left:0 !important;width:1.5em;height:1.5em;color:rgba(0,0,0,.6)}.breadcrumb-buttons{display:flex;justify-content:flex-end;gap:1rem;flex-shrink:0}.breadcrumb-buttons .btn{cursor:pointer;gap:.5rem;font-size:inherit}.breadcrumb-buttons .btn.btn-secondary>svg{width:1.5rem;height:1.5rem;margin:0}@media(min-width: 1024px){.breadcrumb-buttons .btn span{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible}}.nav-link{gap:0;color:rgba(0,0,0,.6);font-weight:400}.middle-dropdown-container{position:relative;display:flex;align-items:center}.middle-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e6e6e6;padding:.5rem 0;z-index:1}.middle-dropdown .nav-link{padding:.5rem 1rem;transition:color 200ms}.middle-dropdown .nav-link:hover{background-color:#e6e6e6}.middle-dropdown-button{cursor:pointer;display:flex;align-items:center;gap:.25rem;width:1.5em;height:1.5em;min-height:0;font-size:inherit;color:inherit}.middle-dropdown-button span{margin:0}.middle-dropdown-button svg{margin:0;flex-shrink:0;width:1.4em;height:1.4em}.overlay{display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:calc(var(--header-z-index, 10) + 1);opacity:0;visibility:hidden;transition:opacity 500ms,visibility 0s 500ms}.overlay.open{visibility:visible;opacity:1;transition:opacity 500ms,visibility 0s 0s}.overlay-container{position:relative;background:#fff;box-shadow:0 0 40px rgba(0,0,0,.6);transform:translateY(3rem);opacity:0;transition:transform 500ms,opacity 500ms}iframe{display:block;width:1px;min-width:100%;overflow:auto;max-height:80vh}.overlay-close{position:absolute !important;top:1rem;right:1rem;cursor:pointer;padding:.5rem;color:rgba(0,0,0,.8)}.overlay-close:hover,.overlay-close:focus{color:#000}.overlay-close.phone{color:#fff}.overlay-close.phone:hover,.overlay-close.phone:focus{color:rgba(255,255,255,.8)}@media(min-width: 600px){.overlay-close span{position:static;width:auto;height:auto;margin:auto;overflow:visible;clip:auto;visibility:visible}}.loader-wrapper{position:absolute;display:grid;place-items:center;width:100%;height:100%;top:0;left:0}.loaded .loader-wrapper{display:none}.hidden-control-breadcrumbs{position:absolute;top:100%;width:0;overflow:hidden;display:flex;pointer-events:none}.hidden-control-breadcrumbs .breadcrumbs-nav{flex-shrink:0}.hidden-control-breadcrumbs .breadcrumbs-list li{flex-shrink:0}

package/dist/collection/components/post-internet-breadcrumbs/post-internet-breadcrumbs.js

@@ -1,323 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { debounce } from "throttle-debounce";
-import { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } from "body-scroll-lock";
-import { SvgIcon } from "../../utils/svg-icon.component";
-import { state } from "../../data/store";
-import { OverlayComponent } from "./components/overlay.component";
-import { iframeResizer } from "iframe-resizer";
-import { SvgSprite } from "../../utils/svg-sprite.component";
-import { BreadcrumbList } from "./components/breadcrumb-list.component";
-import { prefersReducedMotion } from "../../utils/utils";
-export class PostInternetBreadcrumbs {
-    constructor() {
-        this.customItems = undefined;
-        this.hideButtons = false;
-        this.customBreadcrumbItems = undefined;
-        this.overlayVisible = undefined;
-        this.isConcatenated = undefined;
-        this.dropdownOpen = false;
-        this.refsReady = false;
-    }
-    /**
-     * Toggle an overlay associated with a button.
-     * @param {IBreadcrumbOverlay['id']} overlayId
-     */
-    async toggleOverlayById(overlayId) {
-        var _a, _b;
-        const buttons = (_a = state.localizedConfig) === null || _a === void 0 ? void 0 : _a.breadcrumb.buttons;
-        const overlay = (_b = buttons === null || buttons === void 0 ? void 0 : buttons.find(button => button.overlay.id === overlayId)) === null || _b === void 0 ? void 0 : _b.overlay;
-        if (!overlay) {
-            console.warn(`Internet Header: Failed to toggle overlay with id #${overlayId} as it was not found in the breadcrumb buttons config.`);
-            return;
-        }
-        this.toggleOverlay(overlay);
-    }
-    connectedCallback() {
-        this.debouncedResize = debounce(200, this.handleResize.bind(this));
-        window.addEventListener('resize', this.debouncedResize, { passive: true });
-    }
-    disconnectedCallback() {
-        window.removeEventListener('resize', this.debouncedResize);
-        window.removeEventListener('click', this.handleWindowClick);
-        clearAllBodyScrollLocks();
-    }
-    async componentWillLoad() {
-        // Wait for the config to arrive, then render the header
-        try {
-            this.customBreadcrumbItems =
-                typeof this.customItems === 'string' ? JSON.parse(this.customItems) : this.customItems;
-        }
-        catch (error) {
-            console.error(error);
-        }
-    }
-    componentDidLoad() {
-        // Initially check if breadcrumb items are concatenated
-        window.requestAnimationFrame(() => {
-            this.handleResize();
-        });
-    }
-    handleCustomConfigChange(newValue) {
-        try {
-            this.customBreadcrumbItems = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
-        }
-        catch (error) {
-            console.error(error);
-        }
-    }
-    handleResize() {
-        // Catch and exclude vertical resize events, e.g. scrolling in iPhone
-        if (window.innerWidth === this.lastWindowWidth) {
-            return;
-        }
-        this.lastWindowWidth = window.innerWidth;
-        this.checkConcatenation();
-    }
-    checkConcatenation() {
-        if (this.controlNavRef && this.visibleNavRef) {
-            this.refsReady = true;
-            // Delay the check
-            window.requestAnimationFrame(() => {
-                if (this.controlNavRef && this.visibleNavRef) {
-                    this.isConcatenated = this.controlNavRef.clientWidth > this.visibleNavRef.clientWidth;
-                }
-            });
-        }
-    }
-    toggleOverlay(overlay, force) {
-        var _a;
-        const newVisibility = force !== null && force !== void 0 ? force : !this.overlayVisible;
-        if (newVisibility) {
-            // Will trigger overlayRef() once the HTML is rendered
-            this.overlayVisible = newVisibility;
-            this.currentOverlay = overlay;
-            this.setBodyScroll(overlay);
-        }
-        else {
-            const activeToggler = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.breadcrumb-buttons [aria-expanded="true"]');
-            if (this.openAnimation && this.loadedAnimation) {
-                this.openAnimation.reverse();
-                this.loadedAnimation.reverse();
-                // Delay hiding overlay until after the animation finishes
-                Promise.all([this.openAnimation.finished, this.loadedAnimation.finished]).then(() => {
-                    if (activeToggler) {
-                        activeToggler.focus();
-                    }
-                    this.overlayVisible = newVisibility;
-                    this.setBodyScroll(overlay);
-                });
-            }
-        }
-    }
-    /**
-     * Disable or re-enable body scrolling, depending on whether overlay is visible or not
-     */
-    setBodyScroll(overlay) {
-        if (this.overlayVisible) {
-            // @ts-ignore
-            disableBodyScroll(overlay, { reserveScrollBarGap: true });
-        }
-        else {
-            // @ts-ignore
-            enableBodyScroll(overlay);
-        }
-    }
-    toggleDropdown(force) {
-        this.dropdownOpen = force !== null && force !== void 0 ? force : !this.dropdownOpen;
-        if (this.dropdownOpen) {
-            requestAnimationFrame(() => {
-                document.addEventListener('click', this.handleWindowClick.bind(this), { once: true });
-            });
-        }
-    }
-    handleWindowClick() {
-        this.toggleDropdown(false);
-    }
-    registerIFrameResizer(iFrame) {
-        if (!iFrame) {
-            return;
-        }
-        iFrame.addEventListener('load', () => {
-            var _a, _b, _c;
-            iframeResizer({
-                heightCalculationMethod: 'taggedElement',
-                scrolling: true,
-                checkOrigin: false,
-            }, iFrame);
-            const duration = prefersReducedMotion ? 0 : 300;
-            this.loadedAnimation = (_a = iFrame.parentElement) === null || _a === void 0 ? void 0 : _a.animate([{ opacity: 1, visibility: 'visible', transform: 'translateY(0px)' }], { duration, fill: 'forwards' });
-            (_b = iFrame.closest('[role=dialog]')) === null || _b === void 0 ? void 0 : _b.classList.add('loaded');
-            (_c = this.loadedAnimation) === null || _c === void 0 ? void 0 : _c.finished.then(() => {
-                var _a;
-                (_a = iFrame.parentElement) === null || _a === void 0 ? void 0 : _a.focus();
-            });
-        });
-    }
-    /**
-     * Reference function for the overlay element got called. It is either null (overlay closed)
-     * or contains the overlay element as parameter.
-     * @param e Overlay element or null
-     * @returns void
-     */
-    overlayRef(e) {
-        if (!e) {
-            return;
-        }
-        const duration = prefersReducedMotion ? 0 : 500;
-        this.openAnimation = e.animate([{ opacity: 1, visibility: 'visible' }], {
-            duration,
-            fill: 'forwards',
-        });
-    }
-    handleKeyDown(event) {
-        if (event.key.toLowerCase() === 'escape') {
-            this.toggleOverlay(this.currentOverlay, false);
-        }
-    }
-    handleToggleDropdown() {
-        this.toggleDropdown();
-    }
-    handleToggleOverlay() {
-        this.toggleOverlay(this.currentOverlay, false);
-    }
-    handleControlNavRef(element) {
-        this.controlNavRef = element;
-        this.checkConcatenation();
-    }
-    handleVisibleNavRef(element) {
-        this.visibleNavRef = element;
-        this.checkConcatenation();
-    }
-    render() {
-        // There is something wrong entirely
-        // eslint-disable-next-line @stencil-community/strict-boolean-conditions
-        if (!state) {
-            console.warn(`Internet Breadcrumbs: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`);
-            return null;
-        }
-        // Config is not loaded yet
-        if (!state.localizedConfig) {
-            return null;
-        }
-        // Config has loaded but there is no breadcrumbs config
-        // eslint-disable-next-line @stencil-community/strict-boolean-conditions
-        if (!state.localizedConfig.breadcrumb) {
-            console.warn(`Internet Header: Current project "${state.projectId}" does not include a breadcrumb config. The breadcrumbs will not be rendered. Remove `, document.querySelector('swisspost-internet-breadcrumbs'), `from your markup or configure the breadcrumbs in your portal config to stop seeing this warning.`);
-            return null;
-        }
-        const breadcrumbConfig = state.localizedConfig.breadcrumb;
-        const items = this.customBreadcrumbItems !== undefined
-            ? [...breadcrumbConfig.items, ...this.customBreadcrumbItems]
-            : breadcrumbConfig.items;
-        return (h(Host, null, h(SvgSprite, null), h("div", { class: "breadcrumbs" }, h("div", { class: "hidden-control-breadcrumbs", "aria-hidden": "true", tabindex: "-1" }, h("nav", { class: "breadcrumbs-nav", ref: e => e !== undefined && this.handleControlNavRef(e) }, h(BreadcrumbList, { items: items, focusable: false, clickHandler: () => { } }))), h("nav", { "aria-label": breadcrumbConfig.a11yLabel, ref: e => e !== undefined && this.handleVisibleNavRef(e), class: {
-                'breadcrumbs-nav': true,
-                'visually-hidden': !this.refsReady,
-            } }, h(BreadcrumbList, { items: items, dropdownOpen: this.dropdownOpen, isConcatenated: this.isConcatenated, clickHandler: () => this.handleToggleDropdown() })), !this.hideButtons && (h("div", { class: "breadcrumb-buttons" }, breadcrumbConfig.buttons.map(button => (h("button", { class: "btn btn-secondary btn-icon", key: button.text, "aria-expanded": `${Boolean(this.overlayVisible && this.currentOverlay === button.overlay)}`, onClick: () => this.toggleOverlay(button.overlay, true) }, h(SvgIcon, { name: button.svgIcon.name }), h("span", { class: "visually-hidden" }, button.text)))))), this.overlayVisible && (h(OverlayComponent, { overlayRef: e => e !== undefined && this.overlayRef(e), iFrameRef: e => e !== undefined && this.registerIFrameResizer(e), overlay: this.currentOverlay, onClick: () => this.handleToggleOverlay(), onKeyDown: (e) => this.handleKeyDown(e), closeButtonText: state.localizedConfig.header.translations.closeButtonText }))), h("slot", null)));
-    }
-    static get is() { return "swisspost-internet-breadcrumbs"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["post-internet-breadcrumbs.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["post-internet-breadcrumbs.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "customItems": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | IBreadcrumbItem[]",
-                    "resolved": "IBreadcrumbItem[] | string | undefined",
-                    "references": {
-                        "IBreadcrumbItem": {
-                            "location": "import",
-                            "path": "../../models/breadcrumbs.model",
-                            "id": "src/models/breadcrumbs.model.ts::IBreadcrumbItem"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Add custom breadcrumb items to the end of the pre-configured list. Handy if your online service has its own navigation structure."
-                },
-                "attribute": "custom-items",
-                "reflect": false
-            },
-            "hideButtons": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Hide all buttons."
-                },
-                "attribute": "hide-buttons",
-                "reflect": false,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "customBreadcrumbItems": {},
-            "overlayVisible": {},
-            "isConcatenated": {},
-            "dropdownOpen": {},
-            "refsReady": {}
-        };
-    }
-    static get methods() {
-        return {
-            "toggleOverlayById": {
-                "complexType": {
-                    "signature": "(overlayId: IBreadcrumbOverlay['id']) => Promise<void>",
-                    "parameters": [{
-                            "name": "overlayId",
-                            "type": "string",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "IBreadcrumbOverlay": {
-                            "location": "import",
-                            "path": "../../models/breadcrumbs.model",
-                            "id": "src/models/breadcrumbs.model.ts::IBreadcrumbOverlay"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Toggle an overlay associated with a button.",
-                    "tags": [{
-                            "name": "param",
-                            "text": "overlayId"
-                        }]
-                }
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "customItems",
-                "methodName": "handleCustomConfigChange"
-            }];
-    }
-}

package/dist/collection/components/post-internet-footer/components/post-footer-block-address.component.js

@@ -1,11 +0,0 @@
-import { h } from "@stencil/core";
-import { PostFooterBlockSocials } from "./post-footer-block-socials.component";
-export const PostFooterBlockAddress = (props) => {
-    return (h("div", { class: "block-address" }, h("h3", null, props.block.title), props.block.content &&
-        props.block.content
-            .filter(content => content.address)
-            .map(content => (h("address", { class: "vcard", key: content.address }, h("span", { class: "adr", innerHTML: content.address })))), props.block.content &&
-        props.block.content
-            .filter(content => content.links && content.links.length)
-            .map(content => h(PostFooterBlockSocials, { key: content.name, content: content }))));
-};

package/dist/collection/components/post-internet-footer/components/post-footer-block-contact.component.js

@@ -1,26 +0,0 @@
-import { h } from "@stencil/core";
-function stripHtml(html) {
-    const doc = new DOMParser().parseFromString(html, 'text/html');
-    return doc.body.textContent || '';
-}
-const callUnblu = () => {
-    if (typeof window['unbluLSLoad'] === 'function') {
-        window['unbluLSLoad']();
-    }
-    else {
-        console.error('swisspost-internet-footer: The function "unbluLSLoad" could not be called because it is not available in the global scope. Did you include the unblu live chat script on your page?');
-    }
-};
-const LiveSupport = (props) => (h("button", { class: "hours btn btn-link", id: "liveSupport", type: "button", onClick: callUnblu, innerHTML: stripHtml(props.hours) }));
-export const PostFooterBlockContact = (props) => {
-    return (h("div", { class: "block-contact" }, h("h3", null, props.block.title), props.block.content &&
-        props.block.content.map((content, index) => {
-            const isLiveSupport = index === props.block.content.length - 1 && content.text === 'Live Support';
-            if (isLiveSupport && !props.liveSupportEnabled) {
-                return null;
-            }
-            return (h("div", { class: "content-row", key: content.name }, content.number !== undefined ? h("p", { class: "number" }, content.number) : null, content.text !== undefined ? h("p", { class: "text" }, content.text) : null, content.hours && isLiveSupport && h(LiveSupport, { hours: content.hours }), content.hours && !isLiveSupport && (
-            // Some values arrive in the form of <p>8&mdash;12</p> and without replace and innerHTML, tags get rendered as text (project="klp" language="en" environment="int02")
-            h("p", { class: "hours", innerHTML: stripHtml(content.hours) })), content.describe !== undefined ? h("p", { class: "describe" }, content.describe) : null));
-        })));
-};

package/dist/collection/components/post-internet-footer/components/post-footer-block-custom.component.js

@@ -1,5 +0,0 @@
-import { h } from "@stencil/core";
-export const PostFooterBlockCustom = (props) => {
-    return (h("div", { class: "pre-footer" }, h("div", { class: "block-custom container" }, h("h3", null, props.block.title), h("ul", { class: "no-list box link-list" }, props.block.links &&
-        props.block.links.map(link => (h("li", { key: link.url }, h("a", { class: "flyout-link", href: link.url, target: link.target }, link.text))))))));
-};

package/dist/collection/components/post-internet-footer/components/post-footer-block-list.component.js

@@ -1,5 +0,0 @@
-import { h } from "@stencil/core";
-export const PostFooterBlockList = (props) => {
-    return (h("div", { class: "block-list" }, h("h3", null, props.block.title), h("ul", { class: "no-list box link-list" }, props.block.links &&
-        props.block.links.map(link => (h("li", { key: link.url }, h("a", { class: "flyout-link", href: link.url, target: link.target }, link.text)))))));
-};

package/dist/collection/components/post-internet-footer/components/post-footer-block-socials.component.js

@@ -1,4 +0,0 @@
-import { h } from "@stencil/core";
-export const PostFooterBlockSocials = (props) => {
-    return (h("div", { class: "block-socials" }, h("h3", null, props.content.title), h("ul", { class: "no-list socials" }, props.content.links.map(link => (h("li", { key: link.url }, h("a", { href: link.url, target: link.target }, h("span", { class: "visually-hidden" }, link.name), h("svg", { "aria-hidden": "true" }, h("use", { href: `#${link.icon}` })))))))));
-};

package/dist/collection/components/post-internet-header/logo-animation/logo-animation.js

@@ -1,37 +0,0 @@
-import { debounce } from "throttle-debounce";
-import { getScrollParent } from "../../../utils/scrollparent";
-import { getLogoScale } from "./logo-scale";
-export const registerLogoAnimationObserver = (target, headerRef) => {
-    const scrollParent = getScrollParent(headerRef);
-    /**
-     * Set intersection ratio as CSS custom property
-     */
-    const handleScroll = () => {
-        headerRef.style.setProperty('--logo-scale', getLogoScale(headerRef, target));
-    };
-    const debounced = debounce(150, handleScroll);
-    /**
-     * Observe the meta navigation in order to not track scroll events throughout the whole page.
-     * This ensures that the scroll listener is only active while the meta navigation is visible.
-     */
-    const observer = new IntersectionObserver(entries => {
-        entries.forEach(entry => {
-            if (entry.isIntersecting && entry.intersectionRatio > 0) {
-                scrollParent.addEventListener('scroll', handleScroll, { passive: true });
-                window.addEventListener('resize', debounced);
-                // Ensure callback is called at least once in case main thread is too busy while scrolling up
-                window.requestAnimationFrame(handleScroll);
-            }
-            else {
-                scrollParent.removeEventListener('scroll', handleScroll);
-                window.removeEventListener('resize', debounced);
-                window.requestAnimationFrame(handleScroll);
-            }
-        });
-    }, {
-        // Fires when element leaves viewport (0) and when it just about enters it (0.001)
-        threshold: [0, 0.001],
-    });
-    observer.observe(target);
-    return handleScroll;
-};