@swisspost/internet-header 1.5.0-beta.0

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

@@ -0,0 +1,2724 @@
+/**
+ * Colors used by the post style guide
+ */
+/**
+ * Maps. Allow maps to have custom colors from the project
+ * by always merging into a default empty map
+ */
+/**
+ * Override the necessary bootstrap
+ * colors and maps using colors from
+ * the post style guide only.
+ *
+ * Other bootstrap colors
+ * will be available as sass-variables
+ * but should not be used.
+*/
+/**
+ * Colors used by the post style guide
+ */
+/**
+ * Maps. Allow maps to have custom colors from the project
+ * by always merging into a default empty map
+ */
+/*!
+ * 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.
+ */
+.btn-close {
+  box-sizing: content-box;
+  width: 1.5rem;
+  height: 1.5rem;
+  padding: 1rem 1rem;
+  color: #000;
+  background: transparent url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23000000' d='M16.267 16.667l6.667-6.533-0.933-1.067-6.667 6.667-6.667-6.667-0.933 1.067 6.667 6.533-6.667 6.667 1.067 0.933 6.533-6.667 6.667 6.667 0.933-1.067z'%3E%3C/path%3E%3C/svg%3E") center/1.5rem auto no-repeat;
+  border: 0;
+  border-radius: 3px;
+  opacity: 0.5;
+}
+.btn-close:hover {
+  color: #000;
+  text-decoration: none;
+  opacity: 0.75;
+}
+.btn-close:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.125rem rgba(51, 51, 51, 0.25);
+  opacity: 1;
+}
+.btn-close:disabled, .btn-close.disabled {
+  pointer-events: none;
+  user-select: none;
+  opacity: 0.25;
+}
+
+.btn-close-white {
+  filter: invert(1) grayscale(100%) brightness(200%);
+}
+
+.btn-close {
+  height: unset;
+  min-height: 1.5rem;
+}
+@media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black) {
+  .btn-close {
+    opacity: 1;
+    background: transparent url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23ffffff' d='M16.267 16.667l6.667-6.533-0.933-1.067-6.667 6.667-6.667-6.667-0.933 1.067 6.667 6.533-6.667 6.667 1.067 0.933 6.533-6.667 6.667 6.667 0.933-1.067z'%3E%3C/path%3E%3C/svg%3E") center/1.5rem auto no-repeat;
+  }
+}
+.btn-close:focus {
+  outline: 2px solid var(--post-contrast-color);
+  box-shadow: none;
+}
+.btn-close:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+@media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black) {
+  .btn-close-white {
+    filter: none;
+  }
+}
+
+/**
+ * Generate responsive size properties for things like height, width, margin, padding, etc.
+ * @param $curve-size One of the curve sizes predefined at https://www.experience-hub.ch/document/2307#/grundlagen-web/abstaende
+ * @param $property Property key (height, width, padding, margin, top, etc.)
+ * @param $template Value template string used for shorthand declarations like padding ("$value auto" = padding: 1rem auto)
+ */
+/* stylelint-disable */
+/* stylelint-enable */
+.btn-default,
+.btn-secondary {
+  border: 2px solid rgba(var(--post-contrast-color-rgb), 0.2);
+}
+.btn-default:focus,
+.btn-secondary:focus, .btn-default:not(:disabled):hover,
+.btn-secondary:not(:disabled):hover, .pretend-hover.btn-default,
+.pretend-hover.btn-secondary {
+  border-color: var(--post-contrast-color);
+  color: var(--post-contrast-color);
+}
+:is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default,
+:is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary {
+  border-color: var(--post-contrast-color);
+}
+:is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default:focus,
+:is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary:focus, :is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default:not(:disabled):hover,
+:is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary:not(:disabled):hover, :is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .pretend-hover.btn-default,
+:is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .pretend-hover.btn-secondary {
+  border-color: rgba(var(--post-contrast-color-rgb), 0.4);
+}
+.btn-default:disabled,
+.btn-secondary:disabled {
+  border-color: rgba(var(--post-contrast-color-rgb), 0.4);
+  color: rgba(var(--post-contrast-color-rgb), 0.6);
+}
+
+.btn {
+  min-height: 3rem;
+  padding: 0 2rem;
+  font-size: 1rem;
+  gap: 1rem;
+  outline: none;
+  outline-offset: 2px;
+  /* Compatibility with button-group */
+  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: 3px;
+  background-color: transparent;
+  box-shadow: none;
+  color: var(--post-contrast-color);
+  font-family: inherit;
+  font-weight: 400;
+  line-height: inherit;
+  text-decoration: none !important;
+  white-space: nowrap;
+}
+.btn > .pi {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.btn:is(:focus-visible, :focus-within, .pretend-focus) {
+  outline: 2px solid var(--post-contrast-color);
+}
+
+.btn-primary {
+  border-color: transparent;
+  background-color: rgba(var(--post-contrast-color-rgb), 0.8);
+  color: var(--post-contrast-color-inverted);
+}
+.btn-primary:focus, .btn-primary:not(:disabled):hover, .btn-primary.pretend-hover {
+  background-color: var(--post-contrast-color);
+  color: var(--post-contrast-color-inverted);
+}
+:is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary {
+  background-color: var(--post-contrast-color);
+}
+:is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary:focus, :is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary:not(:disabled):hover, :is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary.pretend-hover {
+  background-color: rgba(var(--post-contrast-color-rgb), 0.8);
+}
+:is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-primary .pi {
+  filter: invert(0);
+}
+@media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black) {
+  .btn-primary {
+    border-color: var(--post-contrast-color);
+    background-color: ButtonFace;
+  }
+  .btn-primary:not(:disabled, .disabled):hover, .btn-primary:not(:disabled, .disabled):focus-visible {
+    border-color: highlight;
+  }
+  .btn-primary .pi {
+    filter: invert(1) !important;
+  }
+}
+.btn-primary:disabled {
+  background-color: rgba(var(--post-contrast-color-rgb), 0.4);
+}
+.btn-primary .pi {
+  filter: invert(1);
+  forced-color-adjust: none;
+}
+
+:is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-default .pi,
+:is(.bg-dark, .bg-primary, .bg-black, .bg-success, .bg-danger, .bg-nightblue, .bg-nightblue-bright, .bg-petrol, .bg-petrol-bright, .bg-coral, .bg-coral-bright, .bg-olive, .bg-purple, .bg-purple-bright, .bg-aubergine, .bg-aubergine-bright) .btn-secondary .pi {
+  filter: invert(1);
+}
+
+.btn-link,
+.btn-tertiary {
+  border: 0;
+  padding-right: 0.375rem;
+  padding-left: 0.375rem;
+}
+.btn-link:focus, .btn-link:not(:disabled):hover, .btn-link.pretend-hover,
+.btn-tertiary:focus,
+.btn-tertiary:not(:disabled):hover,
+.btn-tertiary.pretend-hover {
+  color: rgba(var(--post-contrast-color-rgb), 0.8);
+}
+.btn-link:disabled,
+.btn-tertiary:disabled {
+  color: rgba(var(--post-contrast-color-rgb), 0.6);
+}
+@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: 0.75rem;
+  padding-left: 0.75rem;
+}
+.btn-icon.btn-sm {
+  min-width: 2rem;
+  padding-right: 0.375rem;
+  padding-left: 0.375rem;
+}
+.btn-icon.btn-rg {
+  min-width: 2.5rem;
+  padding-right: 0.5625rem;
+  padding-left: 0.5625rem;
+}
+.btn-icon.btn-lg {
+  min-width: 3.5rem;
+  padding-right: 0.875rem;
+  padding-left: 0.875rem;
+}
+
+.btn-animated:not(.btn-link, .btn-tertiary)::after {
+  content: "";
+  position: absolute;
+  right: 1.25rem;
+  width: 0.625em;
+  height: 0.625em;
+  transform: rotateZ(315deg) translate(-2px, -2px);
+  transform-origin: center center;
+  transition: opacity 250ms, transform 250ms;
+  border-right: 2px solid currentColor;
+  border-bottom: 2px solid currentColor;
+  opacity: 0;
+}
+.btn-animated:not(.btn-link, .btn-tertiary).btn-sm::after {
+  right: 0.5rem;
+}
+.btn-animated:not(.btn-link, .btn-tertiary).btn-rg::after {
+  right: 0.875rem;
+}
+.btn-animated:not(.btn-link, .btn-tertiary).btn-lg::after {
+  right: 1.5rem;
+}
+.btn-animated:not(.btn-link, .btn-tertiary) > span {
+  transition: transform 250ms;
+}
+@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.75rem);
+  }
+  .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.625rem);
+  }
+  .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(-1rem);
+  }
+  .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 {
+    transform: rotateZ(315deg) translate(0, 0);
+    opacity: 1;
+  }
+  .btn-animated:not(.btn-link, .btn-tertiary) > span {
+    transform: translateX(0);
+  }
+}
+
+.btn-sm {
+  min-height: 2rem;
+  padding: 0 1rem;
+  font-size: 0.8125rem;
+  gap: 0.5rem;
+}
+.btn-sm > .pi {
+  width: 1rem;
+  height: 1rem;
+}
+
+.btn-rg {
+  min-height: 2.5rem;
+  padding: 0 1.5rem;
+  font-size: 1rem;
+  gap: 0.75rem;
+}
+.btn-rg > .pi {
+  width: 1.125rem;
+  height: 1.125rem;
+}
+
+.btn-lg {
+  min-height: 3.5rem;
+  padding: 0 2.5rem;
+  font-size: 1.0625rem;
+  gap: 1.25rem;
+}
+.btn-lg > .pi {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.btn-nightblue {
+  border-color: transparent;
+  background-color: #004976;
+  color: #fff;
+}
+.btn-nightblue:focus, .btn-nightblue:not(:disabled):hover, .btn-nightblue.pretend-hover {
+  background-color: #002943;
+}
+
+.btn-nightblue-bright {
+  border-color: transparent;
+  background-color: #0076a8;
+  color: #fff;
+}
+.btn-nightblue-bright:focus, .btn-nightblue-bright:not(:disabled):hover, .btn-nightblue-bright.pretend-hover {
+  background-color: #005275;
+}
+
+.btn-petrol {
+  border-color: transparent;
+  background-color: #006d68;
+  color: #fff;
+}
+.btn-petrol:focus, .btn-petrol:not(:disabled):hover, .btn-petrol.pretend-hover {
+  background-color: #003a37;
+}
+
+.btn-petrol-bright {
+  border-color: transparent;
+  background-color: #00968f;
+  color: #fff;
+}
+.btn-petrol-bright:focus, .btn-petrol-bright:not(:disabled):hover, .btn-petrol-bright.pretend-hover {
+  background-color: #00635e;
+}
+
+.btn-coral {
+  border-color: transparent;
+  background-color: #9e2a2f;
+  color: #fff;
+}
+.btn-coral:focus, .btn-coral:not(:disabled):hover, .btn-coral.pretend-hover {
+  background-color: #761f23;
+}
+
+.btn-coral-bright {
+  border-color: transparent;
+  background-color: #e03c31;
+  color: #fff;
+}
+.btn-coral-bright:focus, .btn-coral-bright:not(:disabled):hover, .btn-coral-bright.pretend-hover {
+  background-color: #c1271d;
+}
+
+.btn-olive {
+  border-color: transparent;
+  background-color: #716135;
+  color: #fff;
+}
+.btn-olive:focus, .btn-olive:not(:disabled):hover, .btn-olive.pretend-hover {
+  background-color: #4e4325;
+}
+
+.btn-olive-bright {
+  border-color: transparent;
+  background-color: #aa9d2e;
+}
+.btn-olive-bright:focus, .btn-olive-bright:not(:disabled):hover, .btn-olive-bright.pretend-hover {
+  background-color: #827823;
+}
+
+.btn-purple {
+  border-color: transparent;
+  background-color: #80276c;
+  color: #fff;
+}
+.btn-purple:focus, .btn-purple:not(:disabled):hover, .btn-purple.pretend-hover {
+  background-color: #591b4b;
+}
+
+.btn-purple-bright {
+  border-color: transparent;
+  background-color: #c5299b;
+  color: #fff;
+}
+.btn-purple-bright:focus, .btn-purple-bright:not(:disabled):hover, .btn-purple-bright.pretend-hover {
+  background-color: #9b207a;
+}
+
+.btn-aubergine {
+  border-color: transparent;
+  background-color: #523178;
+  color: #fff;
+}
+.btn-aubergine:focus, .btn-aubergine:not(:disabled):hover, .btn-aubergine.pretend-hover {
+  background-color: #392254;
+}
+
+.btn-aubergine-bright {
+  border-color: transparent;
+  background-color: #7566a0;
+  color: #fff;
+}
+.btn-aubergine-bright:focus, .btn-aubergine-bright:not(:disabled):hover, .btn-aubergine-bright.pretend-hover {
+  background-color: #5e5182;
+}
+
+.btn-success {
+  border-color: transparent;
+  background-color: #2c911c;
+  color: #fff;
+}
+.btn-success:focus, .btn-success:not(:disabled):hover, .btn-success.pretend-hover {
+  background-color: #1f6614;
+}
+
+.btn-info {
+  border-color: transparent;
+  background-color: #fc0;
+}
+.btn-info:focus, .btn-info:not(:disabled):hover, .btn-info.pretend-hover {
+  background-color: #cca300;
+}
+
+.btn-warning {
+  border-color: transparent;
+  background-color: #f49e00;
+}
+.btn-warning:focus, .btn-warning:not(:disabled):hover, .btn-warning.pretend-hover {
+  background-color: #c17d00;
+}
+
+.btn-danger {
+  border-color: transparent;
+  background-color: #a51728;
+  color: #fff;
+}
+.btn-danger:focus, .btn-danger:not(:disabled):hover, .btn-danger.pretend-hover {
+  background-color: #78111d;
+}
+
+.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) * 0.5);
+  padding-left: calc(var(--bs-gutter-x) * 0.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.3333333333%;
+}
+
+.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.6666666667%;
+}
+
+.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.3333333333%;
+  }
+
+  .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.6666666667%;
+  }
+
+  .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.3333333333%;
+  }
+
+  .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.6666666667%;
+  }
+
+  .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.3333333333%;
+  }
+
+  .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.6666666667%;
+  }
+
+  .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.3333333333%;
+  }
+
+  .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.6666666667%;
+  }
+
+  .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.3333333333%;
+  }
+
+  .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.6666666667%;
+  }
+
+  .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: 1441px) {
+  .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.3333333333%;
+  }
+
+  .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.6666666667%;
+  }
+
+  .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-xs {
+  width: 100%;
+  padding-right: var(--bs-gutter-x, 15px);
+  padding-left: var(--bs-gutter-x, 15px);
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.container {
+  max-width: 1440px;
+}
+
+.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 {
+  padding-right: 12px;
+  padding-left: 12px;
+}
+
+.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 {
+    padding-right: 16px;
+    padding-left: 16px;
+  }
+}
+
+@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) {
+  .container {
+    padding-right: 32px;
+    padding-left: 32px;
+  }
+}
+
+@media (min-width: 600px) {
+  .container-reset {
+    margin-right: -32px;
+    margin-left: -32px;
+  }
+}
+
+@media (min-width: 600px) {
+  .container-reset-left {
+    margin-left: -32px;
+  }
+}
+
+@media (min-width: 600px) {
+  .container-reset-right {
+    margin-right: -32px;
+  }
+}
+
+@media (min-width: 600px) and (max-width: 779.98px) {
+  .container-fluid-rg {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+}
+
+@media (min-width: 780px) and (max-width: 1023.98px) {
+  .container-fluid-md {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .container {
+    padding-right: 40px;
+    padding-left: 40px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .container-reset {
+    margin-right: -40px;
+    margin-left: -40px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .container-reset-left {
+    margin-left: -40px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .container-reset-right {
+    margin-right: -40px;
+  }
+}
+
+@media (min-width: 1024px) and (max-width: 1279.98px) {
+  .container-fluid-lg {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+}
+
+@media (min-width: 1280px) {
+  .container {
+    padding-right: 128px;
+    padding-left: 128px;
+  }
+}
+
+@media (min-width: 1280px) {
+  .container-reset {
+    margin-right: -128px;
+    margin-left: -128px;
+  }
+}
+
+@media (min-width: 1280px) {
+  .container-reset-left {
+    margin-left: -128px;
+  }
+}
+
+@media (min-width: 1280px) {
+  .container-reset-right {
+    margin-right: -128px;
+  }
+}
+
+@media (min-width: 1280px) and (max-width: 1440.98px) {
+  .container-fluid-xl {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+}
+
+@media (min-width: 1441px) {
+  .container-fluid-xxl {
+    padding-right: 1rem;
+    padding-left: 1rem;
+  }
+}
+
+@keyframes progress-bar-stripes {
+  0% {
+    background-position-x: 1rem;
+  }
+}
+.progress {
+  display: flex;
+  height: 1rem;
+  overflow: hidden;
+  font-size: 0.75rem;
+  background-color: #cccccc;
+  border-radius: 3px;
+}
+
+.progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow: hidden;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #333333;
+  transition: width 0.6s ease;
+}
+@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: 1rem 1rem;
+}
+
+.progress-bar-animated {
+  animation: 1s linear infinite progress-bar-stripes;
+}
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar-animated {
+    animation: none;
+  }
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.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: 3.5rem;
+  height: 3.5rem;
+  animation: spin 2s linear infinite;
+  border: 6px solid #fc0;
+  border-radius: 50%;
+  border-right-color: transparent;
+  border-bottom-color: #e6e6e6;
+}
+.loader.loader-sm {
+  width: 2rem;
+  height: 2rem;
+  border-width: 0.25rem;
+}
+.loader.loader-xs {
+  width: 0.75rem;
+  height: 0.75rem;
+  border-width: 2px;
+}
+@media (forced-colors: active), (-ms-high-contrast: active), (-ms-high-contrast: white-on-black) {
+  .loader {
+    border-color: Highlight;
+    border-bottom-color: CanvasText;
+    border-right-color: Canvas;
+  }
+  @supports (forced-color-adjust: none) {
+    .loader {
+      forced-color-adjust: none;
+      border-right-color: transparent;
+    }
+  }
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Frutiger Neue For Post";
+  font-weight: 700;
+  src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Bold.woff") format("woff");
+}
+@font-face {
+  font-display: swap;
+  font-family: "Frutiger Neue For Post";
+  font-weight: 400;
+  src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Rg.woff") format("woff");
+}
+@font-face {
+  font-display: swap;
+  font-family: "Frutiger Neue For Post";
+  font-weight: 300;
+  src: url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff2") format("woff2"), url("https://fonts.post.ch/frutigerneueforpost/v2/FrutigerNeueforPostW05-Lt.woff") format("woff");
+}
+*,
+:host,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+:host {
+  font-family: "Frutiger Neue For Post", system-ui, sans-serif;
+}
+
+button {
+  font: inherit;
+  padding: 0;
+}
+
+img,
+svg {
+  max-width: 100%;
+  max-height: 100%;
+}
+
+@media (forced-colors: active) {
+  svg {
+    color: white;
+  }
+}
+
+.no-list {
+  list-style: none;
+  padding-left: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.btn-blank {
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+}
+
+.nav-link {
+  text-decoration: none;
+  color: rgba(0, 0, 0, 0.8);
+  transition: color 200ms;
+  background-color: transparent;
+  border-radius: 0;
+  box-shadow: none;
+  border: 0;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.nav-link:hover, .nav-link:focus {
+  color: black;
+}
+.nav-link > svg {
+  width: 1.4em;
+  height: 1.4em;
+  flex-shrink: 0;
+}
+.nav-link > span {
+  flex-shrink: 1;
+}
+
+.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-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;
+  }
+}
+
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  border: 0;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+}
+
+@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: 1440.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;
+}
+@media (max-width: 599.98px) {
+  .breadcrumbs {
+    font-size: 0.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;
+}
+.breadcrumbs-list li:last-child a {
+  border: 2px solid transparent;
+  outline-offset: 0;
+}
+.breadcrumbs-list svg {
+  margin-left: 0 !important;
+  width: 1.5em;
+  height: 1.5em;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.breadcrumb-buttons {
+  display: flex;
+  justify-content: flex-end;
+  gap: 1rem;
+  flex-shrink: 0;
+}
+.breadcrumb-buttons .btn {
+  cursor: pointer;
+  gap: 0.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, 0.6);
+  font-weight: 400;
+}
+
+.middle-dropdown-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.middle-dropdown {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  background: white;
+  border: 1px solid #e6e6e6;
+  padding: 0.5rem 0;
+  z-index: 1;
+}
+.middle-dropdown .nav-link {
+  padding: 0.5rem 1rem;
+  transition: color 200ms;
+}
+.middle-dropdown .nav-link:hover {
+  background-color: #e6e6e6;
+}
+
+.middle-dropdown-button {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  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, 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: white;
+  box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
+  visibility: hidden;
+  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;
+  top: 1rem;
+  right: 1rem;
+  cursor: pointer;
+  padding: 0.5rem;
+  color: rgba(0, 0, 0, 0.8);
+}
+.overlay-close:hover, .overlay-close:focus {
+  color: black;
+}
+.overlay-close.phone {
+  color: white;
+}
+.overlay-close.phone:hover, .overlay-close.phone:focus {
+  color: rgba(255, 255, 255, 0.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;
+}
+
+.visually-hidden {
+  visibility: hidden;
+}