@charset "UTF-8";
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    transform-origin: 0;
  }

  .mfp-arrow-right {
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../../../dependencies/@accessible360/accessible-slick/slick/fonts/slick.eot");
  src: url("../../../dependencies/@accessible360/accessible-slick/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../../dependencies/@accessible360/accessible-slick/slick/fonts/slick.woff") format("woff"), url("../../../dependencies/@accessible360/accessible-slick/slick/fonts/slick.ttf") format("truetype"), url("../../../dependencies/@accessible360/accessible-slick/slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/**
  Slider
*/
.slick-loading .slick-list {
  background: #fff url("../../../dependencies/@accessible360/accessible-slick/slick/ajax-loader.gif") center center no-repeat;
}

/*=================================
  Previous and Next icon buttons
==================================*/
.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  border: none;
  transform: translate(0, -50%);
}
.slick-prev:hover .slick-prev-icon,
.slick-prev:hover .slick-next-icon, .slick-prev:focus .slick-prev-icon,
.slick-prev:focus .slick-next-icon,
.slick-next:hover .slick-prev-icon,
.slick-next:hover .slick-next-icon,
.slick-next:focus .slick-prev-icon,
.slick-next:focus .slick-next-icon {
  opacity: 1;
}
.slick-prev:focus,
.slick-next:focus {
  top: calc(50% - 1px);
}
.slick-prev:focus .slick-prev-icon,
.slick-prev:focus .slick-next-icon,
.slick-next:focus .slick-prev-icon,
.slick-next:focus .slick-next-icon {
  color: orange;
  font-size: 28px;
  margin-left: -2px;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  cursor: default;
}
.slick-prev.slick-disabled .slick-prev-icon,
.slick-prev.slick-disabled .slick-next-icon,
.slick-next.slick-disabled .slick-prev-icon,
.slick-next.slick-disabled .slick-next-icon {
  opacity: 0.25;
}
.slick-prev .slick-prev-icon,
.slick-prev .slick-next-icon,
.slick-next .slick-prev-icon,
.slick-next .slick-next-icon {
  display: block;
  color: black;
  opacity: 0.75;
  font-family: "slick";
  font-size: 24px;
  line-height: 1;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev .slick-prev-icon:before {
  content: "←";
}
[dir=rtl] .slick-prev .slick-prev-icon:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next .slick-next-icon:before {
  content: "→";
}
[dir=rtl] .slick-next .slick-next-icon:before {
  content: "←";
}

/*==========================
  Slide navigation dots
===========================*/
.slick-slider {
  margin-bottom: 30px;
}
.slick-slider.slick-dotted {
  margin-bottom: 60px;
}

.slick-dots {
  position: absolute;
  bottom: -30px;
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}
.slick-dots li button {
  display: block;
  height: 20px;
  width: 20px;
  margin-top: -4px;
  margin-left: -4px;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.slick-dots li button:hover .slick-dot-icon, .slick-dots li button:focus .slick-dot-icon {
  opacity: 1;
}
.slick-dots li button:focus .slick-dot-icon:before {
  color: orange;
}
.slick-dots li button .slick-dot-icon {
  color: black;
  opacity: 0.25;
}
.slick-dots li button .slick-dot-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  font-family: "slick";
  font-size: 12px;
  line-height: 1;
  text-align: center;
  transition: all 0.05s linear;
}
.slick-dots li.slick-active button:focus .slick-dot-icon {
  color: orange;
  opacity: 1;
}
.slick-dots li.slick-active button .slick-dot-icon {
  color: black;
  opacity: 1;
}
.slick-dots li.slick-active button .slick-dot-icon:before {
  margin-top: -3px;
  margin-left: -2px;
  font-size: 18px;
}

/**
 Improved .sr-only class by ffoodd: https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034
 */
.slick-sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/*===========================
  Pause/play icon button
============================*/
.slick-autoplay-toggle-button {
  position: absolute;
  left: 5px;
  bottom: -32px;
  z-index: 10;
  opacity: 0.75;
  background: none;
  border: 0;
  cursor: pointer;
  color: black;
}
.slick-autoplay-toggle-button:hover, .slick-autoplay-toggle-button:focus {
  opacity: 1;
}
.slick-autoplay-toggle-button:focus {
  color: orange;
}
.slick-autoplay-toggle-button .slick-pause-icon:before {
  content: "⏸";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
}
.slick-autoplay-toggle-button .slick-play-icon:before {
  content: "▶";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
}

.slick-dot-icon:before {
  display: none;
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

#toast-container * {
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > div:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
@keyframes infinite-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
html, body {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

:where(html) {
  hanging-punctuation: first allow-end last;
  scrollbar-gutter: stable;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}

:where(body) {
  line-height: 1.5;
  text-rendering: optimizeSpeed;
}

@media (prefers-reduced-motion: no-preference) {
  :where(html) {
    interpolate-size: allow-keywords;
  }
}
@media (forced-colors: active) {
  :where(mark) {
    color: HighlightText;
    background-color: Highlight;
  }
}
:where(canvas, img, picture, video) {
  block-size: auto;
  border: none;
  display: block;
  max-block-size: 100%;
  max-inline-size: 100%;
}

:where(a) {
  touch-action: manipulation;
}

:where(button, input, progress, select, textarea) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  color: inherit;
  font: inherit;
  hanging-punctuation: none;
  line-height: inherit;
  text-align: start;
  touch-action: manipulation;
}

:where(button) {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

:where(textarea) {
  resize: vertical;
}

:where(textarea:not([rows])) {
  field-sizing: content;
  min-block-size: 10em;
}

:where(fieldset, iframe) {
  border: none;
}

:where(fieldset) {
  min-inline-size: 0;
}

:where(label):has(+ :where(textarea, input, select)) {
  display: block;
}

:where([type="tel"], [type="url"], [type="email"], [type="number"]):not(:-moz-placeholder) {
  direction: ltr;
}

:where([type="tel"], [type="url"], [type="email"], [type="number"]):not(:placeholder-shown) {
  direction: ltr;
}

:where(p, li, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(p, li) {
  text-wrap: pretty;
}

:where(h1, h2, h3, h4, h5, h6) {
  text-wrap: balance;
}

:where(body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, ul, ol) {
  margin: 0;
}

:where(ul[role="list"], ol[role="list"]) {
  list-style: none;
}

:where(a:not([class])) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

:target {
  scroll-margin-block: 5ex;
}

[hidden]:not([hidden=until-found]) {
  display: none !important;
}

:where(sup, sub) {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

:where(sub) {
  top: 0.4em;
}

:root {
  --c-grayscale: #888;
  --c-grayscale-100: #f4f4f4;
  --c-grayscale-200: #eee;
  --c-grayscale-300: #ccc;
  --c-grayscale-400: #bbb;
  --c-grayscale-500: #888;
  --c-grayscale-600: #6b6b6b;
  --c-grayscale-700: #444;
  --c-grayscale-800: #222;
  --c-grayscale-900: #111;
  --c-primary-100: #F0F8FF;
  --c-primary-lightest: #E6F7FF;
  --c-primary-lighter: #D9EFFF;
  --c-primary-light: #89acfa;
  --c-primary: #345197;
  --c-primary-dark: #1a3a75;
  --c-secondary: #20c997;
  --c-action-lighter: #FAD877;
  --c-action: #F5BD29;
  --c-delete: #D90A0A;
  --c-delete-text: #900;
  --c-text: #111;
  --c-text-light: #6b6b6b;
  --c-link: #345197;
  --c-link-visited: #345197;
  --c-link-hover: #345197;
  --c-link-active: #345197;
  --c-background-light: #fff;
  --c-background: #eee;
  --c-background-dark: #ccc;
  --c-background-site: #eee;
  --c-background-content: #fff;
  --c-background-highlight: #F0F8FF;
  --c-success: #006631;
  --c-success-background: color-mix(in srgb, #006631 20%, #fff 80%);
  --c-error: #D90A0A;
  --c-error-background: color-mix(in srgb, #D90A0A 20%, #fff 80%);
  --c-warning: #F5BD29;
  --c-warning-background: color-mix(in srgb, #F5BD29 20%, #fff 80%);
  --c-info: #345197;
  --c-info-background: color-mix(in srgb, #345197 20%, #fff 80%);
  --c-discount: #D90A0A;
  --c-no-entries: #e83e8c;
  --spacer-0: 0;
  --spacer-1: 0.28125rem;
  --spacer-2: 0.5625rem;
  --spacer-3: 1.125rem;
  --spacer-4: 1.6875rem;
  --spacer-5: 3.375rem;
  --bp-mobile: 0;
  --bp-xs: 25rem;
  --bp-sm: 37.5rem;
  --bp-md: 46.25rem;
  --bp-lg: 61.25rem;
  --bp-xl: 76.25rem;
  --z-site-header: 30;
  --z-main-header: 40;
  --z-site-content: 20;
  --z-site-footer: 10;
  --z-site-search: 30;
  --z-nav-main: 35;
  --z-nav-sub: 25;
  --z-hero: 10;
  --z-tooltips: 50;
  --z-datepicker: 90;
  --z-privacy: 400;
}

.c-grayscale {
  color: #888 !important;
}

.c-grayscale-100 {
  color: #f4f4f4 !important;
}

.c-grayscale-200 {
  color: #eee !important;
}

.c-grayscale-300 {
  color: #ccc !important;
}

.c-grayscale-400 {
  color: #bbb !important;
}

.c-grayscale-500 {
  color: #888 !important;
}

.c-grayscale-600 {
  color: #6b6b6b !important;
}

.c-grayscale-700 {
  color: #444 !important;
}

.c-grayscale-800 {
  color: #222 !important;
}

.c-grayscale-900 {
  color: #111 !important;
}

.c-primary-100 {
  color: #F0F8FF !important;
}

.c-primary-lightest {
  color: #E6F7FF !important;
}

.c-primary-lighter {
  color: #D9EFFF !important;
}

.c-primary-light {
  color: #89acfa !important;
}

.c-primary {
  color: #345197 !important;
}

.c-primary-dark {
  color: #1a3a75 !important;
}

.c-secondary {
  color: #20c997 !important;
}

.c-action-lighter {
  color: #FAD877 !important;
}

.c-action {
  color: #F5BD29 !important;
}

.c-delete {
  color: #D90A0A !important;
}

.c-delete-text {
  color: #900 !important;
}

.c-text {
  color: #111 !important;
}

.c-text-light {
  color: #6b6b6b !important;
}

.c-link {
  color: #345197 !important;
}

.c-link-visited {
  color: #345197 !important;
}

.c-link-hover {
  color: #345197 !important;
}

.c-link-active {
  color: #345197 !important;
}

.c-background-light {
  color: #fff !important;
}

.c-background {
  color: #eee !important;
}

.c-background-dark {
  color: #ccc !important;
}

.c-background-site {
  color: #eee !important;
}

.c-background-content {
  color: #fff !important;
}

.c-background-highlight {
  color: #F0F8FF !important;
}

.c-success {
  color: #006631 !important;
}

.c-success-background {
  color: color-mix(in srgb, #006631 20%, #fff 80%) !important;
}

.c-error {
  color: #D90A0A !important;
}

.c-error-background {
  color: color-mix(in srgb, #D90A0A 20%, #fff 80%) !important;
}

.c-warning {
  color: #F5BD29 !important;
}

.c-warning-background {
  color: color-mix(in srgb, #F5BD29 20%, #fff 80%) !important;
}

.c-info {
  color: #345197 !important;
}

.c-info-background {
  color: color-mix(in srgb, #345197 20%, #fff 80%) !important;
}

.c-discount {
  color: #D90A0A !important;
}

.c-no-entries {
  color: #e83e8c !important;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-grid {
  display: grid !important;
}

.justify-content-flex-start {
  justify-content: flex-start !important;
}

.align-items-flex-start {
  align-items: flex-start !important;
}

.justify-content-flex-end {
  justify-content: flex-end !important;
}

.align-items-flex-end {
  align-items: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.align-items-center {
  align-items: center !important;
}

.justify-content-space-between {
  justify-content: space-between !important;
}

.align-items-space-between {
  align-items: space-between !important;
}

.justify-content-space-around {
  justify-content: space-around !important;
}

.align-items-space-around {
  align-items: space-around !important;
}

.justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.align-items-space-evenly {
  align-items: space-evenly !important;
}

.justify-content-stretch {
  justify-content: stretch !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.justify-content-baseline {
  justify-content: baseline !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.flex-direction-row {
  flex-direction: row !important;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-direction-column {
  flex-direction: column !important;
}

.flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-wrap {
  flex-wrap: wrap !important;
}

.flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-clip {
  overflow: clip !important;
}

.overflow-x-clip {
  overflow-x: clip !important;
}

.overflow-y-clip {
  overflow-y: clip !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.w-25 {
  inline-size: 25% !important;
}

.h-25 {
  block-size: 25% !important;
}

.flex-basis-25 {
  flex-basis: 25% !important;
}

.w-50 {
  inline-size: 50% !important;
}

.h-50 {
  block-size: 50% !important;
}

.flex-basis-50 {
  flex-basis: 50% !important;
}

.w-75 {
  inline-size: 75% !important;
}

.h-75 {
  block-size: 75% !important;
}

.flex-basis-75 {
  flex-basis: 75% !important;
}

.w-100 {
  inline-size: 100% !important;
}

.h-100 {
  block-size: 100% !important;
}

.flex-basis-100 {
  flex-basis: 100% !important;
}

.w-auto {
  inline-size: auto !important;
}

.h-auto {
  block-size: auto !important;
}

.flex-basis-auto {
  flex-basis: auto !important;
}

.w-full {
  inline-size: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-block-start: 0 !important;
}

.mb-0 {
  margin-block-end: 0 !important;
}

.ml-0 {
  margin-inline-start: 0 !important;
}

.mr-0 {
  margin-inline-end: 0 !important;
}

.mx-0 {
  margin-inline: 0 !important;
}

.my-0 {
  margin-block: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-block-start: 0 !important;
}

.pb-0 {
  padding-block-end: 0 !important;
}

.pl-0 {
  padding-inline-start: 0 !important;
}

.pr-0 {
  padding-inline-end: 0 !important;
}

.px-0 {
  padding-inline: 0 !important;
}

.py-0 {
  padding-block: 0 !important;
}

.gap-0 {
  gap: 0 !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.m-1 {
  margin: 0.28125rem !important;
}

.mt-1 {
  margin-block-start: 0.28125rem !important;
}

.mb-1 {
  margin-block-end: 0.28125rem !important;
}

.ml-1 {
  margin-inline-start: 0.28125rem !important;
}

.mr-1 {
  margin-inline-end: 0.28125rem !important;
}

.mx-1 {
  margin-inline: 0.28125rem !important;
}

.my-1 {
  margin-block: 0.28125rem !important;
}

.p-1 {
  padding: 0.28125rem !important;
}

.pt-1 {
  padding-block-start: 0.28125rem !important;
}

.pb-1 {
  padding-block-end: 0.28125rem !important;
}

.pl-1 {
  padding-inline-start: 0.28125rem !important;
}

.pr-1 {
  padding-inline-end: 0.28125rem !important;
}

.px-1 {
  padding-inline: 0.28125rem !important;
}

.py-1 {
  padding-block: 0.28125rem !important;
}

.gap-1 {
  gap: 0.28125rem !important;
}

.column-gap-1 {
  -moz-column-gap: 0.28125rem !important;
       column-gap: 0.28125rem !important;
}

.row-gap-1 {
  row-gap: 0.28125rem !important;
}

.m-2 {
  margin: 0.5625rem !important;
}

.mt-2 {
  margin-block-start: 0.5625rem !important;
}

.mb-2 {
  margin-block-end: 0.5625rem !important;
}

.ml-2 {
  margin-inline-start: 0.5625rem !important;
}

.mr-2 {
  margin-inline-end: 0.5625rem !important;
}

.mx-2 {
  margin-inline: 0.5625rem !important;
}

.my-2 {
  margin-block: 0.5625rem !important;
}

.p-2 {
  padding: 0.5625rem !important;
}

.pt-2 {
  padding-block-start: 0.5625rem !important;
}

.pb-2 {
  padding-block-end: 0.5625rem !important;
}

.pl-2 {
  padding-inline-start: 0.5625rem !important;
}

.pr-2 {
  padding-inline-end: 0.5625rem !important;
}

.px-2 {
  padding-inline: 0.5625rem !important;
}

.py-2 {
  padding-block: 0.5625rem !important;
}

.gap-2 {
  gap: 0.5625rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5625rem !important;
       column-gap: 0.5625rem !important;
}

.row-gap-2 {
  row-gap: 0.5625rem !important;
}

.m-3 {
  margin: 1.125rem !important;
}

.mt-3 {
  margin-block-start: 1.125rem !important;
}

.mb-3 {
  margin-block-end: 1.125rem !important;
}

.ml-3 {
  margin-inline-start: 1.125rem !important;
}

.mr-3 {
  margin-inline-end: 1.125rem !important;
}

.mx-3 {
  margin-inline: 1.125rem !important;
}

.my-3 {
  margin-block: 1.125rem !important;
}

.p-3 {
  padding: 1.125rem !important;
}

.pt-3 {
  padding-block-start: 1.125rem !important;
}

.pb-3 {
  padding-block-end: 1.125rem !important;
}

.pl-3 {
  padding-inline-start: 1.125rem !important;
}

.pr-3 {
  padding-inline-end: 1.125rem !important;
}

.px-3 {
  padding-inline: 1.125rem !important;
}

.py-3 {
  padding-block: 1.125rem !important;
}

.gap-3 {
  gap: 1.125rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1.125rem !important;
       column-gap: 1.125rem !important;
}

.row-gap-3 {
  row-gap: 1.125rem !important;
}

.m-4 {
  margin: 1.6875rem !important;
}

.mt-4 {
  margin-block-start: 1.6875rem !important;
}

.mb-4 {
  margin-block-end: 1.6875rem !important;
}

.ml-4 {
  margin-inline-start: 1.6875rem !important;
}

.mr-4 {
  margin-inline-end: 1.6875rem !important;
}

.mx-4 {
  margin-inline: 1.6875rem !important;
}

.my-4 {
  margin-block: 1.6875rem !important;
}

.p-4 {
  padding: 1.6875rem !important;
}

.pt-4 {
  padding-block-start: 1.6875rem !important;
}

.pb-4 {
  padding-block-end: 1.6875rem !important;
}

.pl-4 {
  padding-inline-start: 1.6875rem !important;
}

.pr-4 {
  padding-inline-end: 1.6875rem !important;
}

.px-4 {
  padding-inline: 1.6875rem !important;
}

.py-4 {
  padding-block: 1.6875rem !important;
}

.gap-4 {
  gap: 1.6875rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.6875rem !important;
       column-gap: 1.6875rem !important;
}

.row-gap-4 {
  row-gap: 1.6875rem !important;
}

.m-5 {
  margin: 3.375rem !important;
}

.mt-5 {
  margin-block-start: 3.375rem !important;
}

.mb-5 {
  margin-block-end: 3.375rem !important;
}

.ml-5 {
  margin-inline-start: 3.375rem !important;
}

.mr-5 {
  margin-inline-end: 3.375rem !important;
}

.mx-5 {
  margin-inline: 3.375rem !important;
}

.my-5 {
  margin-block: 3.375rem !important;
}

.p-5 {
  padding: 3.375rem !important;
}

.pt-5 {
  padding-block-start: 3.375rem !important;
}

.pb-5 {
  padding-block-end: 3.375rem !important;
}

.pl-5 {
  padding-inline-start: 3.375rem !important;
}

.pr-5 {
  padding-inline-end: 3.375rem !important;
}

.px-5 {
  padding-inline: 3.375rem !important;
}

.py-5 {
  padding-block: 3.375rem !important;
}

.gap-5 {
  gap: 3.375rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3.375rem !important;
       column-gap: 3.375rem !important;
}

.row-gap-5 {
  row-gap: 3.375rem !important;
}

.text-start {
  text-align: start !important;
}

.text-end {
  text-align: end !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

@media (width >= 25rem) {
  .d-xs-none {
    display: none !important;
  }

  .d-xs-inline {
    display: inline !important;
  }

  .d-xs-inline-block {
    display: inline-block !important;
  }

  .d-xs-block {
    display: block !important;
  }

  .d-xs-table {
    display: table !important;
  }

  .d-xs-table-row {
    display: table-row !important;
  }

  .d-xs-table-cell {
    display: table-cell !important;
  }

  .d-xs-flex {
    display: flex !important;
  }

  .d-xs-inline-flex {
    display: inline-flex !important;
  }

  .d-xs-grid {
    display: grid !important;
  }

  .justify-content-xs-flex-start {
    justify-content: flex-start !important;
  }

  .align-items-xs-flex-start {
    align-items: flex-start !important;
  }

  .justify-content-xs-flex-end {
    justify-content: flex-end !important;
  }

  .align-items-xs-flex-end {
    align-items: flex-end !important;
  }

  .justify-content-xs-center {
    justify-content: center !important;
  }

  .align-items-xs-center {
    align-items: center !important;
  }

  .justify-content-xs-space-between {
    justify-content: space-between !important;
  }

  .align-items-xs-space-between {
    align-items: space-between !important;
  }

  .justify-content-xs-space-around {
    justify-content: space-around !important;
  }

  .align-items-xs-space-around {
    align-items: space-around !important;
  }

  .justify-content-xs-space-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xs-space-evenly {
    align-items: space-evenly !important;
  }

  .justify-content-xs-stretch {
    justify-content: stretch !important;
  }

  .align-items-xs-stretch {
    align-items: stretch !important;
  }

  .justify-content-xs-baseline {
    justify-content: baseline !important;
  }

  .align-items-xs-baseline {
    align-items: baseline !important;
  }

  .flex-direction-xs-row {
    flex-direction: row !important;
  }

  .flex-direction-xs-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-direction-xs-column {
    flex-direction: column !important;
  }

  .flex-direction-xs-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-wrap-xs-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-wrap-xs-wrap {
    flex-wrap: wrap !important;
  }

  .flex-wrap-xs-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .position-xs-static {
    position: static !important;
  }

  .position-xs-relative {
    position: relative !important;
  }

  .position-xs-absolute {
    position: absolute !important;
  }

  .position-xs-fixed {
    position: fixed !important;
  }

  .position-xs-sticky {
    position: sticky !important;
  }

  .overflow-xs-auto {
    overflow: auto !important;
  }

  .overflow-x-xs-auto {
    overflow-x: auto !important;
  }

  .overflow-y-xs-auto {
    overflow-y: auto !important;
  }

  .overflow-xs-hidden {
    overflow: hidden !important;
  }

  .overflow-x-xs-hidden {
    overflow-x: hidden !important;
  }

  .overflow-y-xs-hidden {
    overflow-y: hidden !important;
  }

  .overflow-xs-clip {
    overflow: clip !important;
  }

  .overflow-x-xs-clip {
    overflow-x: clip !important;
  }

  .overflow-y-xs-clip {
    overflow-y: clip !important;
  }

  .overflow-xs-visible {
    overflow: visible !important;
  }

  .overflow-x-xs-visible {
    overflow-x: visible !important;
  }

  .overflow-y-xs-visible {
    overflow-y: visible !important;
  }

  .w-xs-25 {
    inline-size: 25% !important;
  }

  .h-xs-25 {
    block-size: 25% !important;
  }

  .flex-xs-basis-25 {
    flex-basis: 25% !important;
  }

  .w-xs-50 {
    inline-size: 50% !important;
  }

  .h-xs-50 {
    block-size: 50% !important;
  }

  .flex-xs-basis-50 {
    flex-basis: 50% !important;
  }

  .w-xs-75 {
    inline-size: 75% !important;
  }

  .h-xs-75 {
    block-size: 75% !important;
  }

  .flex-xs-basis-75 {
    flex-basis: 75% !important;
  }

  .w-xs-100 {
    inline-size: 100% !important;
  }

  .h-xs-100 {
    block-size: 100% !important;
  }

  .flex-xs-basis-100 {
    flex-basis: 100% !important;
  }

  .w-xs-auto {
    inline-size: auto !important;
  }

  .h-xs-auto {
    block-size: auto !important;
  }

  .flex-xs-basis-auto {
    flex-basis: auto !important;
  }

  .w-full-xs {
    inline-size: 100% !important;
  }

  .m-xs-0 {
    margin: 0 !important;
  }

  .mt-xs-0 {
    margin-block-start: 0 !important;
  }

  .mb-xs-0 {
    margin-block-end: 0 !important;
  }

  .ml-xs-0 {
    margin-inline-start: 0 !important;
  }

  .mr-xs-0 {
    margin-inline-end: 0 !important;
  }

  .mx-xs-0 {
    margin-inline: 0 !important;
  }

  .my-xs-0 {
    margin-block: 0 !important;
  }

  .p-xs-0 {
    padding: 0 !important;
  }

  .pt-xs-0 {
    padding-block-start: 0 !important;
  }

  .pb-xs-0 {
    padding-block-end: 0 !important;
  }

  .pl-xs-0 {
    padding-inline-start: 0 !important;
  }

  .pr-xs-0 {
    padding-inline-end: 0 !important;
  }

  .px-xs-0 {
    padding-inline: 0 !important;
  }

  .py-xs-0 {
    padding-block: 0 !important;
  }

  .gap-xs-0 {
    gap: 0 !important;
  }

  .column-gap-xs-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .row-gap-xs-0 {
    row-gap: 0 !important;
  }

  .m-xs-1 {
    margin: 0.28125rem !important;
  }

  .mt-xs-1 {
    margin-block-start: 0.28125rem !important;
  }

  .mb-xs-1 {
    margin-block-end: 0.28125rem !important;
  }

  .ml-xs-1 {
    margin-inline-start: 0.28125rem !important;
  }

  .mr-xs-1 {
    margin-inline-end: 0.28125rem !important;
  }

  .mx-xs-1 {
    margin-inline: 0.28125rem !important;
  }

  .my-xs-1 {
    margin-block: 0.28125rem !important;
  }

  .p-xs-1 {
    padding: 0.28125rem !important;
  }

  .pt-xs-1 {
    padding-block-start: 0.28125rem !important;
  }

  .pb-xs-1 {
    padding-block-end: 0.28125rem !important;
  }

  .pl-xs-1 {
    padding-inline-start: 0.28125rem !important;
  }

  .pr-xs-1 {
    padding-inline-end: 0.28125rem !important;
  }

  .px-xs-1 {
    padding-inline: 0.28125rem !important;
  }

  .py-xs-1 {
    padding-block: 0.28125rem !important;
  }

  .gap-xs-1 {
    gap: 0.28125rem !important;
  }

  .column-gap-xs-1 {
    -moz-column-gap: 0.28125rem !important;
         column-gap: 0.28125rem !important;
  }

  .row-gap-xs-1 {
    row-gap: 0.28125rem !important;
  }

  .m-xs-2 {
    margin: 0.5625rem !important;
  }

  .mt-xs-2 {
    margin-block-start: 0.5625rem !important;
  }

  .mb-xs-2 {
    margin-block-end: 0.5625rem !important;
  }

  .ml-xs-2 {
    margin-inline-start: 0.5625rem !important;
  }

  .mr-xs-2 {
    margin-inline-end: 0.5625rem !important;
  }

  .mx-xs-2 {
    margin-inline: 0.5625rem !important;
  }

  .my-xs-2 {
    margin-block: 0.5625rem !important;
  }

  .p-xs-2 {
    padding: 0.5625rem !important;
  }

  .pt-xs-2 {
    padding-block-start: 0.5625rem !important;
  }

  .pb-xs-2 {
    padding-block-end: 0.5625rem !important;
  }

  .pl-xs-2 {
    padding-inline-start: 0.5625rem !important;
  }

  .pr-xs-2 {
    padding-inline-end: 0.5625rem !important;
  }

  .px-xs-2 {
    padding-inline: 0.5625rem !important;
  }

  .py-xs-2 {
    padding-block: 0.5625rem !important;
  }

  .gap-xs-2 {
    gap: 0.5625rem !important;
  }

  .column-gap-xs-2 {
    -moz-column-gap: 0.5625rem !important;
         column-gap: 0.5625rem !important;
  }

  .row-gap-xs-2 {
    row-gap: 0.5625rem !important;
  }

  .m-xs-3 {
    margin: 1.125rem !important;
  }

  .mt-xs-3 {
    margin-block-start: 1.125rem !important;
  }

  .mb-xs-3 {
    margin-block-end: 1.125rem !important;
  }

  .ml-xs-3 {
    margin-inline-start: 1.125rem !important;
  }

  .mr-xs-3 {
    margin-inline-end: 1.125rem !important;
  }

  .mx-xs-3 {
    margin-inline: 1.125rem !important;
  }

  .my-xs-3 {
    margin-block: 1.125rem !important;
  }

  .p-xs-3 {
    padding: 1.125rem !important;
  }

  .pt-xs-3 {
    padding-block-start: 1.125rem !important;
  }

  .pb-xs-3 {
    padding-block-end: 1.125rem !important;
  }

  .pl-xs-3 {
    padding-inline-start: 1.125rem !important;
  }

  .pr-xs-3 {
    padding-inline-end: 1.125rem !important;
  }

  .px-xs-3 {
    padding-inline: 1.125rem !important;
  }

  .py-xs-3 {
    padding-block: 1.125rem !important;
  }

  .gap-xs-3 {
    gap: 1.125rem !important;
  }

  .column-gap-xs-3 {
    -moz-column-gap: 1.125rem !important;
         column-gap: 1.125rem !important;
  }

  .row-gap-xs-3 {
    row-gap: 1.125rem !important;
  }

  .m-xs-4 {
    margin: 1.6875rem !important;
  }

  .mt-xs-4 {
    margin-block-start: 1.6875rem !important;
  }

  .mb-xs-4 {
    margin-block-end: 1.6875rem !important;
  }

  .ml-xs-4 {
    margin-inline-start: 1.6875rem !important;
  }

  .mr-xs-4 {
    margin-inline-end: 1.6875rem !important;
  }

  .mx-xs-4 {
    margin-inline: 1.6875rem !important;
  }

  .my-xs-4 {
    margin-block: 1.6875rem !important;
  }

  .p-xs-4 {
    padding: 1.6875rem !important;
  }

  .pt-xs-4 {
    padding-block-start: 1.6875rem !important;
  }

  .pb-xs-4 {
    padding-block-end: 1.6875rem !important;
  }

  .pl-xs-4 {
    padding-inline-start: 1.6875rem !important;
  }

  .pr-xs-4 {
    padding-inline-end: 1.6875rem !important;
  }

  .px-xs-4 {
    padding-inline: 1.6875rem !important;
  }

  .py-xs-4 {
    padding-block: 1.6875rem !important;
  }

  .gap-xs-4 {
    gap: 1.6875rem !important;
  }

  .column-gap-xs-4 {
    -moz-column-gap: 1.6875rem !important;
         column-gap: 1.6875rem !important;
  }

  .row-gap-xs-4 {
    row-gap: 1.6875rem !important;
  }

  .m-xs-5 {
    margin: 3.375rem !important;
  }

  .mt-xs-5 {
    margin-block-start: 3.375rem !important;
  }

  .mb-xs-5 {
    margin-block-end: 3.375rem !important;
  }

  .ml-xs-5 {
    margin-inline-start: 3.375rem !important;
  }

  .mr-xs-5 {
    margin-inline-end: 3.375rem !important;
  }

  .mx-xs-5 {
    margin-inline: 3.375rem !important;
  }

  .my-xs-5 {
    margin-block: 3.375rem !important;
  }

  .p-xs-5 {
    padding: 3.375rem !important;
  }

  .pt-xs-5 {
    padding-block-start: 3.375rem !important;
  }

  .pb-xs-5 {
    padding-block-end: 3.375rem !important;
  }

  .pl-xs-5 {
    padding-inline-start: 3.375rem !important;
  }

  .pr-xs-5 {
    padding-inline-end: 3.375rem !important;
  }

  .px-xs-5 {
    padding-inline: 3.375rem !important;
  }

  .py-xs-5 {
    padding-block: 3.375rem !important;
  }

  .gap-xs-5 {
    gap: 3.375rem !important;
  }

  .column-gap-xs-5 {
    -moz-column-gap: 3.375rem !important;
         column-gap: 3.375rem !important;
  }

  .row-gap-xs-5 {
    row-gap: 3.375rem !important;
  }

  .text-xs-start {
    text-align: start !important;
  }

  .text-xs-end {
    text-align: end !important;
  }

  .text-xs-right {
    text-align: right !important;
  }

  .text-xs-justify {
    text-align: justify !important;
  }
}
@media (width >= 37.5rem) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .justify-content-sm-flex-start {
    justify-content: flex-start !important;
  }

  .align-items-sm-flex-start {
    align-items: flex-start !important;
  }

  .justify-content-sm-flex-end {
    justify-content: flex-end !important;
  }

  .align-items-sm-flex-end {
    align-items: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .justify-content-sm-space-between {
    justify-content: space-between !important;
  }

  .align-items-sm-space-between {
    align-items: space-between !important;
  }

  .justify-content-sm-space-around {
    justify-content: space-around !important;
  }

  .align-items-sm-space-around {
    align-items: space-around !important;
  }

  .justify-content-sm-space-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-space-evenly {
    align-items: space-evenly !important;
  }

  .justify-content-sm-stretch {
    justify-content: stretch !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .justify-content-sm-baseline {
    justify-content: baseline !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .flex-direction-sm-row {
    flex-direction: row !important;
  }

  .flex-direction-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-direction-sm-column {
    flex-direction: column !important;
  }

  .flex-direction-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-wrap-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-wrap-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-wrap-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .position-sm-static {
    position: static !important;
  }

  .position-sm-relative {
    position: relative !important;
  }

  .position-sm-absolute {
    position: absolute !important;
  }

  .position-sm-fixed {
    position: fixed !important;
  }

  .position-sm-sticky {
    position: sticky !important;
  }

  .overflow-sm-auto {
    overflow: auto !important;
  }

  .overflow-x-sm-auto {
    overflow-x: auto !important;
  }

  .overflow-y-sm-auto {
    overflow-y: auto !important;
  }

  .overflow-sm-hidden {
    overflow: hidden !important;
  }

  .overflow-x-sm-hidden {
    overflow-x: hidden !important;
  }

  .overflow-y-sm-hidden {
    overflow-y: hidden !important;
  }

  .overflow-sm-clip {
    overflow: clip !important;
  }

  .overflow-x-sm-clip {
    overflow-x: clip !important;
  }

  .overflow-y-sm-clip {
    overflow-y: clip !important;
  }

  .overflow-sm-visible {
    overflow: visible !important;
  }

  .overflow-x-sm-visible {
    overflow-x: visible !important;
  }

  .overflow-y-sm-visible {
    overflow-y: visible !important;
  }

  .w-sm-25 {
    inline-size: 25% !important;
  }

  .h-sm-25 {
    block-size: 25% !important;
  }

  .flex-sm-basis-25 {
    flex-basis: 25% !important;
  }

  .w-sm-50 {
    inline-size: 50% !important;
  }

  .h-sm-50 {
    block-size: 50% !important;
  }

  .flex-sm-basis-50 {
    flex-basis: 50% !important;
  }

  .w-sm-75 {
    inline-size: 75% !important;
  }

  .h-sm-75 {
    block-size: 75% !important;
  }

  .flex-sm-basis-75 {
    flex-basis: 75% !important;
  }

  .w-sm-100 {
    inline-size: 100% !important;
  }

  .h-sm-100 {
    block-size: 100% !important;
  }

  .flex-sm-basis-100 {
    flex-basis: 100% !important;
  }

  .w-sm-auto {
    inline-size: auto !important;
  }

  .h-sm-auto {
    block-size: auto !important;
  }

  .flex-sm-basis-auto {
    flex-basis: auto !important;
  }

  .w-full-sm {
    inline-size: 100% !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0 {
    margin-block-start: 0 !important;
  }

  .mb-sm-0 {
    margin-block-end: 0 !important;
  }

  .ml-sm-0 {
    margin-inline-start: 0 !important;
  }

  .mr-sm-0 {
    margin-inline-end: 0 !important;
  }

  .mx-sm-0 {
    margin-inline: 0 !important;
  }

  .my-sm-0 {
    margin-block: 0 !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0 {
    padding-block-start: 0 !important;
  }

  .pb-sm-0 {
    padding-block-end: 0 !important;
  }

  .pl-sm-0 {
    padding-inline-start: 0 !important;
  }

  .pr-sm-0 {
    padding-inline-end: 0 !important;
  }

  .px-sm-0 {
    padding-inline: 0 !important;
  }

  .py-sm-0 {
    padding-block: 0 !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .row-gap-sm-0 {
    row-gap: 0 !important;
  }

  .m-sm-1 {
    margin: 0.28125rem !important;
  }

  .mt-sm-1 {
    margin-block-start: 0.28125rem !important;
  }

  .mb-sm-1 {
    margin-block-end: 0.28125rem !important;
  }

  .ml-sm-1 {
    margin-inline-start: 0.28125rem !important;
  }

  .mr-sm-1 {
    margin-inline-end: 0.28125rem !important;
  }

  .mx-sm-1 {
    margin-inline: 0.28125rem !important;
  }

  .my-sm-1 {
    margin-block: 0.28125rem !important;
  }

  .p-sm-1 {
    padding: 0.28125rem !important;
  }

  .pt-sm-1 {
    padding-block-start: 0.28125rem !important;
  }

  .pb-sm-1 {
    padding-block-end: 0.28125rem !important;
  }

  .pl-sm-1 {
    padding-inline-start: 0.28125rem !important;
  }

  .pr-sm-1 {
    padding-inline-end: 0.28125rem !important;
  }

  .px-sm-1 {
    padding-inline: 0.28125rem !important;
  }

  .py-sm-1 {
    padding-block: 0.28125rem !important;
  }

  .gap-sm-1 {
    gap: 0.28125rem !important;
  }

  .column-gap-sm-1 {
    -moz-column-gap: 0.28125rem !important;
         column-gap: 0.28125rem !important;
  }

  .row-gap-sm-1 {
    row-gap: 0.28125rem !important;
  }

  .m-sm-2 {
    margin: 0.5625rem !important;
  }

  .mt-sm-2 {
    margin-block-start: 0.5625rem !important;
  }

  .mb-sm-2 {
    margin-block-end: 0.5625rem !important;
  }

  .ml-sm-2 {
    margin-inline-start: 0.5625rem !important;
  }

  .mr-sm-2 {
    margin-inline-end: 0.5625rem !important;
  }

  .mx-sm-2 {
    margin-inline: 0.5625rem !important;
  }

  .my-sm-2 {
    margin-block: 0.5625rem !important;
  }

  .p-sm-2 {
    padding: 0.5625rem !important;
  }

  .pt-sm-2 {
    padding-block-start: 0.5625rem !important;
  }

  .pb-sm-2 {
    padding-block-end: 0.5625rem !important;
  }

  .pl-sm-2 {
    padding-inline-start: 0.5625rem !important;
  }

  .pr-sm-2 {
    padding-inline-end: 0.5625rem !important;
  }

  .px-sm-2 {
    padding-inline: 0.5625rem !important;
  }

  .py-sm-2 {
    padding-block: 0.5625rem !important;
  }

  .gap-sm-2 {
    gap: 0.5625rem !important;
  }

  .column-gap-sm-2 {
    -moz-column-gap: 0.5625rem !important;
         column-gap: 0.5625rem !important;
  }

  .row-gap-sm-2 {
    row-gap: 0.5625rem !important;
  }

  .m-sm-3 {
    margin: 1.125rem !important;
  }

  .mt-sm-3 {
    margin-block-start: 1.125rem !important;
  }

  .mb-sm-3 {
    margin-block-end: 1.125rem !important;
  }

  .ml-sm-3 {
    margin-inline-start: 1.125rem !important;
  }

  .mr-sm-3 {
    margin-inline-end: 1.125rem !important;
  }

  .mx-sm-3 {
    margin-inline: 1.125rem !important;
  }

  .my-sm-3 {
    margin-block: 1.125rem !important;
  }

  .p-sm-3 {
    padding: 1.125rem !important;
  }

  .pt-sm-3 {
    padding-block-start: 1.125rem !important;
  }

  .pb-sm-3 {
    padding-block-end: 1.125rem !important;
  }

  .pl-sm-3 {
    padding-inline-start: 1.125rem !important;
  }

  .pr-sm-3 {
    padding-inline-end: 1.125rem !important;
  }

  .px-sm-3 {
    padding-inline: 1.125rem !important;
  }

  .py-sm-3 {
    padding-block: 1.125rem !important;
  }

  .gap-sm-3 {
    gap: 1.125rem !important;
  }

  .column-gap-sm-3 {
    -moz-column-gap: 1.125rem !important;
         column-gap: 1.125rem !important;
  }

  .row-gap-sm-3 {
    row-gap: 1.125rem !important;
  }

  .m-sm-4 {
    margin: 1.6875rem !important;
  }

  .mt-sm-4 {
    margin-block-start: 1.6875rem !important;
  }

  .mb-sm-4 {
    margin-block-end: 1.6875rem !important;
  }

  .ml-sm-4 {
    margin-inline-start: 1.6875rem !important;
  }

  .mr-sm-4 {
    margin-inline-end: 1.6875rem !important;
  }

  .mx-sm-4 {
    margin-inline: 1.6875rem !important;
  }

  .my-sm-4 {
    margin-block: 1.6875rem !important;
  }

  .p-sm-4 {
    padding: 1.6875rem !important;
  }

  .pt-sm-4 {
    padding-block-start: 1.6875rem !important;
  }

  .pb-sm-4 {
    padding-block-end: 1.6875rem !important;
  }

  .pl-sm-4 {
    padding-inline-start: 1.6875rem !important;
  }

  .pr-sm-4 {
    padding-inline-end: 1.6875rem !important;
  }

  .px-sm-4 {
    padding-inline: 1.6875rem !important;
  }

  .py-sm-4 {
    padding-block: 1.6875rem !important;
  }

  .gap-sm-4 {
    gap: 1.6875rem !important;
  }

  .column-gap-sm-4 {
    -moz-column-gap: 1.6875rem !important;
         column-gap: 1.6875rem !important;
  }

  .row-gap-sm-4 {
    row-gap: 1.6875rem !important;
  }

  .m-sm-5 {
    margin: 3.375rem !important;
  }

  .mt-sm-5 {
    margin-block-start: 3.375rem !important;
  }

  .mb-sm-5 {
    margin-block-end: 3.375rem !important;
  }

  .ml-sm-5 {
    margin-inline-start: 3.375rem !important;
  }

  .mr-sm-5 {
    margin-inline-end: 3.375rem !important;
  }

  .mx-sm-5 {
    margin-inline: 3.375rem !important;
  }

  .my-sm-5 {
    margin-block: 3.375rem !important;
  }

  .p-sm-5 {
    padding: 3.375rem !important;
  }

  .pt-sm-5 {
    padding-block-start: 3.375rem !important;
  }

  .pb-sm-5 {
    padding-block-end: 3.375rem !important;
  }

  .pl-sm-5 {
    padding-inline-start: 3.375rem !important;
  }

  .pr-sm-5 {
    padding-inline-end: 3.375rem !important;
  }

  .px-sm-5 {
    padding-inline: 3.375rem !important;
  }

  .py-sm-5 {
    padding-block: 3.375rem !important;
  }

  .gap-sm-5 {
    gap: 3.375rem !important;
  }

  .column-gap-sm-5 {
    -moz-column-gap: 3.375rem !important;
         column-gap: 3.375rem !important;
  }

  .row-gap-sm-5 {
    row-gap: 3.375rem !important;
  }

  .text-sm-start {
    text-align: start !important;
  }

  .text-sm-end {
    text-align: end !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-justify {
    text-align: justify !important;
  }
}
@media (width >= 46.25rem) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .justify-content-md-flex-start {
    justify-content: flex-start !important;
  }

  .align-items-md-flex-start {
    align-items: flex-start !important;
  }

  .justify-content-md-flex-end {
    justify-content: flex-end !important;
  }

  .align-items-md-flex-end {
    align-items: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .justify-content-md-space-between {
    justify-content: space-between !important;
  }

  .align-items-md-space-between {
    align-items: space-between !important;
  }

  .justify-content-md-space-around {
    justify-content: space-around !important;
  }

  .align-items-md-space-around {
    align-items: space-around !important;
  }

  .justify-content-md-space-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-space-evenly {
    align-items: space-evenly !important;
  }

  .justify-content-md-stretch {
    justify-content: stretch !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .justify-content-md-baseline {
    justify-content: baseline !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .flex-direction-md-row {
    flex-direction: row !important;
  }

  .flex-direction-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-direction-md-column {
    flex-direction: column !important;
  }

  .flex-direction-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-wrap-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-wrap-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-wrap-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .position-md-static {
    position: static !important;
  }

  .position-md-relative {
    position: relative !important;
  }

  .position-md-absolute {
    position: absolute !important;
  }

  .position-md-fixed {
    position: fixed !important;
  }

  .position-md-sticky {
    position: sticky !important;
  }

  .overflow-md-auto {
    overflow: auto !important;
  }

  .overflow-x-md-auto {
    overflow-x: auto !important;
  }

  .overflow-y-md-auto {
    overflow-y: auto !important;
  }

  .overflow-md-hidden {
    overflow: hidden !important;
  }

  .overflow-x-md-hidden {
    overflow-x: hidden !important;
  }

  .overflow-y-md-hidden {
    overflow-y: hidden !important;
  }

  .overflow-md-clip {
    overflow: clip !important;
  }

  .overflow-x-md-clip {
    overflow-x: clip !important;
  }

  .overflow-y-md-clip {
    overflow-y: clip !important;
  }

  .overflow-md-visible {
    overflow: visible !important;
  }

  .overflow-x-md-visible {
    overflow-x: visible !important;
  }

  .overflow-y-md-visible {
    overflow-y: visible !important;
  }

  .w-md-25 {
    inline-size: 25% !important;
  }

  .h-md-25 {
    block-size: 25% !important;
  }

  .flex-md-basis-25 {
    flex-basis: 25% !important;
  }

  .w-md-50 {
    inline-size: 50% !important;
  }

  .h-md-50 {
    block-size: 50% !important;
  }

  .flex-md-basis-50 {
    flex-basis: 50% !important;
  }

  .w-md-75 {
    inline-size: 75% !important;
  }

  .h-md-75 {
    block-size: 75% !important;
  }

  .flex-md-basis-75 {
    flex-basis: 75% !important;
  }

  .w-md-100 {
    inline-size: 100% !important;
  }

  .h-md-100 {
    block-size: 100% !important;
  }

  .flex-md-basis-100 {
    flex-basis: 100% !important;
  }

  .w-md-auto {
    inline-size: auto !important;
  }

  .h-md-auto {
    block-size: auto !important;
  }

  .flex-md-basis-auto {
    flex-basis: auto !important;
  }

  .w-full-md {
    inline-size: 100% !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0 {
    margin-block-start: 0 !important;
  }

  .mb-md-0 {
    margin-block-end: 0 !important;
  }

  .ml-md-0 {
    margin-inline-start: 0 !important;
  }

  .mr-md-0 {
    margin-inline-end: 0 !important;
  }

  .mx-md-0 {
    margin-inline: 0 !important;
  }

  .my-md-0 {
    margin-block: 0 !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0 {
    padding-block-start: 0 !important;
  }

  .pb-md-0 {
    padding-block-end: 0 !important;
  }

  .pl-md-0 {
    padding-inline-start: 0 !important;
  }

  .pr-md-0 {
    padding-inline-end: 0 !important;
  }

  .px-md-0 {
    padding-inline: 0 !important;
  }

  .py-md-0 {
    padding-block: 0 !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .row-gap-md-0 {
    row-gap: 0 !important;
  }

  .m-md-1 {
    margin: 0.28125rem !important;
  }

  .mt-md-1 {
    margin-block-start: 0.28125rem !important;
  }

  .mb-md-1 {
    margin-block-end: 0.28125rem !important;
  }

  .ml-md-1 {
    margin-inline-start: 0.28125rem !important;
  }

  .mr-md-1 {
    margin-inline-end: 0.28125rem !important;
  }

  .mx-md-1 {
    margin-inline: 0.28125rem !important;
  }

  .my-md-1 {
    margin-block: 0.28125rem !important;
  }

  .p-md-1 {
    padding: 0.28125rem !important;
  }

  .pt-md-1 {
    padding-block-start: 0.28125rem !important;
  }

  .pb-md-1 {
    padding-block-end: 0.28125rem !important;
  }

  .pl-md-1 {
    padding-inline-start: 0.28125rem !important;
  }

  .pr-md-1 {
    padding-inline-end: 0.28125rem !important;
  }

  .px-md-1 {
    padding-inline: 0.28125rem !important;
  }

  .py-md-1 {
    padding-block: 0.28125rem !important;
  }

  .gap-md-1 {
    gap: 0.28125rem !important;
  }

  .column-gap-md-1 {
    -moz-column-gap: 0.28125rem !important;
         column-gap: 0.28125rem !important;
  }

  .row-gap-md-1 {
    row-gap: 0.28125rem !important;
  }

  .m-md-2 {
    margin: 0.5625rem !important;
  }

  .mt-md-2 {
    margin-block-start: 0.5625rem !important;
  }

  .mb-md-2 {
    margin-block-end: 0.5625rem !important;
  }

  .ml-md-2 {
    margin-inline-start: 0.5625rem !important;
  }

  .mr-md-2 {
    margin-inline-end: 0.5625rem !important;
  }

  .mx-md-2 {
    margin-inline: 0.5625rem !important;
  }

  .my-md-2 {
    margin-block: 0.5625rem !important;
  }

  .p-md-2 {
    padding: 0.5625rem !important;
  }

  .pt-md-2 {
    padding-block-start: 0.5625rem !important;
  }

  .pb-md-2 {
    padding-block-end: 0.5625rem !important;
  }

  .pl-md-2 {
    padding-inline-start: 0.5625rem !important;
  }

  .pr-md-2 {
    padding-inline-end: 0.5625rem !important;
  }

  .px-md-2 {
    padding-inline: 0.5625rem !important;
  }

  .py-md-2 {
    padding-block: 0.5625rem !important;
  }

  .gap-md-2 {
    gap: 0.5625rem !important;
  }

  .column-gap-md-2 {
    -moz-column-gap: 0.5625rem !important;
         column-gap: 0.5625rem !important;
  }

  .row-gap-md-2 {
    row-gap: 0.5625rem !important;
  }

  .m-md-3 {
    margin: 1.125rem !important;
  }

  .mt-md-3 {
    margin-block-start: 1.125rem !important;
  }

  .mb-md-3 {
    margin-block-end: 1.125rem !important;
  }

  .ml-md-3 {
    margin-inline-start: 1.125rem !important;
  }

  .mr-md-3 {
    margin-inline-end: 1.125rem !important;
  }

  .mx-md-3 {
    margin-inline: 1.125rem !important;
  }

  .my-md-3 {
    margin-block: 1.125rem !important;
  }

  .p-md-3 {
    padding: 1.125rem !important;
  }

  .pt-md-3 {
    padding-block-start: 1.125rem !important;
  }

  .pb-md-3 {
    padding-block-end: 1.125rem !important;
  }

  .pl-md-3 {
    padding-inline-start: 1.125rem !important;
  }

  .pr-md-3 {
    padding-inline-end: 1.125rem !important;
  }

  .px-md-3 {
    padding-inline: 1.125rem !important;
  }

  .py-md-3 {
    padding-block: 1.125rem !important;
  }

  .gap-md-3 {
    gap: 1.125rem !important;
  }

  .column-gap-md-3 {
    -moz-column-gap: 1.125rem !important;
         column-gap: 1.125rem !important;
  }

  .row-gap-md-3 {
    row-gap: 1.125rem !important;
  }

  .m-md-4 {
    margin: 1.6875rem !important;
  }

  .mt-md-4 {
    margin-block-start: 1.6875rem !important;
  }

  .mb-md-4 {
    margin-block-end: 1.6875rem !important;
  }

  .ml-md-4 {
    margin-inline-start: 1.6875rem !important;
  }

  .mr-md-4 {
    margin-inline-end: 1.6875rem !important;
  }

  .mx-md-4 {
    margin-inline: 1.6875rem !important;
  }

  .my-md-4 {
    margin-block: 1.6875rem !important;
  }

  .p-md-4 {
    padding: 1.6875rem !important;
  }

  .pt-md-4 {
    padding-block-start: 1.6875rem !important;
  }

  .pb-md-4 {
    padding-block-end: 1.6875rem !important;
  }

  .pl-md-4 {
    padding-inline-start: 1.6875rem !important;
  }

  .pr-md-4 {
    padding-inline-end: 1.6875rem !important;
  }

  .px-md-4 {
    padding-inline: 1.6875rem !important;
  }

  .py-md-4 {
    padding-block: 1.6875rem !important;
  }

  .gap-md-4 {
    gap: 1.6875rem !important;
  }

  .column-gap-md-4 {
    -moz-column-gap: 1.6875rem !important;
         column-gap: 1.6875rem !important;
  }

  .row-gap-md-4 {
    row-gap: 1.6875rem !important;
  }

  .m-md-5 {
    margin: 3.375rem !important;
  }

  .mt-md-5 {
    margin-block-start: 3.375rem !important;
  }

  .mb-md-5 {
    margin-block-end: 3.375rem !important;
  }

  .ml-md-5 {
    margin-inline-start: 3.375rem !important;
  }

  .mr-md-5 {
    margin-inline-end: 3.375rem !important;
  }

  .mx-md-5 {
    margin-inline: 3.375rem !important;
  }

  .my-md-5 {
    margin-block: 3.375rem !important;
  }

  .p-md-5 {
    padding: 3.375rem !important;
  }

  .pt-md-5 {
    padding-block-start: 3.375rem !important;
  }

  .pb-md-5 {
    padding-block-end: 3.375rem !important;
  }

  .pl-md-5 {
    padding-inline-start: 3.375rem !important;
  }

  .pr-md-5 {
    padding-inline-end: 3.375rem !important;
  }

  .px-md-5 {
    padding-inline: 3.375rem !important;
  }

  .py-md-5 {
    padding-block: 3.375rem !important;
  }

  .gap-md-5 {
    gap: 3.375rem !important;
  }

  .column-gap-md-5 {
    -moz-column-gap: 3.375rem !important;
         column-gap: 3.375rem !important;
  }

  .row-gap-md-5 {
    row-gap: 3.375rem !important;
  }

  .text-md-start {
    text-align: start !important;
  }

  .text-md-end {
    text-align: end !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-justify {
    text-align: justify !important;
  }
}
@media (width >= 61.25rem) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .justify-content-lg-flex-start {
    justify-content: flex-start !important;
  }

  .align-items-lg-flex-start {
    align-items: flex-start !important;
  }

  .justify-content-lg-flex-end {
    justify-content: flex-end !important;
  }

  .align-items-lg-flex-end {
    align-items: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .justify-content-lg-space-between {
    justify-content: space-between !important;
  }

  .align-items-lg-space-between {
    align-items: space-between !important;
  }

  .justify-content-lg-space-around {
    justify-content: space-around !important;
  }

  .align-items-lg-space-around {
    align-items: space-around !important;
  }

  .justify-content-lg-space-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-space-evenly {
    align-items: space-evenly !important;
  }

  .justify-content-lg-stretch {
    justify-content: stretch !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .justify-content-lg-baseline {
    justify-content: baseline !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .flex-direction-lg-row {
    flex-direction: row !important;
  }

  .flex-direction-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-direction-lg-column {
    flex-direction: column !important;
  }

  .flex-direction-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-wrap-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-wrap-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-wrap-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .position-lg-static {
    position: static !important;
  }

  .position-lg-relative {
    position: relative !important;
  }

  .position-lg-absolute {
    position: absolute !important;
  }

  .position-lg-fixed {
    position: fixed !important;
  }

  .position-lg-sticky {
    position: sticky !important;
  }

  .overflow-lg-auto {
    overflow: auto !important;
  }

  .overflow-x-lg-auto {
    overflow-x: auto !important;
  }

  .overflow-y-lg-auto {
    overflow-y: auto !important;
  }

  .overflow-lg-hidden {
    overflow: hidden !important;
  }

  .overflow-x-lg-hidden {
    overflow-x: hidden !important;
  }

  .overflow-y-lg-hidden {
    overflow-y: hidden !important;
  }

  .overflow-lg-clip {
    overflow: clip !important;
  }

  .overflow-x-lg-clip {
    overflow-x: clip !important;
  }

  .overflow-y-lg-clip {
    overflow-y: clip !important;
  }

  .overflow-lg-visible {
    overflow: visible !important;
  }

  .overflow-x-lg-visible {
    overflow-x: visible !important;
  }

  .overflow-y-lg-visible {
    overflow-y: visible !important;
  }

  .w-lg-25 {
    inline-size: 25% !important;
  }

  .h-lg-25 {
    block-size: 25% !important;
  }

  .flex-lg-basis-25 {
    flex-basis: 25% !important;
  }

  .w-lg-50 {
    inline-size: 50% !important;
  }

  .h-lg-50 {
    block-size: 50% !important;
  }

  .flex-lg-basis-50 {
    flex-basis: 50% !important;
  }

  .w-lg-75 {
    inline-size: 75% !important;
  }

  .h-lg-75 {
    block-size: 75% !important;
  }

  .flex-lg-basis-75 {
    flex-basis: 75% !important;
  }

  .w-lg-100 {
    inline-size: 100% !important;
  }

  .h-lg-100 {
    block-size: 100% !important;
  }

  .flex-lg-basis-100 {
    flex-basis: 100% !important;
  }

  .w-lg-auto {
    inline-size: auto !important;
  }

  .h-lg-auto {
    block-size: auto !important;
  }

  .flex-lg-basis-auto {
    flex-basis: auto !important;
  }

  .w-full-lg {
    inline-size: 100% !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0 {
    margin-block-start: 0 !important;
  }

  .mb-lg-0 {
    margin-block-end: 0 !important;
  }

  .ml-lg-0 {
    margin-inline-start: 0 !important;
  }

  .mr-lg-0 {
    margin-inline-end: 0 !important;
  }

  .mx-lg-0 {
    margin-inline: 0 !important;
  }

  .my-lg-0 {
    margin-block: 0 !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0 {
    padding-block-start: 0 !important;
  }

  .pb-lg-0 {
    padding-block-end: 0 !important;
  }

  .pl-lg-0 {
    padding-inline-start: 0 !important;
  }

  .pr-lg-0 {
    padding-inline-end: 0 !important;
  }

  .px-lg-0 {
    padding-inline: 0 !important;
  }

  .py-lg-0 {
    padding-block: 0 !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .row-gap-lg-0 {
    row-gap: 0 !important;
  }

  .m-lg-1 {
    margin: 0.28125rem !important;
  }

  .mt-lg-1 {
    margin-block-start: 0.28125rem !important;
  }

  .mb-lg-1 {
    margin-block-end: 0.28125rem !important;
  }

  .ml-lg-1 {
    margin-inline-start: 0.28125rem !important;
  }

  .mr-lg-1 {
    margin-inline-end: 0.28125rem !important;
  }

  .mx-lg-1 {
    margin-inline: 0.28125rem !important;
  }

  .my-lg-1 {
    margin-block: 0.28125rem !important;
  }

  .p-lg-1 {
    padding: 0.28125rem !important;
  }

  .pt-lg-1 {
    padding-block-start: 0.28125rem !important;
  }

  .pb-lg-1 {
    padding-block-end: 0.28125rem !important;
  }

  .pl-lg-1 {
    padding-inline-start: 0.28125rem !important;
  }

  .pr-lg-1 {
    padding-inline-end: 0.28125rem !important;
  }

  .px-lg-1 {
    padding-inline: 0.28125rem !important;
  }

  .py-lg-1 {
    padding-block: 0.28125rem !important;
  }

  .gap-lg-1 {
    gap: 0.28125rem !important;
  }

  .column-gap-lg-1 {
    -moz-column-gap: 0.28125rem !important;
         column-gap: 0.28125rem !important;
  }

  .row-gap-lg-1 {
    row-gap: 0.28125rem !important;
  }

  .m-lg-2 {
    margin: 0.5625rem !important;
  }

  .mt-lg-2 {
    margin-block-start: 0.5625rem !important;
  }

  .mb-lg-2 {
    margin-block-end: 0.5625rem !important;
  }

  .ml-lg-2 {
    margin-inline-start: 0.5625rem !important;
  }

  .mr-lg-2 {
    margin-inline-end: 0.5625rem !important;
  }

  .mx-lg-2 {
    margin-inline: 0.5625rem !important;
  }

  .my-lg-2 {
    margin-block: 0.5625rem !important;
  }

  .p-lg-2 {
    padding: 0.5625rem !important;
  }

  .pt-lg-2 {
    padding-block-start: 0.5625rem !important;
  }

  .pb-lg-2 {
    padding-block-end: 0.5625rem !important;
  }

  .pl-lg-2 {
    padding-inline-start: 0.5625rem !important;
  }

  .pr-lg-2 {
    padding-inline-end: 0.5625rem !important;
  }

  .px-lg-2 {
    padding-inline: 0.5625rem !important;
  }

  .py-lg-2 {
    padding-block: 0.5625rem !important;
  }

  .gap-lg-2 {
    gap: 0.5625rem !important;
  }

  .column-gap-lg-2 {
    -moz-column-gap: 0.5625rem !important;
         column-gap: 0.5625rem !important;
  }

  .row-gap-lg-2 {
    row-gap: 0.5625rem !important;
  }

  .m-lg-3 {
    margin: 1.125rem !important;
  }

  .mt-lg-3 {
    margin-block-start: 1.125rem !important;
  }

  .mb-lg-3 {
    margin-block-end: 1.125rem !important;
  }

  .ml-lg-3 {
    margin-inline-start: 1.125rem !important;
  }

  .mr-lg-3 {
    margin-inline-end: 1.125rem !important;
  }

  .mx-lg-3 {
    margin-inline: 1.125rem !important;
  }

  .my-lg-3 {
    margin-block: 1.125rem !important;
  }

  .p-lg-3 {
    padding: 1.125rem !important;
  }

  .pt-lg-3 {
    padding-block-start: 1.125rem !important;
  }

  .pb-lg-3 {
    padding-block-end: 1.125rem !important;
  }

  .pl-lg-3 {
    padding-inline-start: 1.125rem !important;
  }

  .pr-lg-3 {
    padding-inline-end: 1.125rem !important;
  }

  .px-lg-3 {
    padding-inline: 1.125rem !important;
  }

  .py-lg-3 {
    padding-block: 1.125rem !important;
  }

  .gap-lg-3 {
    gap: 1.125rem !important;
  }

  .column-gap-lg-3 {
    -moz-column-gap: 1.125rem !important;
         column-gap: 1.125rem !important;
  }

  .row-gap-lg-3 {
    row-gap: 1.125rem !important;
  }

  .m-lg-4 {
    margin: 1.6875rem !important;
  }

  .mt-lg-4 {
    margin-block-start: 1.6875rem !important;
  }

  .mb-lg-4 {
    margin-block-end: 1.6875rem !important;
  }

  .ml-lg-4 {
    margin-inline-start: 1.6875rem !important;
  }

  .mr-lg-4 {
    margin-inline-end: 1.6875rem !important;
  }

  .mx-lg-4 {
    margin-inline: 1.6875rem !important;
  }

  .my-lg-4 {
    margin-block: 1.6875rem !important;
  }

  .p-lg-4 {
    padding: 1.6875rem !important;
  }

  .pt-lg-4 {
    padding-block-start: 1.6875rem !important;
  }

  .pb-lg-4 {
    padding-block-end: 1.6875rem !important;
  }

  .pl-lg-4 {
    padding-inline-start: 1.6875rem !important;
  }

  .pr-lg-4 {
    padding-inline-end: 1.6875rem !important;
  }

  .px-lg-4 {
    padding-inline: 1.6875rem !important;
  }

  .py-lg-4 {
    padding-block: 1.6875rem !important;
  }

  .gap-lg-4 {
    gap: 1.6875rem !important;
  }

  .column-gap-lg-4 {
    -moz-column-gap: 1.6875rem !important;
         column-gap: 1.6875rem !important;
  }

  .row-gap-lg-4 {
    row-gap: 1.6875rem !important;
  }

  .m-lg-5 {
    margin: 3.375rem !important;
  }

  .mt-lg-5 {
    margin-block-start: 3.375rem !important;
  }

  .mb-lg-5 {
    margin-block-end: 3.375rem !important;
  }

  .ml-lg-5 {
    margin-inline-start: 3.375rem !important;
  }

  .mr-lg-5 {
    margin-inline-end: 3.375rem !important;
  }

  .mx-lg-5 {
    margin-inline: 3.375rem !important;
  }

  .my-lg-5 {
    margin-block: 3.375rem !important;
  }

  .p-lg-5 {
    padding: 3.375rem !important;
  }

  .pt-lg-5 {
    padding-block-start: 3.375rem !important;
  }

  .pb-lg-5 {
    padding-block-end: 3.375rem !important;
  }

  .pl-lg-5 {
    padding-inline-start: 3.375rem !important;
  }

  .pr-lg-5 {
    padding-inline-end: 3.375rem !important;
  }

  .px-lg-5 {
    padding-inline: 3.375rem !important;
  }

  .py-lg-5 {
    padding-block: 3.375rem !important;
  }

  .gap-lg-5 {
    gap: 3.375rem !important;
  }

  .column-gap-lg-5 {
    -moz-column-gap: 3.375rem !important;
         column-gap: 3.375rem !important;
  }

  .row-gap-lg-5 {
    row-gap: 3.375rem !important;
  }

  .text-lg-start {
    text-align: start !important;
  }

  .text-lg-end {
    text-align: end !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-justify {
    text-align: justify !important;
  }
}
@media (width >= 76.25rem) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .justify-content-xl-flex-start {
    justify-content: flex-start !important;
  }

  .align-items-xl-flex-start {
    align-items: flex-start !important;
  }

  .justify-content-xl-flex-end {
    justify-content: flex-end !important;
  }

  .align-items-xl-flex-end {
    align-items: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .justify-content-xl-space-between {
    justify-content: space-between !important;
  }

  .align-items-xl-space-between {
    align-items: space-between !important;
  }

  .justify-content-xl-space-around {
    justify-content: space-around !important;
  }

  .align-items-xl-space-around {
    align-items: space-around !important;
  }

  .justify-content-xl-space-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-space-evenly {
    align-items: space-evenly !important;
  }

  .justify-content-xl-stretch {
    justify-content: stretch !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .justify-content-xl-baseline {
    justify-content: baseline !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .flex-direction-xl-row {
    flex-direction: row !important;
  }

  .flex-direction-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-direction-xl-column {
    flex-direction: column !important;
  }

  .flex-direction-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-wrap-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-wrap-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-wrap-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .position-xl-static {
    position: static !important;
  }

  .position-xl-relative {
    position: relative !important;
  }

  .position-xl-absolute {
    position: absolute !important;
  }

  .position-xl-fixed {
    position: fixed !important;
  }

  .position-xl-sticky {
    position: sticky !important;
  }

  .overflow-xl-auto {
    overflow: auto !important;
  }

  .overflow-x-xl-auto {
    overflow-x: auto !important;
  }

  .overflow-y-xl-auto {
    overflow-y: auto !important;
  }

  .overflow-xl-hidden {
    overflow: hidden !important;
  }

  .overflow-x-xl-hidden {
    overflow-x: hidden !important;
  }

  .overflow-y-xl-hidden {
    overflow-y: hidden !important;
  }

  .overflow-xl-clip {
    overflow: clip !important;
  }

  .overflow-x-xl-clip {
    overflow-x: clip !important;
  }

  .overflow-y-xl-clip {
    overflow-y: clip !important;
  }

  .overflow-xl-visible {
    overflow: visible !important;
  }

  .overflow-x-xl-visible {
    overflow-x: visible !important;
  }

  .overflow-y-xl-visible {
    overflow-y: visible !important;
  }

  .w-xl-25 {
    inline-size: 25% !important;
  }

  .h-xl-25 {
    block-size: 25% !important;
  }

  .flex-xl-basis-25 {
    flex-basis: 25% !important;
  }

  .w-xl-50 {
    inline-size: 50% !important;
  }

  .h-xl-50 {
    block-size: 50% !important;
  }

  .flex-xl-basis-50 {
    flex-basis: 50% !important;
  }

  .w-xl-75 {
    inline-size: 75% !important;
  }

  .h-xl-75 {
    block-size: 75% !important;
  }

  .flex-xl-basis-75 {
    flex-basis: 75% !important;
  }

  .w-xl-100 {
    inline-size: 100% !important;
  }

  .h-xl-100 {
    block-size: 100% !important;
  }

  .flex-xl-basis-100 {
    flex-basis: 100% !important;
  }

  .w-xl-auto {
    inline-size: auto !important;
  }

  .h-xl-auto {
    block-size: auto !important;
  }

  .flex-xl-basis-auto {
    flex-basis: auto !important;
  }

  .w-full-xl {
    inline-size: 100% !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0 {
    margin-block-start: 0 !important;
  }

  .mb-xl-0 {
    margin-block-end: 0 !important;
  }

  .ml-xl-0 {
    margin-inline-start: 0 !important;
  }

  .mr-xl-0 {
    margin-inline-end: 0 !important;
  }

  .mx-xl-0 {
    margin-inline: 0 !important;
  }

  .my-xl-0 {
    margin-block: 0 !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0 {
    padding-block-start: 0 !important;
  }

  .pb-xl-0 {
    padding-block-end: 0 !important;
  }

  .pl-xl-0 {
    padding-inline-start: 0 !important;
  }

  .pr-xl-0 {
    padding-inline-end: 0 !important;
  }

  .px-xl-0 {
    padding-inline: 0 !important;
  }

  .py-xl-0 {
    padding-block: 0 !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }

  .row-gap-xl-0 {
    row-gap: 0 !important;
  }

  .m-xl-1 {
    margin: 0.28125rem !important;
  }

  .mt-xl-1 {
    margin-block-start: 0.28125rem !important;
  }

  .mb-xl-1 {
    margin-block-end: 0.28125rem !important;
  }

  .ml-xl-1 {
    margin-inline-start: 0.28125rem !important;
  }

  .mr-xl-1 {
    margin-inline-end: 0.28125rem !important;
  }

  .mx-xl-1 {
    margin-inline: 0.28125rem !important;
  }

  .my-xl-1 {
    margin-block: 0.28125rem !important;
  }

  .p-xl-1 {
    padding: 0.28125rem !important;
  }

  .pt-xl-1 {
    padding-block-start: 0.28125rem !important;
  }

  .pb-xl-1 {
    padding-block-end: 0.28125rem !important;
  }

  .pl-xl-1 {
    padding-inline-start: 0.28125rem !important;
  }

  .pr-xl-1 {
    padding-inline-end: 0.28125rem !important;
  }

  .px-xl-1 {
    padding-inline: 0.28125rem !important;
  }

  .py-xl-1 {
    padding-block: 0.28125rem !important;
  }

  .gap-xl-1 {
    gap: 0.28125rem !important;
  }

  .column-gap-xl-1 {
    -moz-column-gap: 0.28125rem !important;
         column-gap: 0.28125rem !important;
  }

  .row-gap-xl-1 {
    row-gap: 0.28125rem !important;
  }

  .m-xl-2 {
    margin: 0.5625rem !important;
  }

  .mt-xl-2 {
    margin-block-start: 0.5625rem !important;
  }

  .mb-xl-2 {
    margin-block-end: 0.5625rem !important;
  }

  .ml-xl-2 {
    margin-inline-start: 0.5625rem !important;
  }

  .mr-xl-2 {
    margin-inline-end: 0.5625rem !important;
  }

  .mx-xl-2 {
    margin-inline: 0.5625rem !important;
  }

  .my-xl-2 {
    margin-block: 0.5625rem !important;
  }

  .p-xl-2 {
    padding: 0.5625rem !important;
  }

  .pt-xl-2 {
    padding-block-start: 0.5625rem !important;
  }

  .pb-xl-2 {
    padding-block-end: 0.5625rem !important;
  }

  .pl-xl-2 {
    padding-inline-start: 0.5625rem !important;
  }

  .pr-xl-2 {
    padding-inline-end: 0.5625rem !important;
  }

  .px-xl-2 {
    padding-inline: 0.5625rem !important;
  }

  .py-xl-2 {
    padding-block: 0.5625rem !important;
  }

  .gap-xl-2 {
    gap: 0.5625rem !important;
  }

  .column-gap-xl-2 {
    -moz-column-gap: 0.5625rem !important;
         column-gap: 0.5625rem !important;
  }

  .row-gap-xl-2 {
    row-gap: 0.5625rem !important;
  }

  .m-xl-3 {
    margin: 1.125rem !important;
  }

  .mt-xl-3 {
    margin-block-start: 1.125rem !important;
  }

  .mb-xl-3 {
    margin-block-end: 1.125rem !important;
  }

  .ml-xl-3 {
    margin-inline-start: 1.125rem !important;
  }

  .mr-xl-3 {
    margin-inline-end: 1.125rem !important;
  }

  .mx-xl-3 {
    margin-inline: 1.125rem !important;
  }

  .my-xl-3 {
    margin-block: 1.125rem !important;
  }

  .p-xl-3 {
    padding: 1.125rem !important;
  }

  .pt-xl-3 {
    padding-block-start: 1.125rem !important;
  }

  .pb-xl-3 {
    padding-block-end: 1.125rem !important;
  }

  .pl-xl-3 {
    padding-inline-start: 1.125rem !important;
  }

  .pr-xl-3 {
    padding-inline-end: 1.125rem !important;
  }

  .px-xl-3 {
    padding-inline: 1.125rem !important;
  }

  .py-xl-3 {
    padding-block: 1.125rem !important;
  }

  .gap-xl-3 {
    gap: 1.125rem !important;
  }

  .column-gap-xl-3 {
    -moz-column-gap: 1.125rem !important;
         column-gap: 1.125rem !important;
  }

  .row-gap-xl-3 {
    row-gap: 1.125rem !important;
  }

  .m-xl-4 {
    margin: 1.6875rem !important;
  }

  .mt-xl-4 {
    margin-block-start: 1.6875rem !important;
  }

  .mb-xl-4 {
    margin-block-end: 1.6875rem !important;
  }

  .ml-xl-4 {
    margin-inline-start: 1.6875rem !important;
  }

  .mr-xl-4 {
    margin-inline-end: 1.6875rem !important;
  }

  .mx-xl-4 {
    margin-inline: 1.6875rem !important;
  }

  .my-xl-4 {
    margin-block: 1.6875rem !important;
  }

  .p-xl-4 {
    padding: 1.6875rem !important;
  }

  .pt-xl-4 {
    padding-block-start: 1.6875rem !important;
  }

  .pb-xl-4 {
    padding-block-end: 1.6875rem !important;
  }

  .pl-xl-4 {
    padding-inline-start: 1.6875rem !important;
  }

  .pr-xl-4 {
    padding-inline-end: 1.6875rem !important;
  }

  .px-xl-4 {
    padding-inline: 1.6875rem !important;
  }

  .py-xl-4 {
    padding-block: 1.6875rem !important;
  }

  .gap-xl-4 {
    gap: 1.6875rem !important;
  }

  .column-gap-xl-4 {
    -moz-column-gap: 1.6875rem !important;
         column-gap: 1.6875rem !important;
  }

  .row-gap-xl-4 {
    row-gap: 1.6875rem !important;
  }

  .m-xl-5 {
    margin: 3.375rem !important;
  }

  .mt-xl-5 {
    margin-block-start: 3.375rem !important;
  }

  .mb-xl-5 {
    margin-block-end: 3.375rem !important;
  }

  .ml-xl-5 {
    margin-inline-start: 3.375rem !important;
  }

  .mr-xl-5 {
    margin-inline-end: 3.375rem !important;
  }

  .mx-xl-5 {
    margin-inline: 3.375rem !important;
  }

  .my-xl-5 {
    margin-block: 3.375rem !important;
  }

  .p-xl-5 {
    padding: 3.375rem !important;
  }

  .pt-xl-5 {
    padding-block-start: 3.375rem !important;
  }

  .pb-xl-5 {
    padding-block-end: 3.375rem !important;
  }

  .pl-xl-5 {
    padding-inline-start: 3.375rem !important;
  }

  .pr-xl-5 {
    padding-inline-end: 3.375rem !important;
  }

  .px-xl-5 {
    padding-inline: 3.375rem !important;
  }

  .py-xl-5 {
    padding-block: 3.375rem !important;
  }

  .gap-xl-5 {
    gap: 3.375rem !important;
  }

  .column-gap-xl-5 {
    -moz-column-gap: 3.375rem !important;
         column-gap: 3.375rem !important;
  }

  .row-gap-xl-5 {
    row-gap: 3.375rem !important;
  }

  .text-xl-start {
    text-align: start !important;
  }

  .text-xl-end {
    text-align: end !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-justify {
    text-align: justify !important;
  }
}
.w-100px {
  inline-size: 6.25rem !important;
}

.flex-static {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}

.row {
  --gutter-x: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  margin-inline-end: calc(-.5 * var(--gutter-x));
  margin-inline-start: calc(-.5 * var(--gutter-x));
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-inline-end: calc(var(--gutter-x) * .5);
  padding-inline-start: calc(var(--gutter-x) * .5);
}

.col-auto {
  flex: 0 0 auto;
  inline-size: auto;
}

.col-1 {
  flex: 0 0 auto;
  inline-size: 8.3333333333%;
}

.offset-1 {
  margin-inline-start: 8.3333333333%;
}

.col-2 {
  flex: 0 0 auto;
  inline-size: 16.6666666667%;
}

.offset-2 {
  margin-inline-start: 16.6666666667%;
}

.col-3 {
  flex: 0 0 auto;
  inline-size: 25%;
}

.offset-3 {
  margin-inline-start: 25%;
}

.col-4 {
  flex: 0 0 auto;
  inline-size: 33.3333333333%;
}

.offset-4 {
  margin-inline-start: 33.3333333333%;
}

.col-5 {
  flex: 0 0 auto;
  inline-size: 41.6666666667%;
}

.offset-5 {
  margin-inline-start: 41.6666666667%;
}

.col-6 {
  flex: 0 0 auto;
  inline-size: 50%;
}

.offset-6 {
  margin-inline-start: 50%;
}

.col-7 {
  flex: 0 0 auto;
  inline-size: 58.3333333333%;
}

.offset-7 {
  margin-inline-start: 58.3333333333%;
}

.col-8 {
  flex: 0 0 auto;
  inline-size: 66.6666666667%;
}

.offset-8 {
  margin-inline-start: 66.6666666667%;
}

.col-9 {
  flex: 0 0 auto;
  inline-size: 75%;
}

.offset-9 {
  margin-inline-start: 75%;
}

.col-10 {
  flex: 0 0 auto;
  inline-size: 83.3333333333%;
}

.offset-10 {
  margin-inline-start: 83.3333333333%;
}

.col-11 {
  flex: 0 0 auto;
  inline-size: 91.6666666667%;
}

.offset-11 {
  margin-inline-start: 91.6666666667%;
}

.col-12 {
  flex: 0 0 auto;
  inline-size: 100%;
}

.offset-12 {
  margin-inline-start: 100%;
}

@media (width >= 25rem) {
  .col-xs-auto {
    flex: 0 0 auto;
    inline-size: auto;
  }

  .col-xs-1 {
    flex: 0 0 auto;
    inline-size: 8.3333333333%;
  }

  .offset-xs-1 {
    margin-inline-start: 8.3333333333%;
  }

  .col-xs-2 {
    flex: 0 0 auto;
    inline-size: 16.6666666667%;
  }

  .offset-xs-2 {
    margin-inline-start: 16.6666666667%;
  }

  .col-xs-3 {
    flex: 0 0 auto;
    inline-size: 25%;
  }

  .offset-xs-3 {
    margin-inline-start: 25%;
  }

  .col-xs-4 {
    flex: 0 0 auto;
    inline-size: 33.3333333333%;
  }

  .offset-xs-4 {
    margin-inline-start: 33.3333333333%;
  }

  .col-xs-5 {
    flex: 0 0 auto;
    inline-size: 41.6666666667%;
  }

  .offset-xs-5 {
    margin-inline-start: 41.6666666667%;
  }

  .col-xs-6 {
    flex: 0 0 auto;
    inline-size: 50%;
  }

  .offset-xs-6 {
    margin-inline-start: 50%;
  }

  .col-xs-7 {
    flex: 0 0 auto;
    inline-size: 58.3333333333%;
  }

  .offset-xs-7 {
    margin-inline-start: 58.3333333333%;
  }

  .col-xs-8 {
    flex: 0 0 auto;
    inline-size: 66.6666666667%;
  }

  .offset-xs-8 {
    margin-inline-start: 66.6666666667%;
  }

  .col-xs-9 {
    flex: 0 0 auto;
    inline-size: 75%;
  }

  .offset-xs-9 {
    margin-inline-start: 75%;
  }

  .col-xs-10 {
    flex: 0 0 auto;
    inline-size: 83.3333333333%;
  }

  .offset-xs-10 {
    margin-inline-start: 83.3333333333%;
  }

  .col-xs-11 {
    flex: 0 0 auto;
    inline-size: 91.6666666667%;
  }

  .offset-xs-11 {
    margin-inline-start: 91.6666666667%;
  }

  .col-xs-12 {
    flex: 0 0 auto;
    inline-size: 100%;
  }

  .offset-xs-12 {
    margin-inline-start: 100%;
  }
}
@media (width >= 37.5rem) {
  .col-sm-auto {
    flex: 0 0 auto;
    inline-size: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    inline-size: 8.3333333333%;
  }

  .offset-sm-1 {
    margin-inline-start: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    inline-size: 16.6666666667%;
  }

  .offset-sm-2 {
    margin-inline-start: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    inline-size: 25%;
  }

  .offset-sm-3 {
    margin-inline-start: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    inline-size: 33.3333333333%;
  }

  .offset-sm-4 {
    margin-inline-start: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    inline-size: 41.6666666667%;
  }

  .offset-sm-5 {
    margin-inline-start: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    inline-size: 50%;
  }

  .offset-sm-6 {
    margin-inline-start: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    inline-size: 58.3333333333%;
  }

  .offset-sm-7 {
    margin-inline-start: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    inline-size: 66.6666666667%;
  }

  .offset-sm-8 {
    margin-inline-start: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    inline-size: 75%;
  }

  .offset-sm-9 {
    margin-inline-start: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    inline-size: 83.3333333333%;
  }

  .offset-sm-10 {
    margin-inline-start: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    inline-size: 91.6666666667%;
  }

  .offset-sm-11 {
    margin-inline-start: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    inline-size: 100%;
  }

  .offset-sm-12 {
    margin-inline-start: 100%;
  }
}
@media (width >= 46.25rem) {
  .col-md-auto {
    flex: 0 0 auto;
    inline-size: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    inline-size: 8.3333333333%;
  }

  .offset-md-1 {
    margin-inline-start: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    inline-size: 16.6666666667%;
  }

  .offset-md-2 {
    margin-inline-start: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    inline-size: 25%;
  }

  .offset-md-3 {
    margin-inline-start: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    inline-size: 33.3333333333%;
  }

  .offset-md-4 {
    margin-inline-start: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    inline-size: 41.6666666667%;
  }

  .offset-md-5 {
    margin-inline-start: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    inline-size: 50%;
  }

  .offset-md-6 {
    margin-inline-start: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    inline-size: 58.3333333333%;
  }

  .offset-md-7 {
    margin-inline-start: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    inline-size: 66.6666666667%;
  }

  .offset-md-8 {
    margin-inline-start: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    inline-size: 75%;
  }

  .offset-md-9 {
    margin-inline-start: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    inline-size: 83.3333333333%;
  }

  .offset-md-10 {
    margin-inline-start: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    inline-size: 91.6666666667%;
  }

  .offset-md-11 {
    margin-inline-start: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    inline-size: 100%;
  }

  .offset-md-12 {
    margin-inline-start: 100%;
  }
}
@media (width >= 61.25rem) {
  .col-lg-auto {
    flex: 0 0 auto;
    inline-size: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    inline-size: 8.3333333333%;
  }

  .offset-lg-1 {
    margin-inline-start: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    inline-size: 16.6666666667%;
  }

  .offset-lg-2 {
    margin-inline-start: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    inline-size: 25%;
  }

  .offset-lg-3 {
    margin-inline-start: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    inline-size: 33.3333333333%;
  }

  .offset-lg-4 {
    margin-inline-start: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    inline-size: 41.6666666667%;
  }

  .offset-lg-5 {
    margin-inline-start: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    inline-size: 50%;
  }

  .offset-lg-6 {
    margin-inline-start: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    inline-size: 58.3333333333%;
  }

  .offset-lg-7 {
    margin-inline-start: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    inline-size: 66.6666666667%;
  }

  .offset-lg-8 {
    margin-inline-start: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    inline-size: 75%;
  }

  .offset-lg-9 {
    margin-inline-start: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    inline-size: 83.3333333333%;
  }

  .offset-lg-10 {
    margin-inline-start: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    inline-size: 91.6666666667%;
  }

  .offset-lg-11 {
    margin-inline-start: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    inline-size: 100%;
  }

  .offset-lg-12 {
    margin-inline-start: 100%;
  }
}
@media (width >= 76.25rem) {
  .col-xl-auto {
    flex: 0 0 auto;
    inline-size: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    inline-size: 8.3333333333%;
  }

  .offset-xl-1 {
    margin-inline-start: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    inline-size: 16.6666666667%;
  }

  .offset-xl-2 {
    margin-inline-start: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    inline-size: 25%;
  }

  .offset-xl-3 {
    margin-inline-start: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    inline-size: 33.3333333333%;
  }

  .offset-xl-4 {
    margin-inline-start: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    inline-size: 41.6666666667%;
  }

  .offset-xl-5 {
    margin-inline-start: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    inline-size: 50%;
  }

  .offset-xl-6 {
    margin-inline-start: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    inline-size: 58.3333333333%;
  }

  .offset-xl-7 {
    margin-inline-start: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    inline-size: 66.6666666667%;
  }

  .offset-xl-8 {
    margin-inline-start: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    inline-size: 75%;
  }

  .offset-xl-9 {
    margin-inline-start: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    inline-size: 83.3333333333%;
  }

  .offset-xl-10 {
    margin-inline-start: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    inline-size: 91.6666666667%;
  }

  .offset-xl-11 {
    margin-inline-start: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    inline-size: 100%;
  }

  .offset-xl-12 {
    margin-inline-start: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
  html {
    interpolate-size: allow-keywords;
  }
  html:focus-within {
    scroll-behavior: smooth;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
  }
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

#responsive-status {
  display: none;
  font-family: "mobile";
  min-width: 0;
}
@media (min-width: 0) {
  #responsive-status {
    font-family: "mobile";
    min-width: 0;
  }
}
@media (min-width: 25rem) {
  #responsive-status {
    font-family: "xs";
    min-width: 25rem;
  }
}
@media (min-width: 37.5rem) {
  #responsive-status {
    font-family: "sm";
    min-width: 37.5rem;
  }
}
@media (min-width: 46.25rem) {
  #responsive-status {
    font-family: "md";
    min-width: 46.25rem;
  }
}
@media (min-width: 61.25rem) {
  #responsive-status {
    font-family: "lg";
    min-width: 61.25rem;
  }
}
@media (min-width: 76.25rem) {
  #responsive-status {
    font-family: "xl";
    min-width: 76.25rem;
  }
}

body {
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  text-align: center;
  backface-visibility: hidden;
}

.site-wrapper {
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

.site-canvas {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

.site-content {
  flex: 1 0 auto;
}

.container,
[class^=container-]:not(.container-inner) {
  inline-size: clamp(20rem, 100%, 76.25rem);
  margin-inline: auto;
  padding-inline: 0.5625rem;
  text-align: start;
}
@media (width >= 37.5rem) {
  .container,
[class^=container-]:not(.container-inner) {
    padding-inline: 1.125rem;
  }
}
.mfp-lightbox-ajax .mfp-content .container,
.mfp-lightbox-ajax .mfp-content [class^=container-]:not(.container-inner) {
  padding-block-start: 3.0625rem;
  padding-block-end: 0.5625rem;
}
@media (width >= 37.5rem) {
  .mfp-lightbox-ajax .mfp-content .container,
.mfp-lightbox-ajax .mfp-content [class^=container-]:not(.container-inner) {
    padding-block-start: 3.625rem;
    padding-block-end: 1.125rem;
  }
}
.container .container,
.container .alerts,
[class^=container-]:not(.container-inner) .container,
[class^=container-]:not(.container-inner) .alerts {
  inline-size: auto;
  padding: 0;
  margin-inline-start: 0;
}

.floatleft,
.floatright,
.float-left,
.float-right {
  float: none;
  display: block;
  margin: 0 auto 1.125rem;
}

.pull-left,
.pull-right {
  max-width: 47%;
  margin-bottom: 1%;
}

.pull-left {
  float: left;
  margin-right: 3%;
}

.pull-right {
  float: right;
  margin-left: 3%;
}

@media (width >= 37.5rem) {
  .floatleft,
.floatright,
.float-left,
.float-right {
    max-width: 47%;
    margin-bottom: 1%;
  }

  .floatleft,
.float-left {
    float: left;
    margin-right: 3%;
  }

  .floatright,
.float-right {
    float: right;
    margin-left: 3%;
  }
}
:where(a:not(.button)),
.textlink {
  color: #345197;
  text-decoration: underline;
}
:where(a:not(.button)):visited,
.textlink:visited {
  color: #345197;
}
:where(a:not(.button)):hover,
.textlink:hover {
  color: #345197;
}
:where(a:not(.button)):active,
.textlink:active {
  color: #345197;
}
:where(a:not(.button)):hover, :where(a:not(.button)):focus-visible,
.textlink:hover,
.textlink:focus-visible {
  text-decoration: none;
}

.disguised-link {
  color: inherit;
  text-decoration: inherit;
}
.disguised-link:hover, .disguised-link:focus-visible {
  text-decoration: underline;
}

.go-back {
  display: inline-flex;
  justify-content: center;
  gap: 0.3125rem;
  align-items: center;
  vertical-align: middle;
  border: 1px solid;
  border-radius: 0.125rem;
  background-image: none;
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 1rem;
  padding-block: 0.1875rem;
  padding-inline: 0.625rem;
  min-block-size: calc(1rem * 1.5 + (0.1875rem * 2) + 1px * 2);
}
.go-back:disabled, .go-back.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.go-back, .go-back:hover {
  text-decoration: none;
}
.go-back:active, .go-back.is-open {
  background-image: none;
  text-decoration: none;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.175);
}
.go-back > * {
  vertical-align: inherit;
}
.go-back .icon {
  --icon-size: 1em;
  --calculated-icon-size: calc(var(--icon-size) * 1.5);
  --icon-padding: calc((var(--calculated-icon-size) - var(--icon-size)) / 2);
  padding: var(--icon-padding);
  margin-inline: calc(var(--icon-padding) * -1);
  inline-size: var(--calculated-icon-size);
  block-size: var(--calculated-icon-size);
  max-inline-size: none !important;
}
.go-back .icon--lg {
  --icon-size: 1.5em;
}
.go-back, .go-back:visited, .go-back.button {
  color: #222;
  background-color: transparent;
  border-color: #6b6b6b;
}
.go-back:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #6b6b6b;
  border-color: #6b6b6b;
}
.go-back:not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.go-back:not(:disabled):not(.disabled):active, .go-back:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #444;
  border-color: #444;
}
.go-back:not(:disabled):not(.disabled):active:after, .go-back:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}

@media (width < 37.5rem) {
  .go-back__text {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
  }
}
.more {
  display: inline-flex;
  align-items: center;
  gap: 0.1875rem;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5;
}

.additional-info-link {
  padding: 0;
  border: 0;
  background: none;
  color: #345197;
  width: 1.5em;
  height: 1.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  top: -0.05em;
  cursor: help;
}
.additional-info-link .icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.additional-info-link:hover, .additional-info-link:focus {
  color: #345197;
}

.alert-message {
  --_font-size: 1.125rem;
  --_line-height: 1.5;
  --_padding-block: 0.3125rem;
  --_padding-inline: 0.625rem;
  --_text-color: #111;
  --_bg-color: #fff;
  --_border-color: #bbb;
  --_border-style: solid;
  --_border-width: 1px;
  --_border-radius: $alert-border-radius;
  position: relative;
  padding-block: var(--_padding-block);
  padding-inline-end: var(--_padding-inline);
  color: var(--_text-color);
  background-color: var(--_bg-color);
  border: var(--_border-width) var(--_border-style) var(--_border-color);
  border-radius: var(--_border-radius);
  font-size: var(--_font-size);
  line-height: var(--_line-height);
  padding-inline-start: calc(var(--_font-size) + var(--_padding-inline) * 3);
}
.alert-message:empty {
  display: none;
}
.alert-message:before {
  --_icon: none;
  --_icon-color: #6b6b6b;
  --_icon-bg-color: #eee;
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inline-size: calc(var(--_font-size) + var(--_padding-inline) * 2);
  background-repeat: no-repeat;
  background-size: var(--_font-size) var(--_font-size);
  background-position: calc(((var(--_font-size) * var(--_line-height)) - var(--_font-size)) / 2 + var(--_padding-block)) var(--_padding-inline);
  background-image: var(--_icon);
  color: var(--_icon-color);
  background-color: var(--_icon-bg-color);
}
.alert-message p {
  margin: 0;
  padding: 0;
}
.alert-message ul li + li {
  margin-block-start: 0;
}
.alert-message + .alert-message,
.alert-message + .formrow {
  margin-block-start: 1.125rem;
}

.alert-message.info {
  --_text-color: #111;
  --_bg-color: #ebeef5;
  --_border-color: #345197;
}
.alert-message.info:before {
  --_icon-color: #345197;
  --_icon-bg-color: #d6dcea;
  --_icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 639 639'%3e%3cpath d='M288,223.5V159h63v64.5ZM319.5,576C460.5,576,576,460.5,576,319.5S460.5,63,319.5,63,63,178.5,63,319.5,178.5,576,319.5,576Zm0-576A319.5,319.5,0,1,1,0,319.5,318.8,318.8,0,0,1,319.5,0ZM288,480V288h63V480Z' fill='%23345197'/%3e%3c/svg%3e");
}

.alert-message.warning {
  --_text-color: #111;
  --_bg-color: #fef8ea;
  --_border-color: #F5BD29;
}
.alert-message.warning:before {
  --_icon-color: #F5BD29;
  --_icon-bg-color: #fdf2d4;
  --_icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448.5 416'%3e%3cpath d='M256.3,343.8V296.3a8,8,0,0,0-2.4-5.9,7.7,7.7,0,0,0-5.6-2.4h-48a7.7,7.7,0,0,0-5.6,2.4,8,8,0,0,0-2.4,5.9v47.5a8,8,0,0,0,2.4,5.9,7.7,7.7,0,0,0,5.6,2.4h48a7.7,7.7,0,0,0,5.6-2.4A8,8,0,0,0,256.3,343.8Zm-.5-93.5,4.5-114.7a5.5,5.5,0,0,0-2.5-4.7q-3.3-2.7-6-2.7h-55q-2.7,0-6,2.8a6,6,0,0,0-2.5,5.3l4.3,114.3a4.8,4.8,0,0,0,2.5,4.1,10.8,10.8,0,0,0,6,1.6h46.3a10.2,10.2,0,0,0,5.9-1.6A5.6,5.6,0,0,0,255.8,250.3ZM252.3,16.8l192,352q8.8,15.8-.5,31.5A32,32,0,0,1,416.3,416H32.3A32,32,0,0,1,4.8,400.3q-9.2-15.7-.5-31.5l192-352A31.9,31.9,0,0,1,208,4.5a31.6,31.6,0,0,1,32.5,0A31.9,31.9,0,0,1,252.3,16.8Z' fill='%23F5BD29'/%3e%3c/svg%3e");
}

.alert-message.error {
  --_text-color: #111;
  --_bg-color: #fbe7e7;
  --_border-color: #D90A0A;
}
.alert-message.error:before {
  --_icon-color: #D90A0A;
  --_icon-bg-color: #f7cece;
  --_icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 385.3'%3e%3cpath d='M328,192.5a132.7,132.7,0,0,0-21.7-73.7L117.8,307Q152,329.3,192,329.3a131.7,131.7,0,0,0,52.9-10.9,138.3,138.3,0,0,0,43.4-29.1A138.6,138.6,0,0,0,328,192.5ZM78.3,267.3,267,78.8A131.2,131.2,0,0,0,192,56a132.9,132.9,0,0,0-68.2,18.3A136.5,136.5,0,0,0,56,192.5,134.5,134.5,0,0,0,78.3,267.3ZM384,192.5a189.2,189.2,0,0,1-15.2,75q-15.2,35.8-40.9,61.5t-61.2,41a190.2,190.2,0,0,1-149.2,0q-35.6-15.2-61.2-41T15.3,267.5a191.7,191.7,0,0,1,0-149.9Q30.5,82,56.1,56.3t61.3-41a190.2,190.2,0,0,1,149.3,0q35.6,15.3,61.3,41t40.9,61.4A188.3,188.3,0,0,1,384,192.5Z' fill='%23D90A0A'/%3e%3c/svg%3e");
}

.alert-message.success {
  --_text-color: #111;
  --_bg-color: #e6f0ea;
  --_border-color: #006631;
}
.alert-message.success:before {
  --_icon-color: #006631;
  --_icon-bg-color: #cce0d6;
  --_icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 387.5 297'%3e%3cpath d='M387.5,58a23.1,23.1,0,0,1-7,17l-215,215a24.1,24.1,0,0,1-34,0L7,165.5a24.1,24.1,0,0,1,0-34l34-34a23.1,23.1,0,0,1,17-7,23.1,23.1,0,0,1,17,7l73.5,73.8L312.5,7a24.1,24.1,0,0,1,34,0l34,34A23.1,23.1,0,0,1,387.5,58Z' fill='%23006631'/%3e%3c/svg%3e");
}

.alerts {
  inline-size: clamp(20rem, 100%, 76.25rem);
  margin-inline: auto;
  padding-inline: 0.5625rem;
  text-align: start;
  margin-block-end: 1.125rem;
}
@media (width >= 37.5rem) {
  .alerts {
    padding-inline: 1.125rem;
  }
}
.mfp-lightbox-ajax .mfp-content .alerts {
  padding-block-start: 3.0625rem;
  padding-block-end: 0.5625rem;
}
@media (width >= 37.5rem) {
  .mfp-lightbox-ajax .mfp-content .alerts {
    padding-block-start: 3.625rem;
    padding-block-end: 1.125rem;
  }
}
.alerts .container,
.alerts .alerts {
  inline-size: auto;
  padding: 0;
  margin-inline-start: 0;
}

.alert-message__icon-status {
  display: none !important;
}

blockquote {
  margin: 1.125rem 0;
  padding: 0.5em 2.5em;
  position: relative;
  background-color: color("background");
}
blockquote:before, blockquote:after {
  color: color("grayscale");
  font-size: 5em;
  position: absolute;
  line-height: 0.1em;
}
blockquote:before {
  content: "“";
  left: 0.3em;
  top: 0.3em;
}
blockquote:after {
  content: "”";
  right: 0.2em;
  bottom: 0;
}

.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  vertical-align: middle;
}
.btn-group > .btn, .btn-group > .button,
.btn-group > .button-small {
  position: relative;
  float: left;
}
.btn-group > .btn:not(:first-child):not(:last-child), .btn-group > .button:not(:first-child):not(:last-child),
.btn-group > .button-small:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group > .btn:first-child:not(:last-child), .btn-group > .button:first-child:not(:last-child),
.btn-group > .button-small:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .button:last-child:not(:first-child),
.btn-group > .button-small:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .btn + .btn, .btn-group .button + .btn,
.btn-group .button-small + .btn, .btn-group .btn + .button, .btn-group .button + .button,
.btn-group .button-small + .button,
.btn-group .btn + .button-small,
.btn-group .button + .button-small,
.btn-group .button-small + .button-small,
.btn-group .btn + .btn-group,
.btn-group .button + .btn-group,
.btn-group .button-small + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .button,
.btn-group .btn-group + .button-small,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-group > .btn:hover, .btn-group > .button:hover,
.btn-group > .button-small:hover,
.btn-group > .btn:active,
.btn-group > .button:active,
.btn-group > .button-small:active,
.btn-group > .btn.is-active,
.btn-group > .is-active.button,
.btn-group > .is-active.button-small,
.btn-group > .btn.open,
.btn-group > .open.button,
.btn-group > .open.button-small {
  z-index: 2;
}

.btn, .button,
.button-small {
  display: inline-flex;
  justify-content: center;
  gap: 0.3125rem;
  align-items: center;
  vertical-align: middle;
  border: 1px solid;
  border-radius: 0.125rem;
  background-image: none;
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.btn:disabled, .button:disabled,
.button-small:disabled, .btn.disabled, .disabled.button,
.disabled.button-small {
  opacity: 0.5;
  pointer-events: none;
}
.btn, .button,
.button-small, .btn:hover {
  text-decoration: none;
}
.btn:active, .button:active,
.button-small:active, .btn.is-open, .is-open.button,
.is-open.button-small {
  background-image: none;
  text-decoration: none;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.175);
}
.btn > *, .button > *,
.button-small > * {
  vertical-align: inherit;
}
.btn .icon, .button .icon,
.button-small .icon {
  --icon-size: 1em;
  --calculated-icon-size: calc(var(--icon-size) * 1.5);
  --icon-padding: calc((var(--calculated-icon-size) - var(--icon-size)) / 2);
  padding: var(--icon-padding);
  margin-inline: calc(var(--icon-padding) * -1);
  inline-size: var(--calculated-icon-size);
  block-size: var(--calculated-icon-size);
  max-inline-size: none !important;
}
.btn .icon--lg, .button .icon--lg,
.button-small .icon--lg {
  --icon-size: 1.5em;
}

.btn, .button,
.button-small, .btn:visited, .btn.button {
  color: #111;
  background-color: #ccc;
  border-color: #ccc;
}
.btn:not(:disabled):not(.disabled):hover, .button:not(:disabled):not(.disabled):hover,
.button-small:not(:disabled):not(.disabled):hover {
  color: #111;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
}
.btn:not(:disabled):not(.disabled):hover:after, .button:not(:disabled):not(.disabled):hover:after,
.button-small:not(:disabled):not(.disabled):hover:after {
  background-color: #111;
}
.btn:not(:disabled):not(.disabled):active, .button:not(:disabled):not(.disabled):active,
.button-small:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled)[aria-expanded=true], .button:not(:disabled):not(.disabled)[aria-expanded=true],
.button-small:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #111;
  background-color: #bebebe;
  border-color: #bebebe;
}
.btn:not(:disabled):not(.disabled):active:after, .button:not(:disabled):not(.disabled):active:after,
.button-small:not(:disabled):not(.disabled):active:after, .btn:not(:disabled):not(.disabled)[aria-expanded=true]:after, .button:not(:disabled):not(.disabled)[aria-expanded=true]:after,
.button-small:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #111;
}

.btn--primary, .btn--primary:visited, .btn--primary.button {
  color: #fff;
  background-color: #345197;
  border-color: #345197;
}
.btn--primary:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #5069a6;
  border-color: #5069a6;
}
.btn--primary:not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.btn--primary:not(:disabled):not(.disabled):active, .btn--primary:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #2d4682;
  border-color: #2d4682;
}
.btn--primary:not(:disabled):not(.disabled):active:after, .btn--primary:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}

.btn--action, .btn--action:visited, .btn--action.button {
  color: #111;
  background-color: #F5BD29;
  border-color: #F5BD29;
}
.btn--action:not(:disabled):not(.disabled):hover {
  color: #111;
  background-color: #f8d169;
  border-color: #f8d169;
}
.btn--action:not(:disabled):not(.disabled):hover:after {
  background-color: #111;
}
.btn--action:not(:disabled):not(.disabled):active, .btn--action:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #111;
  background-color: #e4b026;
  border-color: #e4b026;
}
.btn--action:not(:disabled):not(.disabled):active:after, .btn--action:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #111;
}

.btn--accept, .btn--accept:visited, .btn--accept.button {
  color: #006631;
  background-color: transparent;
  border-color: #006631;
}
.btn--accept:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #12713f;
  border-color: #12713f;
}
.btn--accept:not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.btn--accept:not(:disabled):not(.disabled):active, .btn--accept:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #00582a;
  border-color: #00582a;
}
.btn--accept:not(:disabled):not(.disabled):active:after, .btn--accept:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}

.btn--decline, .btn--decline:visited, .btn--decline.button {
  color: #D90A0A;
  background-color: transparent;
  border-color: #D90A0A;
}
.btn--decline:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #de2c2c;
  border-color: #de2c2c;
}
.btn--decline:not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.btn--decline:not(:disabled):not(.disabled):active, .btn--decline:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #e24242;
  border-color: #a70808;
}
.btn--decline:not(:disabled):not(.disabled):active:after, .btn--decline:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}

.btn--translucent, .btn--translucent:visited, .btn--translucent.button {
  color: #111;
  background-color: rgba(255, 255, 255, 0.65);
  border-color: #888;
  backdrop-filter: blur(10px);
}
.btn--translucent:not(:disabled):not(.disabled):hover {
  color: #111;
  background-color: rgba(255, 255, 255, 0.8);
  border-color: #888;
}
.btn--translucent:not(:disabled):not(.disabled):hover:after {
  background-color: #111;
}
.btn--translucent:not(:disabled):not(.disabled):active, .btn--translucent:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #111;
  background-color: white;
  border-color: #888;
}
.btn--translucent:not(:disabled):not(.disabled):active:after, .btn--translucent:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #111;
}

.btn--ghost, .btn--ghost:visited, .btn--ghost.button {
  color: #222;
  background-color: transparent;
  border-color: #6b6b6b;
}
.btn--ghost:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #6b6b6b;
  border-color: #6b6b6b;
}
.btn--ghost:not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.btn--ghost:not(:disabled):not(.disabled):active, .btn--ghost:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #444;
  border-color: #444;
}
.btn--ghost:not(:disabled):not(.disabled):active:after, .btn--ghost:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}

.btn--tag, .btn--tag:visited, .btn--tag.button {
  color: #345197;
  background-color: #D9EFFF;
  border-color: #D9EFFF;
}
.btn--tag:not(:disabled):not(.disabled):hover {
  color: #345197;
  background-color: #D9EFFF;
  border-color: #89acfa;
}
.btn--tag:not(:disabled):not(.disabled):hover:after {
  background-color: #345197;
}
.btn--tag:not(:disabled):not(.disabled):active, .btn--tag:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #345197;
  background-color: #D9EFFF;
  border-color: #89acfa;
}
.btn--tag:not(:disabled):not(.disabled):active:after, .btn--tag:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #345197;
}

.btn--paypal, .btn--paypal:visited, .btn--paypal.button {
  color: #111;
  background-color: #FFC439;
  border-color: #FFC439;
}
.btn--paypal:not(:disabled):not(.disabled):hover {
  color: #111;
  background-color: #edb635;
  border-color: #edb635;
}
.btn--paypal:not(:disabled):not(.disabled):hover:after {
  background-color: #111;
}
.btn--paypal:not(:disabled):not(.disabled):active, .btn--paypal:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #111;
  background-color: #d9a730;
  border-color: #d9a730;
}
.btn--paypal:not(:disabled):not(.disabled):active:after, .btn--paypal:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #111;
}

.btn, .button,
.button-small {
  font-size: 1.125rem;
  padding-block: 0.375rem;
  padding-inline: 1.25rem;
  min-block-size: calc(1.125rem * 1.5 + (0.375rem * 2) + 1px * 2);
}

.btn--narrow {
  font-size: 1.125rem;
  padding-block: 0.375rem;
  padding-inline: 0.625rem;
  min-block-size: calc(1.125rem * 1.5 + (0.375rem * 2) + 1px * 2);
}

.btn--sm {
  font-size: 1rem;
  padding-block: 0.1875rem;
  padding-inline: 0.625rem;
  min-block-size: calc(1rem * 1.5 + (0.1875rem * 2) + 1px * 2);
}

.btn--lg {
  font-size: 1.375rem;
  padding-block: 0.625rem;
  padding-inline: 1.25rem;
  min-block-size: calc(1.375rem * 1.5 + (0.625rem * 2) + 1px * 2);
}

.btn--square {
  font-size: 1.125rem;
  padding-block: 0.375rem;
  padding-inline: 0;
  min-block-size: calc(1.125rem * 1.5 + (0.375rem * 2) + 1px * 2);
  aspect-ratio: 1;
}

.btn--full {
  inline-size: 100%;
}

.btn--link:not(:disabled):not(.disabled) {
  color: #345197;
  text-decoration: underline;
}
.btn--link:not(:disabled):not(.disabled), .btn--link:not(:disabled):not(.disabled):hover, .btn--link:not(:disabled):not(.disabled):active, .btn--link:not(:disabled):not(.disabled).is-open {
  border-color: transparent;
  background-color: transparent;
}
.btn--link:not(:disabled):not(.disabled):hover {
  color: #345197;
  text-decoration: none;
}
.btn--link:not(:disabled):not(.disabled):active, .btn--link:not(:disabled):not(.disabled).is-open {
  color: #345197;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.btn--loading:not(:disabled):not(.disabled).is-loading {
  color: transparent;
  position: relative;
  pointer-events: none;
}
.btn--loading:not(:disabled):not(.disabled).is-loading:before {
  content: "";
  block-size: 1.125rem;
  inline-size: 1.125rem;
  animation: rotation 1s infinite linear;
  border: 2px solid rgba(52, 81, 151, 0.3);
  border-top-color: rgba(52, 81, 151, 0.9);
  border-radius: 50%;
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.no-btn {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
}

.btn--no-caret::after {
  display: none !important;
}

.paypal-button {
  display: inline-flex;
}
.paypal-button, .paypal-button:visited, .paypal-button.button {
  color: #111;
  background-color: #FFC439;
  border-color: #FFC439;
}
.paypal-button:not(:disabled):not(.disabled):hover {
  color: #111;
  background-color: #edb635;
  border-color: #edb635;
}
.paypal-button:not(:disabled):not(.disabled):hover:after {
  background-color: #111;
}
.paypal-button:not(:disabled):not(.disabled):active, .paypal-button:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #111;
  background-color: #d9a730;
  border-color: #d9a730;
}
.paypal-button:not(:disabled):not(.disabled):active:after, .paypal-button:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #111;
}
.paypal-button .paypal-button__container {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}

.js-captcha {
  min-height: 3.75rem;
  display: flex;
}
.formitem .js-captcha ~ .formfield {
  clear: both;
  width: 11.25rem;
}

.captcha__refresh {
  margin: 0;
}

.captcha__img {
  margin-right: 0.625rem;
}

code,
pre code,
body pre code {
  color: #111;
  word-break: break-word;
}

.embed-container {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.7777777778;
}
.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container video,
.embed-container .mce-preview-object,
.embed-container .mce-object-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.error-message {
  font-style: italic;
  color: #D90A0A;
}

fieldset {
  margin: 0;
  border: 1px solid #ccc;
  padding: 1rem 1.25rem;
  background-color: transparent;
}
fieldset + fieldset {
  margin-top: -1px;
}
fieldset .legend {
  margin-top: 0;
}

.formError {
  position: relative;
  color: #fff;
  background-color: #D90A0A;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-block-start: 0.3125rem;
  padding: 0 0.3125rem;
  border-radius: 0;
}
.formError:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(0.375rem * 2);
  height: 0.375rem;
  background-color: #D90A0A;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(0);
  left: 0.3125rem;
  top: -0.3125rem;
}
.formError:empty {
  display: none;
}

.formitem .loading-anim {
  display: none;
}

.formfield {
  position: relative;
}
.formfield + .loading-anim {
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  margin-top: 0;
  margin-left: 0;
  background-size: contain;
  left: auto;
  right: 1rem;
  top: 2.4rem;
  display: none;
}
.formfield.is-loading + .loading-anim {
  display: block;
}

input,
button,
select,
textarea {
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.formfield,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0;
  border: 1px solid #6b6b6b;
  color: #111;
  background-color: #fff;
  border-radius: 0.125rem;
  font-size: 1.125rem;
  line-height: 1.5;
}
.formfield:hover,
select:hover {
  border-color: #345197;
}
.formfield:focus,
select:focus {
  border-color: #345197;
  background-color: #fff;
}
.formfield.error,
select.error {
  border: 1px solid color("error");
}
.formfield[disabled], .formfield[disabled]:hover, .formfield[disabled]:focus,
select[disabled],
select[disabled]:hover,
select[disabled]:focus {
  color: rgba(17, 17, 17, 0.5);
  background-color: rgba(255, 255, 255, 0.5);
  border-color: rgba(107, 107, 107, 0.5);
}

.formfield,
select {
  padding: 0.375rem 0.625rem;
}

.formfield--sm {
  font-size: 1rem;
  padding: 0.1875rem 0.3125rem;
}

.formfield--lg {
  font-size: 1.375rem;
  padding: 0.625rem 0.625rem;
}

select.formfield,
input.formfield {
  min-block-size: calc(1.125rem * 1.5 + (0.375rem * 2) + 1px * 2);
}

select.formfield--sm,
input.formfield--sm {
  min-block-size: calc(1rem * 1.5 + (0.1875rem * 2) + 1px * 2);
}

select.formfield--lg,
input.formfield--lg {
  min-block-size: calc(1.375rem * 1.5 + (0.625rem * 2) + 1px * 2);
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.disabled {
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.label.req + .formfield,
.label.req + select,
.label.required + .formfield,
.label.required + select,
.label.req + .password-helper .formfield,
.label.required + .password-helper .formfield,
.formfield.required,
select.required {
  border: 1px solid #6b6b6b;
  background-color: #eee;
}
.label.req + .formfield:hover,
.label.req + select:hover,
.label.required + .formfield:hover,
.label.required + select:hover,
.label.req + .password-helper .formfield:hover,
.label.required + .password-helper .formfield:hover,
.formfield.required:hover,
select.required:hover {
  border-color: #345197;
}
.label.req + .formfield:focus,
.label.req + select:focus,
.label.required + .formfield:focus,
.label.required + select:focus,
.label.req + .password-helper .formfield:focus,
.label.required + .password-helper .formfield:focus,
.formfield.required:focus,
select.required:focus {
  border-color: #345197;
}
.label.req + .formfield.error,
.label.req + select.error,
.label.required + .formfield.error,
.label.required + select.error,
.label.req + .password-helper .formfield.error,
.label.required + .password-helper .formfield.error,
.formfield.required.error,
select.required.error {
  border: 1px solid color("error");
}

select,
select.formfield,
select.formfield--sm,
select.formfield--lg {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.625rem center;
}

select,
select.formfield {
  background-size: 1rem 0.75rem;
  padding-inline-end: 1.875rem;
}

select.formfield--sm {
  background-size: 0.75rem 0.5625rem;
  padding-inline-end: 1.75rem;
}

select.formfield--lg {
  background-size: 1.25rem 0.9375rem;
  padding-inline-end: 2.25rem;
}

textarea,
select[size],
select[multiple] {
  block-size: auto;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  ::-webkit-validation-bubble-message {
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
    border: 0;
    color: #fff;
    font: 0.8rem/1rem "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
    overflow: hidden;
    padding: 1rem 1rem 1.1rem;
    text-shadow: #000 0 0 1px;
    min-block-size: 1rem;
  }

  ::-webkit-validation-bubble-arrow,
::-webkit-validation-bubble-top-outer-arrow,
::-webkit-validation-bubble-top-inner-arrow {
    box-shadow: none;
    background: #666;
    border-color: #666;
  }
}
textarea {
  min-block-size: 2.5rem;
  inline-size: 100%;
  overflow: auto;
  resize: vertical;
  overflow-y: auto;
}

optgroup {
  color: #111;
  font-style: normal;
  font-weight: normal;
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
optgroup::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

span.formfield > iframe {
  display: block;
}

.formgroup {
  position: relative;
  display: flex;
  width: 100%;
}
.formgroup .formfield {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  width: 1%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.formgroup .formfield:hover, .formgroup .formfield:focus, .formgroup .formfield:active {
  z-index: 3;
}
.formgroup > *:not(:last-child) {
  margin-right: -1px;
}

.formgroup__addon,
.formgroup__btn,
.formgroup .formfield {
  display: flex;
  align-items: center;
}
.formgroup__addon:not(:first-child):not(:last-child),
.formgroup__btn:not(:first-child):not(:last-child),
.formgroup .formfield:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.formgroup__addon,
.formgroup__btn {
  white-space: nowrap;
  vertical-align: middle;
}

.formgroup__addon {
  padding: 0.375rem 0.625rem;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1;
  color: #111;
  text-align: center;
  background-color: #eee;
  border: 1px solid #6b6b6b;
  border-radius: 0.125rem;
}
.formgroup__addon input[type=radio],
.formgroup__addon input[type=checkbox] {
  margin-top: 0;
}

.formgroup .formfield:not(:last-child),
.formgroup__addon:not(:last-child),
.formgroup__btn:not(:last-child) > .btn,
.formgroup__btn:not(:last-child) > .button,
.formgroup__btn:not(:last-child) > .button-small,
.formgroup__btn:not(:last-child) > .btn-group > .btn,
.formgroup__btn:not(:last-child) > .btn-group > .button,
.formgroup__btn:not(:last-child) > .btn-group > .button-small,
.formgroup__btn:not(:last-child) > .dropdown-toggle,
.formgroup__btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.formgroup__btn:not(:first-child) > .button:not(:last-child):not(.dropdown-toggle),
.formgroup__btn:not(:first-child) > .button-small:not(:last-child):not(.dropdown-toggle),
.formgroup__btn:not(:first-child) > .btn-group:not(:last-child) > .btn,
.formgroup__btn:not(:first-child) > .btn-group:not(:last-child) > .button,
.formgroup__btn:not(:first-child) > .btn-group:not(:last-child) > .button-small {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.formgroup__addon:not(:last-child) {
  border-right: 0;
}

.formgroup .formfield:not(:first-child),
.formgroup__addon:not(:first-child),
.formgroup__btn:not(:first-child) > .btn,
.formgroup__btn:not(:first-child) > .button,
.formgroup__btn:not(:first-child) > .button-small,
.formgroup__btn:not(:first-child) > .btn-group > .btn,
.formgroup__btn:not(:first-child) > .btn-group > .button,
.formgroup__btn:not(:first-child) > .btn-group > .button-small,
.formgroup__btn:not(:first-child) > .dropdown-toggle,
.formgroup__btn:not(:last-child) > .btn:not(:first-child),
.formgroup__btn:not(:last-child) > .button:not(:first-child),
.formgroup__btn:not(:last-child) > .button-small:not(:first-child),
.formgroup__btn:not(:last-child) > .btn-group:not(:first-child) > .btn,
.formgroup__btn:not(:last-child) > .btn-group:not(:first-child) > .button,
.formgroup__btn:not(:last-child) > .btn-group:not(:first-child) > .button-small {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.formfield + .formgroup__addon:not(:first-child) {
  border-left: 0;
}

.formgroup__btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.formgroup__btn > .btn, .formgroup__btn > .button,
.formgroup__btn > .button-small {
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.formgroup__btn > .btn + .btn, .formgroup__btn > .button + .btn,
.formgroup__btn > .button-small + .btn, .formgroup__btn > .btn + .button, .formgroup__btn > .button + .button,
.formgroup__btn > .button-small + .button,
.formgroup__btn > .btn + .button-small,
.formgroup__btn > .button + .button-small,
.formgroup__btn > .button-small + .button-small {
  margin-left: -1px;
}
.formgroup__btn > .btn:hover, .formgroup__btn > .button:hover,
.formgroup__btn > .button-small:hover, .formgroup__btn > .btn:focus, .formgroup__btn > .button:focus,
.formgroup__btn > .button-small:focus, .formgroup__btn > .btn:active, .formgroup__btn > .button:active,
.formgroup__btn > .button-small:active {
  z-index: 3;
}
.formgroup__btn:not(:first-child) > .btn, .formgroup__btn:not(:first-child) > .button,
.formgroup__btn:not(:first-child) > .button-small {
  z-index: 2;
}
.formgroup__btn:not(:first-child) > .btn:hover, .formgroup__btn:not(:first-child) > .button:hover,
.formgroup__btn:not(:first-child) > .button-small:hover, .formgroup__btn:not(:first-child) > .btn:focus, .formgroup__btn:not(:first-child) > .button:focus,
.formgroup__btn:not(:first-child) > .button-small:focus, .formgroup__btn:not(:first-child) > .btn:active, .formgroup__btn:not(:first-child) > .button:active,
.formgroup__btn:not(:first-child) > .button-small:active {
  z-index: 3;
}

.formitem {
  font-size: 1.125rem;
  line-height: 1.5;
  display: inline-block;
  word-spacing: normal;
  vertical-align: baseline;
  position: relative;
  width: 100%;
  padding: 0 0 1.1875rem;
}
.formitem > *:not(.alert-message, .d-flex) {
  float: inline-start;
  margin-inline-end: 0.625rem;
}
.formitem.formitem--align-right > * {
  float: inline-end;
  margin-inline-end: auto;
  margin-inline-start: 0.625rem;
}
.formitem.formitem--flat {
  padding-bottom: 0;
}
.formitem.formitem--flat:before {
  display: none;
}
.formitem > .label {
  float: none;
  display: block;
}
.formitem > .label ~ {
  margin-top: 0.3125rem;
}
.formitem input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=reset]),
.formitem .formgroup,
.formitem .password-helper,
.formitem .ticks,
.formitem .formfield,
.formitem select {
  width: 100%;
}
.formitem > *:not(.label) {
  margin-block-start: 0.3125rem;
}
.formitem label.error {
  clear: left;
  font-weight: bold;
  color: #D90A0A;
}

.formrow--last .formitem {
  padding-bottom: 0;
}

.label {
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 600;
  color: #111;
  margin-bottom: 0;
  word-spacing: normal;
}
.label.req:after, .label.required:after {
  display: none;
}
.label + .notice,
.label .notice {
  margin-top: -0.125rem;
}

.password-helper {
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
}
.password-helper input[type=password],
.password-helper input[type=text] {
  margin: 0;
  padding-right: 3.125rem;
  width: 100%;
  overflow: hidden;
}
.password-helper .password-helper__toggle-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  transition: 0.3s;
  width: 2.5rem;
  font-size: 1.5rem;
  border: none;
  background-color: transparent;
  color: #345197;
  text-align: center;
  display: grid;
  place-content: center;
}
.password-helper .password-helper__toggle-button:hover {
  color: #345197;
}
.password-helper .password-helper__toggle-button.is-readable .icon--readable {
  display: none;
}
.password-helper .password-helper__toggle-button.is-unreadable .icon--unreadable {
  display: none;
}
.password-helper .icon--readable,
.password-helper .icon--unreadable {
  display: grid;
  place-content: center;
}

::-webkit-input-placeholder {
  color: #6b6b6b;
  font-style: italic;
}

::-moz-placeholder {
  color: #6b6b6b;
  font-style: italic;
}

input:-moz-placeholder {
  color: #6b6b6b;
  font-style: italic;
}

:-ms-input-placeholder {
  color: #6b6b6b;
  font-style: italic;
}

.rating {
  padding: 0.3125rem 0 0;
}
.rating label {
  float: right;
  width: 2.625rem;
  height: 2.625rem;
  font-size: 2.625rem;
  line-height: 1;
  cursor: pointer;
}
.rating label:before {
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  content: "☆";
}
.rating label span {
  display: none;
}
.rating input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.rating label:hover:before,
.rating label:hover ~ label:before,
.rating input.checked ~ label:before {
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  content: "★";
}
.rating input:checked ~ label:before {
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  content: "★";
}
.rating:hover input ~ label:before {
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  content: "☆";
}
.rating:hover label:hover:before,
.rating:hover label:hover ~ label:before {
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  content: "★";
}

.formrow:not(.formrow--noformitem) {
  font-size: 0;
  line-height: 0;
}
.formrow > .label {
  display: none;
}

.formrow--static {
  margin-right: -0.625rem;
}
.formrow--static .formitem {
  padding-right: 0.625rem;
  z-index: 2;
}
.formrow--static .formitem:last-child {
  margin-right: -99px;
}
.formrow--static .formitem:before {
  content: " ";
  display: block;
  font-size: 1.125rem;
  line-height: 1.5;
  height: 1.5;
  margin-top: -1.5;
  z-index: 1;
}
.formrow--static .formitem .rating label {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.formrow--static .col-1of1, .formrow--static .formrow .formitem.col-1of1 {
  width: 100%;
}
.formrow--static .col-1of2, .formrow--static .formrow .formitem.col-1of2 {
  width: 50%;
}
.formrow--static .col-1of3, .formrow--static .formrow .formitem.col-1of3 {
  width: 33.33333333%;
}
.formrow--static .col-2of3, .formrow--static .formrow .formitem.col-2of3 {
  width: 66.66666666%;
}
.formrow--static .col-1of4, .formrow--static .formrow .formitem.col-1of4 {
  width: 25%;
}
.formrow--static .col-3of4, .formrow--static .formrow .formitem.col-3of4 {
  width: 75%;
}
.formrow--static .col-1of5, .formrow--static .formrow .formitem.col-1of5 {
  width: 20%;
}
.formrow--static .col-2of5, .formrow--static .formrow .formitem.col-2of5 {
  width: 40%;
}
.formrow--static .col-3of5, .formrow--static .formrow .formitem.col-3of5 {
  width: 60%;
}
.formrow--static .col-4of5, .formrow--static .formrow .formitem.col-4of5 {
  width: 80%;
}

:root {
  --ticks-size: 1.25em;
  --ticks-border-width: 1px;
  --ticks-bg-color: #fff;
  --ticks-border-color: #6b6b6b;
  --ticks-focus-border-color: #9aa8cb;
  --ticks-active-filter: brightness(90%);
  --ticks-checked-color: #fff;
  --ticks-checked-border-color: #345197;
  --ticks-checked-bg-color: #345197;
  --ticks-indeterminate-color: #fff;
  --ticks-indeterminate-border-color: #345197;
  --ticks-indeterminate-bg-color: #345197;
  --ticks-border-radius: 0;
  --ticks-span-color: #111;
  --ticks-line-height: 1.5em;
}

input[type=checkbox],
input[type=radio] {
  flex: 0 0 var(--ticks-size);
  width: var(--ticks-size);
  height: var(--ticks-size);
  margin: 0;
  margin-block-start: calc((var(--ticks-line-height) - var(--ticks-size)) / 2);
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--ticks-bg-color);
  border: var(--ticks-border-width) solid var(--ticks-border-color);
}
@media (forced-colors: active) {
  input[type=checkbox],
input[type=radio] {
    background-color: CanvasText;
  }
}
input[type=checkbox]:active,
input[type=radio]:active {
  filter: var(--ticks-active-filter);
}
input[type=checkbox].error ~ span,
input[type=radio].error ~ span {
  color: #D90A0A;
}

input[type=checkbox] {
  border-radius: var(--ticks-border-radius);
}
input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
input[type=checkbox]:checked {
  color: var(--ticks-checked-color);
  border-color: var(--ticks-checked-border-color);
  background-color: var(--ticks-checked-bg-color);
}
input[type=checkbox]:checked ~ span {
  color: #111;
}
input[type=checkbox]:indeterminate, input[type=checkbox].indeterminate {
  color: var(--ticks-indeterminate-color);
  border-color: var(--ticks-indeterminate-border-color);
  background-color: var(--ticks-indeterminate-bg-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

input[type=radio] {
  border-radius: 50%;
}
input[type=radio]:checked {
  border-color: var(--ticks-checked-border-color);
  color: var(--ticks-checked-color);
}
input[type=radio]:checked ~ span {
  color: #111;
}
input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23345197'/%3e%3c/svg%3e");
}

.ticks label {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5em;
  line-height: var(--ticks-line-height);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ticks label > span {
  display: inline-block;
  cursor: default;
  color: var(--ticks-span-color);
}
.ticks label .additional-info {
  flex: 0 0 auto;
  margin-left: auto;
  text-align: right;
}
.ticks label + label {
  margin-top: 0.625rem;
}

.ticks--inline label {
  display: inline-flex;
  margin-right: 0.9375rem;
}

@media (width >= 37.5rem) {
  fieldset {
    margin: 0;
  }

  .formrow {
    margin-right: -0.625rem;
  }

  .formitem {
    padding-right: 0.625rem;
    z-index: 2;
  }
  .formitem:last-child, .formitem.last-child {
    margin-right: -99px;
  }
  .formitem:before {
    content: " ";
    display: block;
    font-size: 1.125rem;
    line-height: 1.5;
    height: calc(1.125rem * 1.5);
    margin-top: calc(1.125rem * 1.5 * -1);
    pointer-events: none;
  }
  .formitem .rating label {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
  }

  .grid {
    margin-right: -0.625rem;
  }
  .grid:after {
    content: "";
    display: table;
    clear: both;
  }

  .grid [class^=col-],
.grid [class*=" col-"] {
    float: left;
    padding-right: 0.625rem;
  }

  .col-1of1, .formrow .formitem.col-1of1 {
    width: 100%;
  }

  .col-1of2, .formrow .formitem.col-1of2 {
    width: 50%;
  }

  .col-1of3, .formrow .formitem.col-1of3 {
    width: 33.33333333%;
  }

  .col-2of3, .formrow .formitem.col-2of3 {
    width: 66.66666666%;
  }

  .col-1of4, .formrow .formitem.col-1of4 {
    width: 25%;
  }

  .col-3of4, .formrow .formitem.col-3of4 {
    width: 75%;
  }

  .col-1of5, .formrow .formitem.col-1of5 {
    width: 20%;
  }

  .col-2of5, .formrow .formitem.col-2of5 {
    width: 40%;
  }

  .col-3of5, .formrow .formitem.col-3of5 {
    width: 60%;
  }

  .col-4of5, .formrow .formitem.col-4of5 {
    width: 80%;
  }
}
@media (width >= 61.25rem) {
  .wideform .formrow {
    padding-left: 25%;
  }
  .wideform .formrow > .label {
    line-height: 1.5;
    display: inline-block;
    vertical-align: top;
    margin-left: -33.3333333333%;
    padding: 0.8125rem 0.625rem 1.25rem 0.2083333333rem;
    width: 33.3333333333%;
    text-align: right;
  }
  .wideform .formrow .formitem {
    vertical-align: top;
  }
  .wideform .formrow .formitem:before {
    content: none;
  }
  .wideform .formrow .formitem > .label.hide-only-visually {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
  }
  .wideform .formrow .formitem > .label:not(.hide-only-visually) {
    display: none;
  }
  .wideform .formrow .formitem .ticks,
.wideform .formrow .formitem .rating {
    padding-top: 0.5rem;
  }
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
}

h1, .h1 {
  font-size: 1.625rem;
  line-height: 1.2;
}
@media (width >= 37.5rem) {
  h1, .h1 {
    font-size: 1.875rem;
    line-height: 1.2;
  }
}

h2, .h2 {
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (width >= 37.5rem) {
  h2, .h2 {
    font-size: 1.625rem;
    line-height: 1.2;
  }
}

h3, .h3 {
  font-size: 1.25rem;
  line-height: 1.25;
}
@media (width >= 37.5rem) {
  h3, .h3 {
    font-size: 1.375rem;
    line-height: 1.25;
  }
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.5;
}
@media (width >= 37.5rem) {
  h4, .h4 {
    font-size: 1.125rem;
    line-height: 1.5;
  }
}

h5, .h5 {
  font-size: 1rem;
  line-height: 1.5;
}

h6, .h6 {
  font-size: 0.875rem;
  line-height: 1.5;
}

h1:not(.h2, .h3, .h3, .h4, .h5, .h6 .vanilla),
.main-title {
  color: #345197;
  border-bottom: 1px solid #89acfa;
  padding-block-end: 0.5625rem;
}
h1:not(.h2, .h3, .h3, .h4, .h5, .h6 .vanilla):is(h2),
.main-title:is(h2) {
  padding-block-start: 0.3125rem;
  padding-block-end: calc(0.5625rem + 0.125rem);
}

h1:has(> .icon),
h1:has(> .go-back),
h2:has(> .icon),
h2:has(> .go-back) {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 0.625rem;
}

h1:has(> .icon):has(> .go-back),
h2:has(> .icon):has(> .go-back) {
  grid-template-columns: auto 1fr auto;
}

h1:has(> .icon) > .icon,
h2:has(> .icon) > .icon {
  margin-block-start: 0.1em;
}

h1:has(> .go-back) .go-back,
h2:has(> .go-back) .go-back {
  justify-self: end;
  margin-block-start: 0.1em;
}

h1:has(> .more),
h2:has(> .more) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.625rem;
}

.subheading {
  clear: both;
  display: block;
  font-size: 1.125rem;
  line-height: 1.5;
  line-height: 1.5;
  font-weight: 600;
}

.hamburger {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  cursor: pointer;
  height: 17px;
  width: 1.375rem;
}
.hamburger__bar {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  background-color: #345197;
  height: 3px;
  transition: all 0.4s ease;
}
.hamburger__bar:nth-child(1) {
  top: 0;
}
.hamburger__bar:nth-child(2) {
  top: 7px;
}
.hamburger__bar:nth-child(3) {
  top: 14px;
}
.hamburger[aria-expanded=true] > .hamburger__bar:nth-child(1), .hamburger[aria-expanded=true] > .hamburger__bar:nth-child(3), .dropdown__toggle.is-open .hamburger > .hamburger__bar:nth-child(1), .dropdown__toggle.is-open .hamburger > .hamburger__bar:nth-child(3) {
  top: 7px;
}
.hamburger[aria-expanded=true] > .hamburger__bar:nth-child(1), .dropdown__toggle.is-open .hamburger > .hamburger__bar:nth-child(1) {
  transform: rotate(45deg);
}
.hamburger[aria-expanded=true] > .hamburger__bar:nth-child(2), .dropdown__toggle.is-open .hamburger > .hamburger__bar:nth-child(2) {
  background-color: transparent;
}
.hamburger[aria-expanded=true] > .hamburger__bar:nth-child(3), .dropdown__toggle.is-open .hamburger > .hamburger__bar:nth-child(3) {
  transform: rotate(-45deg);
}

:root {
  --hr-distance: 1.125rem;
  --hr-gap: 1rem;
  --hr-bar-thickness: 1px;
  --hr-bar-style: solid;
  --hr-bar-color: #bbb;
  --hr-text-color: #111;
}

hr {
  margin-block: calc(var(--hr-distance) * 2) !important;
  border: none;
  height: var(--hr-bar-thickness);
  border-top: var(--hr-bar-thickness) var(--hr-bar-style) var(--hr-bar-color);
}

.hr {
  margin-block: var(--hr-distance);
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--hr-gap);
  color: var(--hr-text-color);
}
.hr::before, .hr::after {
  content: "";
  flex: 1 1 auto;
  height: var(--hr-bar-thickness);
  border-top: var(--hr-bar-thickness) var(--hr-bar-style) var(--hr-bar-color);
}
.hr + h1, .hr + h2, .hr + h3, .hr + blockquote {
  --flow-space: 1em;
}

/**
 * Visually hidden accessible label
 * Using styles that do not hide the text in screen readers
 * We use !important because we should not apply other styles to this hidden alternative text
 */
.icon-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

/**
 * Basic icon styles
 */
.icon {
  display: inline-block;
  position: relative;
  font-size: inherit;
  overflow: hidden;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

/**
 * Icon shown alongside text
 */
.icon--text {
  vertical-align: -0.125em;
}

/**
 * Icon sizes
 */
.icon--xs {
  block-size: 0.75em;
  inline-size: 0.75em;
}

.icon--sm {
  block-size: 0.875em;
  inline-size: 0.75em;
}

.icon--lg {
  block-size: 1.33em;
  inline-size: 1.33em;
}

.icon--xl {
  block-size: 1.5em;
  inline-size: 1.5em;
}

.icon--2x {
  block-size: 2em;
  inline-size: 2em;
}

.icon--3x {
  block-size: 3em;
  inline-size: 3em;
}

.icon--4x {
  block-size: 4em;
  inline-size: 4em;
}

.icon--5x {
  block-size: 5em;
  inline-size: 5em;
}

/**
 * Icon transformation
 */
.icon--rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.icon--rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.icon--rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.icon--flip-h {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.icon--flip-v {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

.icon--flip-h.icon--flip-v {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}

:root .icon--rotate-90,
:root .icon--rotate-180,
:root .icon--rotate-270,
:root .icon--flip-h,
:root .icon--flip-v {
  filter: none;
}

/**
 * Spinning animation
 */
.icon--spin {
  animation: icon-spin 2s infinite linear;
}
@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.btn .icon, .button .icon,
.button-small .icon {
  vertical-align: -0.15625rem;
}

img {
  max-width: 100%;
  height: auto;
}
img.lazyload {
  opacity: 0;
}
img.lazyloaded {
  transition: 0.5s opacity ease-out;
  opacity: 1;
}

.image-wrapper {
  position: relative;
  aspect-ratio: 1/1;
}

.image-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.keytoggle {
  border: 0;
  background-color: transparent;
  padding: 0 0.1875rem;
  color: inherit;
}

:where(ul:not([class])),
:where(ol:not([class])) {
  padding-inline-start: 1em;
}
:where(ul:not([class])) li:not(:first-child),
:where(ol:not([class])) li:not(:first-child) {
  margin-top: 0.5em;
}

:where(nav ul),
:where(ul.no-list),
:where(ol.no-list) {
  padding-left: 0;
}
:where(nav ul),
:where(nav ul) ul,
:where(nav ul) ol,
:where(ul.no-list),
:where(ul.no-list) ul,
:where(ul.no-list) ol,
:where(ol.no-list),
:where(ol.no-list) ul,
:where(ol.no-list) ol {
  list-style: none;
  list-style-image: none;
}
:where(nav ul) li:not(:first-child),
:where(ul.no-list) li:not(:first-child),
:where(ol.no-list) li:not(:first-child) {
  margin-top: 0;
}

.loading-anim {
  content: "";
  inline-size: 2.5rem;
  block-size: 2.5rem;
  stroke: #345197;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -20 40 40"%3e%3cstyle%3ecircle { stroke: %23345197; animation: 4s a infinite linear, 3s o infinite linear; }@keyframes a {from{stroke-dasharray:100 0}50%25{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}@keyframes o {from{stroke-dashoffset:75}to{stroke-dashoffset:375}}%3c%2Fstyle%3e%3ccircle r="15.9154943092" stroke-width="7" fill="none" stroke="black" /%3e%3c/svg%3e');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2.5rem 2.5rem;
  pointer-events: none;
}
body > .loading-anim {
  position: fixed;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  margin-inline-start: -1.25rem;
  margin-block-start: -1.25rem;
}

.loading {
  content: "";
  inline-size: 2.5rem;
  block-size: 2.5rem;
  stroke: #345197;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -20 40 40"%3e%3cstyle%3ecircle { stroke: %23345197; animation: 4s a infinite linear, 3s o infinite linear; }@keyframes a {from{stroke-dasharray:100 0}50%25{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}@keyframes o {from{stroke-dashoffset:75}to{stroke-dashoffset:375}}%3c%2Fstyle%3e%3ccircle r="15.9154943092" stroke-width="7" fill="none" stroke="black" /%3e%3c/svg%3e');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2.5rem 2.5rem;
  pointer-events: none;
}
.top-header .loading {
  content: "";
  inline-size: 1.25rem;
  block-size: 1.25rem;
  stroke: #fff;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -20 40 40"%3e%3cstyle%3ecircle { stroke: %23fff; animation: 4s a infinite linear, 3s o infinite linear; }@keyframes a {from{stroke-dasharray:100 0}50%25{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}@keyframes o {from{stroke-dashoffset:75}to{stroke-dashoffset:375}}%3c%2Fstyle%3e%3ccircle r="15.9154943092" stroke-width="0.25rem" fill="none" stroke="black" /%3e%3c/svg%3e');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  pointer-events: none;
  content: "";
  margin: 10px 40px 0 0;
  position: relative;
}
.result-live .loading {
  content: "";
  inline-size: 1.25rem;
  block-size: 1.25rem;
  stroke: #345197;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -20 40 40"%3e%3cstyle%3ecircle { stroke: %23345197; animation: 4s a infinite linear, 3s o infinite linear; }@keyframes a {from{stroke-dasharray:100 0}50%25{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}@keyframes o {from{stroke-dashoffset:75}to{stroke-dashoffset:375}}%3c%2Fstyle%3e%3ccircle r="15.9154943092" stroke-width="0.25rem" fill="none" stroke="black" /%3e%3c/svg%3e');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  pointer-events: none;
  content: "";
  margin: 1.2rem 0 0;
  position: relative;
}

.loading-anim {
  content: "";
  inline-size: 2.5rem;
  block-size: 2.5rem;
  stroke: #345197;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -20 40 40"%3e%3cstyle%3ecircle { stroke: %23345197; animation: 4s a infinite linear, 3s o infinite linear; }@keyframes a {from{stroke-dasharray:100 0}50%25{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}@keyframes o {from{stroke-dashoffset:75}to{stroke-dashoffset:375}}%3c%2Fstyle%3e%3ccircle r="15.9154943092" stroke-width="7" fill="none" stroke="black" /%3e%3c/svg%3e');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2.5rem 2.5rem;
  pointer-events: none;
}

.loading {
  content: "";
  inline-size: 2.5rem;
  block-size: 2.5rem;
  stroke: #345197;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -20 40 40"%3e%3cstyle%3ecircle { stroke: %23345197; animation: 4s a infinite linear, 3s o infinite linear; }@keyframes a {from{stroke-dasharray:100 0}50%25{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}@keyframes o {from{stroke-dashoffset:75}to{stroke-dashoffset:375}}%3c%2Fstyle%3e%3ccircle r="15.9154943092" stroke-width="7" fill="none" stroke="black" /%3e%3c/svg%3e');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2.5rem 2.5rem;
  pointer-events: none;
}
.top-header .loading {
  content: "";
  inline-size: 1.25rem;
  block-size: 1.25rem;
  stroke: #fff;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -20 40 40"%3e%3cstyle%3ecircle { stroke: %23fff; animation: 4s a infinite linear, 3s o infinite linear; }@keyframes a {from{stroke-dasharray:100 0}50%25{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}@keyframes o {from{stroke-dashoffset:75}to{stroke-dashoffset:375}}%3c%2Fstyle%3e%3ccircle r="15.9154943092" stroke-width="0.25rem" fill="none" stroke="black" /%3e%3c/svg%3e');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  pointer-events: none;
  content: "";
  margin: 10px 40px 0 0;
  position: relative;
}
.result-live .loading {
  content: "";
  inline-size: 1.25rem;
  block-size: 1.25rem;
  stroke: #345197;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -20 40 40"%3e%3cstyle%3ecircle { stroke: %23345197; animation: 4s a infinite linear, 3s o infinite linear; }@keyframes a {from{stroke-dasharray:100 0}50%25{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}@keyframes o {from{stroke-dashoffset:75}to{stroke-dashoffset:375}}%3c%2Fstyle%3e%3ccircle r="15.9154943092" stroke-width="0.25rem" fill="none" stroke="black" /%3e%3c/svg%3e');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  pointer-events: none;
  content: "";
  margin: 1.2rem 0 0;
  position: relative;
}

nav ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.no-entries {
  display: inline-block;
  padding: 0.625rem;
  border: 1px dashed #e83e8c;
  background-color: rgba(232, 62, 140, 0.15);
}

td.no-entries.no-entries.no-entries {
  display: block;
  --_font-size: 1.125rem;
  --_line-height: 1.5;
  --_padding-block: 0.3125rem;
  --_padding-inline: 0.625rem;
  --_text-color: #111;
  --_bg-color: #fff;
  --_border-color: #bbb;
  --_border-style: solid;
  --_border-width: 1px;
  --_border-radius: $alert-border-radius;
  position: relative;
  padding-block: var(--_padding-block);
  padding-inline-end: var(--_padding-inline);
  color: var(--_text-color);
  background-color: var(--_bg-color);
  border: var(--_border-width) var(--_border-style) var(--_border-color);
  border-radius: var(--_border-radius);
  font-size: var(--_font-size);
  line-height: var(--_line-height);
  padding-inline-start: calc(var(--_font-size) + var(--_padding-inline) * 3);
  --_text-color: #111;
  --_bg-color: #ebeef5;
  --_border-color: #345197;
  hyphens: none;
  text-align: left;
}
td.no-entries.no-entries.no-entries:empty {
  display: none;
}
td.no-entries.no-entries.no-entries:before {
  --_icon: none;
  --_icon-color: #6b6b6b;
  --_icon-bg-color: #eee;
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inline-size: calc(var(--_font-size) + var(--_padding-inline) * 2);
  background-repeat: no-repeat;
  background-size: var(--_font-size) var(--_font-size);
  background-position: calc(((var(--_font-size) * var(--_line-height)) - var(--_font-size)) / 2 + var(--_padding-block)) var(--_padding-inline);
  background-image: var(--_icon);
  color: var(--_icon-color);
  background-color: var(--_icon-bg-color);
}
td.no-entries.no-entries.no-entries p {
  margin: 0;
  padding: 0;
}
td.no-entries.no-entries.no-entries ul li + li {
  margin-block-start: 0;
}
td.no-entries.no-entries.no-entries + .alert-message,
td.no-entries.no-entries.no-entries + .formrow {
  margin-block-start: 1.125rem;
}
td.no-entries.no-entries.no-entries:before {
  --_icon-color: #345197;
  --_icon-bg-color: #d6dcea;
  --_icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 639 639'%3e%3cpath d='M288,223.5V159h63v64.5ZM319.5,576C460.5,576,576,460.5,576,319.5S460.5,63,319.5,63,63,178.5,63,319.5,178.5,576,319.5,576Zm0-576A319.5,319.5,0,1,1,0,319.5,318.8,318.8,0,0,1,319.5,0ZM288,480V288h63V480Z' fill='%23345197'/%3e%3c/svg%3e");
}

:where(.notice:not(.no-entries)) {
  clear: both;
  display: block;
  font-size: 1rem;
  line-height: 1.25;
  line-height: 1.5;
  font-weight: 400;
  color: #6b6b6b;
}
h1 + :where(.notice:not(.no-entries)), h2 + :where(.notice:not(.no-entries)), h3 + :where(.notice:not(.no-entries)), h4 + :where(.notice:not(.no-entries)) {
  margin-block-start: 0;
}
:where(.notice:not(.no-entries)) code {
  color: #345197;
}

.notice--inline {
  clear: none;
  display: inline-block;
}

.orderdesc,
.orderasc {
  position: relative;
  float: right;
}
.orderdesc::before,
.orderasc::before {
  bottom: 0.625rem;
}

.orderasc:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(0.3125rem * 2);
  height: 0.3125rem;
  background-color: color("primary");
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(0);
}

.orderdesc:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(0.3125rem * 2);
  height: 0.3125rem;
  background-color: color("primary");
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(180deg);
}

p, .p {
  margin: 0;
}

.lead {
  font-size: 1.25rem;
  line-height: 1.4;
}

.small {
  font-size: 1rem;
  line-height: 1.25;
}

.p {
  font-size: 1.125rem;
  line-height: 1.5;
}

.percentage-bar {
  border: 1px solid color("primary");
  padding: 1px;
}

.percentage-bar__fill {
  background-color: color("primary");
  height: 1.125rem;
  transition: width 1s ease;
}
.js .nulled > .percentage-bar__fill {
  width: 0% !important;
  transition: width 0.1s ease;
}

.skip-to-content-link {
  position: fixed;
  top: 0;
  left: 50%;
  padding: 0.5rem 1.25rem;
  border: 1px solid color(grayscale);
  background: #fff;
  transform: translateX(-50%) translateY(-150%);
  transition: transform 0.3s;
  z-index: 999;
  font-size: 1.25rem;
}

.skip-to-content-link:focus {
  transform: translateX(-50%) translateY(50%);
}

table {
  --table-breakpoint: sm;
  --table-header-font-weight: 700;
  --table-cell-font-weight: 400;
  --table-cell-padding: 0.625rem;
  --table-cell-border: 1px solid;
  --table-header-border: 2px solid;
  --table-border-color: #bbb;
  --table-bg-color: transparent;
  --table-hover-bg-color: #ccc;
  --table-accent-bg-color: #eee;
  --table-active-bg-color: #D9EFFF;
  --table-info-bg-color: color-mix(in srgb, #345197 20%, #fff 80%);
  --table-success-bg-color: color-mix(in srgb, #006631 20%, #fff 80%);
  --table-warning-bg-color: color-mix(in srgb, #F5BD29 20%, #fff 80%);
  --table-error-bg-color: color-mix(in srgb, #D90A0A 20%, #fff 80%);
  max-width: 100%;
}

th {
  text-align: left;
}

table:not([class]),
table[class=""],
table.table--default {
  border-collapse: collapse;
}
table:not([class]) th,
table:not([class]) td,
table[class=""] th,
table[class=""] td,
table.table--default th,
table.table--default td {
  text-align: left;
  padding: var(--table-cell-padding);
  vertical-align: top;
  border: 1px solid var(--table-border-color);
}

.table {
  width: 100%;
  background-color: var(--table-bg-color);
  border-collapse: collapse;
  border-spacing: 0;
}
.table th,
.table td {
  --_bg-color: transparent;
  --_padding: var(--table-cell-padding, 0.625rem);
  --_border: var(--table-cell-border, 1px solid);
  --_border-color: var(--table-border-color, #bbb);
  padding: var(--_padding);
  vertical-align: top;
  background-color: var(--_bg-color);
  border-top: var(--_border) var(--_border-color);
}
.table td {
  --_font-weight: var(--table-cell-font-weight, 400);
  font-weight: var(--_font-weight);
}
.table th {
  --_font-weight: var(--table-header-font-weight, 700);
  font-weight: var(--_font-weight);
}
.table .cright {
  text-align: right;
}
.table td.is-active > td, .table td.is-active > th, .table th.is-active > td, .table th.is-active > th,
.table tr.is-active > td,
.table tr.is-active > th {
  --_bg-color: var(--table-active-bg-color);
}
.table td.info > td, .table td.info > th, .table th.info > td, .table th.info > th,
.table tr.info > td,
.table tr.info > th {
  --_bg-color: var(--table-info-bg-color);
}
.table td.success > td, .table td.success > th, .table th.success > td, .table th.success > th,
.table tr.success > td,
.table tr.success > th {
  --_bg-color: var(--table-success-bg-color);
}
.table td.warning > td, .table td.warning > th, .table th.warning > td, .table th.warning > th,
.table tr.warning > td,
.table tr.warning > th {
  --_bg-color: var(--table-warning-bg-color);
}
.table td.error > td, .table td.error > th, .table th.error > td, .table th.error > th,
.table tr.error > td,
.table tr.error > th {
  --_bg-color: var(--table-error-bg-color);
}
.table thead th {
  --_border: var(--table-header-border);
  vertical-align: bottom;
  border-bottom: var(--_border) var(--_border-color);
}
.table caption + thead tr:first-child > th,
.table caption + thead tr:first-child > td,
.table colgroup + thead tr:first-child > th,
.table colgroup + thead tr:first-child > td,
.table thead:first-child tr:first-child > th,
.table thead:first-child tr:first-child > td {
  border-top: 0;
}
.table tbody + tbody > tr:first-child > th,
.table tbody + tbody > tr:first-child > td {
  --_border: var(--table-header-border);
  border-top: var(--_border) var(--_border-color);
}

.table--bordered {
  --_border-color: var(--table-border-color);
  border: 1px solid var(--_border-color);
}
.table--bordered th,
.table--bordered td {
  border: 1px solid var(--_border-color);
}
.table--bordered thead th,
.table--bordered thead td {
  border-bottom-width: 2px;
}

.table--striped tbody tr:nth-child(odd) > td,
.table--striped tbody tr:nth-child(odd) > th {
  --_bg-color: var(--table-accent-bg-color);
}

.table--hover tbody tr:hover > td,
.table--hover tbody tr:hover > th {
  --_bg-color: var(--table-hover-bg-color);
}

@media (width < 37.5rem) {
  .table--responsive-scroll {
    width: 100%;
    margin-bottom: 1.125rem;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid var(--table-border-color);
    -webkit-overflow-scrolling: touch;
  }
  .table--responsive-scroll > .table {
    margin-bottom: 0;
  }
  .table--responsive-scroll > .table th,
.table--responsive-scroll > .table td {
    white-space: nowrap;
  }
  .table--responsive-scroll > .table--bordered {
    border: 0;
  }
  .table--responsive-scroll > .table--bordered th:first-child,
.table--responsive-scroll > .table--bordered td:first-child {
    border-left: 0;
  }
  .table--responsive-scroll > .table--bordered th:last-child,
.table--responsive-scroll > .table--bordered td:last-child {
    border-right: 0;
  }
  .table--responsive-scroll > .table--bordered > tbody > tr:last-child > th,
.table--responsive-scroll > .table--bordered > tbody > tr:last-child > td,
.table--responsive-scroll > .table--bordered > tfoot > tr:last-child > th,
.table--responsive-scroll > .table--bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

@media (width < 37.5rem) {
  .table--responsive-vertical > table {
    margin-bottom: 0;
    background-color: transparent;
  }
  .table--responsive-vertical > table > thead,
.table--responsive-vertical > table > tfoot {
    display: none;
  }
  .table--responsive-vertical > table > tbody {
    display: block;
  }
  .table--responsive-vertical > table > tbody > tr {
    display: block;
    border: 1px solid var(--table-border-color);
    border-top: 0;
    margin-bottom: var(--table-cell-padding);
  }
  .table--responsive-vertical > table > tbody > tr > td,
.table--responsive-vertical > table > tbody > tr > th {
    background-color: var(--table-bg-color);
    display: block;
    vertical-align: middle;
    text-align: right;
    font-weight: var(--table-cell-font-weight);
    min-height: calc(1.125rem * 1.5 + var(--table-cell-padding) * 2);
  }
  .table--responsive-vertical > table > tbody > tr > td[data-title]:before,
.table--responsive-vertical > table > tbody > tr > th[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: inherit;
    font-weight: var(--table-header-font-weight);
  }
}

em, i {
  font-style: italic;
}

b, strong {
  font-weight: bold;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.hide-text {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

.text-error {
  color: #D90A0A;
}

:root {
  --tooltip-max-width: 15rem;
  --tooltip-padding: 0.5rem 0.75rem;
  --tooltip-z-index: 9999;
  --tooltip-border-radius: 0.25rem;
  --tooltip-text-color: #fff;
  --tooltip-background-color: #111;
  --tooltip-caret-size: 0.375rem;
  --tooltip-font-size: 0.8rem;
  --tooltip-line-height: 1.2;
}

.nb-tooltip {
  isolation: isolate;
  position: absolute;
  inline-size: -moz-max-content;
  inline-size: max-content;
  max-inline-size: var(--tooltip-max-width);
  z-index: var(--tooltip-z-index);
  background-color: var(--tooltip-background-color);
  color: var(--tooltip-text-color);
  padding: var(--tooltip-padding);
  border-radius: var(--tooltip-border-radius);
  font-size: var(--tooltip-font-size);
  line-height: var(--tooltip-line-height);
  overflow-wrap: break-word;
}
.nb-tooltip:before {
  position: absolute;
  z-index: -1;
  background-color: inherit;
  content: "";
  inline-size: calc(var(--tooltip-caret-size) * 2);
  inset-block: calc(-1 * var(--tooltip-caret-size));
  left: var(--tooltip-arrow-x, 50%);
  transform: translateX(-50%);
  clip-path: polygon(0 var(--tooltip-caret-size), 50% 0, 100% var(--tooltip-caret-size), 100% calc(100% - var(--tooltip-caret-size)), 50% 100%, 0 calc(100% - var(--tooltip-caret-size)));
}
.nb-tooltip:not(.is-flipped):before {
  inset-block-start: 0;
}
.nb-tooltip.is-flipped:before {
  inset-block-end: 0;
}

:where(.accordion) .accordion__toggle {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  -moz-column-gap: var(--spacer-2);
       column-gap: var(--spacer-2);
}
:where(.accordion) .accordion__toggle:not(.textlink):not(.info-item__btn) {
  color: #111;
}
:where(.accordion) .accordion__toggle:not(.textlink):not(.info-item__btn):hover {
  color: #345197;
}
:where(.accordion) .accordion__toggle[aria-expanded=true] .accordion__icon {
  transform: rotateX(180deg);
}
:where(.accordion) .accordion__icon {
  inline-size: 0.75em;
  block-size: 0.75em;
  transition: transform 0.3s linear;
}
:where(.accordion) .accordion__expander {
  display: grid;
  grid-template-rows: 0fr;
  overflow: clip;
  transition: grid-template-rows 0.3s ease-in-out;
}
:where(.accordion) .accordion__content {
  min-height: 0;
  visibility: hidden;
  transition: visibility 0.3s;
}
:where(.accordion) .accordion__expander[aria-hidden=false] {
  grid-template-rows: 1fr;
}
:where(.accordion) .accordion__expander[aria-hidden=false] .accordion__content {
  visibility: visible;
}

.articles-entries--carousel {
  position: relative;
}
@media (width < 61.25rem) {
  .articles-entries--carousel {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}
.articles-entries--carousel .carousel-buttons {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.articles-entries--carousel .carousel-btn {
  pointer-events: initial;
  width: 2.5rem;
  height: 2.5rem;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 50%;
  transform: translateY(50%);
}
.articles-entries--carousel .carousel-btn .icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #345197;
}
.articles-entries--carousel .carousel-btn:hover .icon {
  color: #345197;
}
.articles-entries--carousel .carousel-btn.slick-disabled {
  opacity: 0.25;
  pointer-events: none;
}
.articles-entries--carousel .carousel-btn--prev {
  left: -2.5rem;
}
.articles-entries--carousel .carousel-btn--next {
  right: -2.5rem;
}

.articles-entry--carousel .articles-entry__text {
  margin-top: 0.5625rem;
}
.articles-entry--carousel .articles-entry__title {
  font-size: 1.25rem;
  line-height: 1.4;
}
.articles-entry--carousel .articles-entry__wrapper {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media (width < 37.5rem) {
  .articles-entry--carousel .articles-entry__image {
    float: right;
    width: 33%;
    margin-left: 4%;
    margin-bottom: 1%;
    z-index: 2;
    max-width: 9.375rem;
  }
  .articles-entry--carousel .articles-entry__text {
    display: inline;
    z-index: 1;
  }
}
@media (width >= 37.5rem) {
  .articles-entry--carousel .articles-entry__text {
    margin-top: 0.5625rem;
  }
}

.articles-entry--details {
  background-color: #fff;
  padding-block: 1.125rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 2px 2px rgba(0, 0, 0, 0.075);
}
.articles-entry--details .articles-entry__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 20px;
  grid-template-areas: "header" "image" "data" "teaser" "tabs";
}
.articles-entry--details .articles-entry__title {
  grid-area: header;
}
.articles-entry--details .articles-entry__images {
  margin-top: 0;
  grid-area: image;
}
.articles-entry--details .articles-entry__image {
  position: relative;
}
.articles-entry--details .articles-entry__misc {
  grid-area: misc;
}
.articles-entry--details .articles-entry__data {
  grid-area: data;
}
.articles-entry--details .articles-entry__data .sticky-container {
  position: relative;
}
.articles-entry--details .articles-entry__teaser {
  grid-area: teaser;
}
.articles-entry--details .articles-entry__tabs {
  grid-area: tabs;
}
@media (width >= 37.5rem) {
  .articles-entry--details .articles-entry__content {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: var(--spacer-3);
    grid-template-areas: "header header" "image data" "teaser teaser" "tabs tabs";
  }
}
@media (width >= 46.25rem) {
  .articles-entry--details .articles-entry__content {
    grid-template-columns: auto 22.5rem;
    gap: var(--spacer-4);
    grid-template-areas: "header header" "image data" "teaser data" "tabs tabs";
  }
  .articles-entry--details .articles-entry__data .sticky-container {
    background-color: #eee;
    border: 1px solid #bbb;
    border-radius: 0.25rem;
    padding: var(--spacer-3);
    position: sticky;
    top: var(--spacer-3);
  }
}
@media (width >= 61.25rem) {
  .articles-entry--details .articles-entry__content {
    grid-template-columns: 1fr 1fr 22.5rem;
    grid-template-areas: "header header header" "image teaser data" "tabs tabs data";
  }
}
.articles-entry--details .articles-entry__image--print {
  display: none;
}
.articles-entry--details .image-wrapper {
  max-inline-size: 31.25rem;
  margin-inline: auto;
}
.articles-entry--details .articles-entry__misc {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.3125rem;
  padding-top: var(--spacer-3);
}

.articles-entry--incentive .articles-entry__image {
  float: right;
  width: 33%;
  margin-left: 4%;
  margin-bottom: 1%;
  z-index: 2;
  max-width: 9.375rem;
}
.articles-entry--incentive .articles-entry__text {
  display: inline;
  z-index: 1;
}
.articles-entry--incentive .articles-entry__title {
  font-size: 1rem;
  line-height: 1.5;
}
.articles-entry--incentive .articles-entry__unit {
  margin-top: 0;
}
.articles-entry--incentive .articles-entry__prices {
  margin-top: var(--spacer-2);
}
.articles-entry--incentive .articles-entry__add-to-cart {
  position: relative;
  z-index: 20;
  margin-top: 0;
}

.articles-entry--lightbox {
  background-color: #fff;
  width: clamp(18.75rem, 100%, 37.5rem);
  max-height: calc(100vh - 2.5rem);
  max-height: calc(100svh - 2.5rem);
  overflow-x: clip;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.articles-entry--lightbox .articles-entry__image {
  padding: var(--spacer-2);
  background-color: #fff;
  display: flex;
  justify-content: center;
}
.articles-entry--lightbox .articles-entry__image .image-wrapper {
  width: 12.5rem;
  height: 12.5rem;
}
.articles-entry--lightbox .articles-entry__text {
  padding: var(--spacer-2);
  background-color: #eee;
  flex: 1 1 auto;
}
.articles-entry--lightbox .articles-entry__title {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
}
@media (width >= 37.5rem) {
  .articles-entry--lightbox .articles-entry__title {
    font-size: 1.625rem;
    line-height: 1.2;
  }
}
.articles-entry--lightbox .articles-entry__unit {
  color: #6b6b6b;
}
.articles-entry--lightbox .articles-entry__unit + * {
  margin-block-start: var(--flow-space, 1em);
}
@media (width >= 37.5rem) {
  .articles-entry--lightbox {
    flex-direction: row;
  }
  .articles-entry--lightbox .articles-entry__text {
    padding: var(--spacer-3) var(--spacer-5) var(--spacer-3) var(--spacer-3);
  }
}

.articles-entry--livesearch {
  display: block;
  display: flex;
  padding: var(--spacer-1) var(--spacer2);
}
.articles-entry--livesearch .articles-entry__image {
  flex: 0 0 3.125rem;
  max-width: 3.125rem;
}
.articles-entry--livesearch .articles-entry__text {
  flex-grow: 1;
  padding-left: 0.625rem;
}

.articles-entry--my-products {
  margin-block-start: var(--spacer-3);
}
.articles-entry--my-products + .articles-entry--my-products {
  margin-block-start: var(--spacer-4);
  padding-block-start: var(--spacer-4);
  border-top: 1px solid #bbb;
}
.articles-entry--my-products .articles-entry__title {
  font-size: 1.25rem;
  line-height: 1.4;
}
.articles-entry--my-products .articles-entry__options {
  margin-block-start: var(--spacer-2);
}
.articles-entry--my-products .articles-entry__wishlist-option {
  margin-block-start: var(--spacer-3);
}
.articles-entry--my-products .articles-entry__wishlist-option .button-favorites:not(.is-active), .articles-entry--my-products .articles-entry__wishlist-option .button-favorites:not(.is-active):visited, .articles-entry--my-products .articles-entry__wishlist-option .button-favorites:not(.is-active).button {
  color: #222;
  background-color: transparent;
  border-color: #6b6b6b;
}
.articles-entry--my-products .articles-entry__wishlist-option .button-favorites:not(.is-active):not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #6b6b6b;
  border-color: #6b6b6b;
}
.articles-entry--my-products .articles-entry__wishlist-option .button-favorites:not(.is-active):not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.articles-entry--my-products .articles-entry__wishlist-option .button-favorites:not(.is-active):not(:disabled):not(.disabled):active, .articles-entry--my-products .articles-entry__wishlist-option .button-favorites:not(.is-active):not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #444;
  border-color: #444;
}
.articles-entry--my-products .articles-entry__wishlist-option .button-favorites:not(.is-active):not(:disabled):not(.disabled):active:after, .articles-entry--my-products .articles-entry__wishlist-option .button-favorites:not(.is-active):not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}
.articles-entry--my-products .add-to-cart,
.articles-entry--my-products .articles-entry__wishlist-option {
  position: relative;
  z-index: 15;
}
.articles-entry--my-products .articles-entry__shipping-info {
  font-size: 1rem;
  line-height: 1.25;
}
@media (width < 25rem) {
  .articles-entry--my-products .articles-entry__image {
    float: right;
    width: 33%;
    margin-left: 4%;
    margin-bottom: 1%;
    z-index: 2;
    max-width: 9.375rem;
  }
  .articles-entry--my-products .articles-entry__text {
    display: inline;
    z-index: 1;
  }
}
@media (25rem < width <= 37.5rem) {
  .articles-entry--my-products .articles-entry__image {
    float: right;
    width: 40%;
    margin-left: 4%;
    margin-bottom: 1%;
    z-index: 2;
    max-width: 9.375rem;
  }
  .articles-entry--my-products .articles-entry__text {
    display: inline;
    z-index: 1;
  }
}
@media (width >= 37.5rem) {
  .articles-entry--my-products {
    display: flex;
  }
  .articles-entry--my-products .articles-entry__image {
    flex: 0 0 9.375rem;
    max-width: 9.375rem;
  }
  .articles-entry--my-products .articles-entry__text {
    flex-grow: 1;
    padding-left: 1.25rem;
  }
}
@media (width >= 61.25rem) {
  .articles-entry--my-products .articles-entry__image {
    flex: 0 0 12.5rem;
    max-width: 12.5rem;
  }
  .articles-entry--my-products .articles-entry__text {
    display: flex;
    gap: var(--spacer-3);
  }
  .articles-entry--my-products .articles-entry__data {
    flex: 1 1 auto;
  }
  .articles-entry--my-products .articles-entry__options {
    flex: 0 0 13.75rem;
    max-width: 13.75rem;
    margin-block-start: 0;
  }
}

.articles-entries--overview {
  display: grid;
  gap: var(--spacer-3);
  grid-template-columns: repeat(auto-fill, minmax(min(25rem, 100%), 1fr));
}

.articles-entry--overview {
  padding-block: var(--spacer-3);
}
.articles-entry--overview .articles-entry__text {
  max-width: 75ch;
  padding-inline-end: 0.5rem;
}
@media (width < 37.5rem) {
  .articles-entry--overview .articles-entry__image {
    float: right;
    width: 40%;
    margin-left: 4%;
    margin-bottom: 1%;
    z-index: 2;
    max-width: 9.375rem;
  }
  .articles-entry--overview .articles-entry__text {
    display: inline;
    z-index: 1;
  }
}
@media (width >= 37.5rem) {
  .articles-entry--overview {
    display: flex;
  }
  .articles-entry--overview .articles-entry__image {
    flex: 0 0 9.375rem;
    max-width: 9.375rem;
  }
  .articles-entry--overview .articles-entry__text {
    flex-grow: 1;
    padding-left: 1.25rem;
  }
}
.articles-entry--overview .articles-entry__vat-shipping {
  pointer-events: none;
}
.articles-entry--overview .articles-entry__vat-shipping a {
  pointer-events: initial;
}

.articles-entries--selection-order {
  margin-block-end: 2.4rem;
}

.articles-entry--selection-order .ticks label > span:before {
  inset-block-start: 5px;
}
.articles-entry--selection-order .ticks label > span:after {
  inset-block-start: 10px !important;
}
.articles-entry--selection-order .ticks a.lightbox-ajax {
  position: relative;
  z-index: 400;
  display: inline-flex;
  vertical-align: middle;
  inline-size: 1.875rem;
  block-size: 1.875rem;
  justify-content: center;
  align-items: center;
}
.articles-entry--selection-order .ticks a.lightbox-ajax .icon {
  margin: 0;
  block-size: 1.125rem;
  padding-block-end: 4px;
}

.articles-entries--teaser {
  container: teaser-wrapper/inline-size;
  margin-top: var(--spacer-3);
  display: grid;
  gap: var(--spacer-3);
  grid-template-columns: repeat(auto-fill, minmax(min(11.25rem, 100%), 1fr));
}

.articles-entry--teaser {
  margin-bottom: var(--spacer-4);
}
.articles-entry--teaser .articles-entry__text {
  margin-top: 0.5rem;
}
.articles-entry--teaser .articles-entry__link::before {
  inset: 0 -0.5rem -0.5rem -0.5rem !important;
}

@container teaser-wrapper (inline-size < 378px) {
  .articles-entry--teaser {
    display: flex;
  }
  .articles-entry--teaser .articles-entry__image {
    flex: 0 0 6.25rem;
    max-width: 6.25rem;
  }
  .articles-entry--teaser .articles-entry__text {
    flex-grow: 1;
    padding-left: 0.625rem;
  }
}
@container teaser-wrapper (inline-size >= 378px) {
  .articles-entry--teaser .articles-entry__text {
    margin-top: 0.5625rem;
  }
}
.articles-entries:after {
  content: "";
  display: table;
  clear: both;
}

.articles-entry {
  position: relative;
}
.articles-entry:after {
  content: "";
  display: table;
  clear: both;
}
.articles-entry .ex_items {
  margin-top: 0;
}
.articles-entry .articles-entry__image {
  position: relative;
}
.articles-entry .articles-entry__image-canvas {
  height: 0;
  padding-bottom: 100%;
  position: relative;
  background-color: #fff;
}
.articles-entry .articles-entry__image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
}
.articles-entry .articles-entry__image-wrapper img {
  max-height: 100%;
  width: auto;
}
.articles-entry .articles-entry__link:before {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer;
  z-index: 10;
  border-radius: 0.25rem;
}
.articles-entry .articles-entry__link:hover::before {
  background-color: rgba(52, 81, 151, 0.1);
}
.articles-entry .articles-entry__unit {
  --flow-space: 0.5rem;
}
.articles-entry .price {
  display: block;
  margin-top: 0;
}
.articles-entry .price__current {
  font-weight: 700;
}
.articles-entry .price__current--discounted {
  color: #D90A0A;
}
.articles-entry .price__strike {
  color: #6b6b6b;
  text-decoration: line-through;
}
.articles-entry .price__multiple {
  display: block;
  margin-top: var(--spacer-2);
}
.articles-entry .button-favorites:not(.is-active), .articles-entry .button-favorites:not(.is-active):visited, .articles-entry .button-favorites:not(.is-active).button {
  color: #222;
  background-color: transparent;
  border-color: #6b6b6b;
}
.articles-entry .button-favorites:not(.is-active):not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #6b6b6b;
  border-color: #6b6b6b;
}
.articles-entry .button-favorites:not(.is-active):not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.articles-entry .button-favorites:not(.is-active):not(:disabled):not(.disabled):active, .articles-entry .button-favorites:not(.is-active):not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #444;
  border-color: #444;
}
.articles-entry .button-favorites:not(.is-active):not(:disabled):not(.disabled):active:after, .articles-entry .button-favorites:not(.is-active):not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}

.articles-entry__basic-rate {
  display: block;
  font-size: 1rem;
  line-height: 1.25;
  line-height: 1.5;
  color: #6b6b6b;
  margin-top: 0;
  font-weight: 400;
}

.articles-entry__vat-shipping {
  position: relative;
  z-index: 20;
  margin-top: var(--spacer-2);
  font-size: 1rem;
  line-height: 1.25;
}

.articles-entry__prices {
  position: relative;
}

.articles-entry__reserve {
  display: inline-block;
  vertical-align: middle;
}

.autodiscover-login-form .formfield:has(+ .formgroup__btn > .btn[hidden], + .formgroup__btn > [hidden].button,
+ .formgroup__btn > [hidden].button-small) {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.autodiscover-login-form .formfield[readonly] {
  box-shadow: inset 0 0 0 1000px #eee;
  opacity: 0.65;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: not-allowed;
}

.badge {
  max-width: 33%;
  max-height: 33%;
  pointer-events: none;
}

.discount-percent {
  display: block;
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #D90A0A;
  color: #fff;
  font-size: 0.75rem;
  line-height: 2.5rem;
  font-weight: 700;
  text-align: center;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 1;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
}
.articles-entry--details .discount-percent {
  position: relative;
  float: right;
  font-size: 1rem;
  line-height: 3.125rem;
  width: 3.125rem;
  height: 3.125rem;
  top: -0.75rem;
}

.badge-2for1 {
  position: absolute;
  inset: 0 0 auto auto;
  inline-size: clamp(2.8125rem, 33%, 5rem);
  block-size: auto;
  max-width: none;
  max-height: none;
}
@media (width >= 46.25rem) {
  .badge-2for1 {
    inset: 0.625rem 0.625rem auto auto;
  }
}
.badge-2for1 img {
  inline-size: 100%;
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.45));
}
.articles-entry--details .articles-entry__image .badge-2for1 {
  display: none;
}
@media (width >= 46.25rem) {
  .articles-entry--details .badge-2for1 {
    inset: 1.125rem 1.125rem auto auto;
  }
}

.badge-news {
  position: absolute;
  left: 0;
  top: 0.3125rem;
  width: 3.125rem;
  height: 3.125rem;
  transform: rotateZ(-10deg);
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.25));
  background-size: contain;
}
.lang-de .badge-news {
  background-image: url("../../../../../temp/explorer/files/root/badges/new_de.png");
}
.lang-en .badge-news {
  background-image: url("../../../../../temp/explorer/files/root/badges/new_en.png");
}
@media (width < 61.25rem) {
  .articles-entries--overview .badge-news {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (width >= 46.25rem) {
  .articles-entry--details .badge-news {
    width: 3.75rem;
    height: 3.75rem;
  }
}
@media (width >= 76.25rem) {
  .articles-entry--details .badge-news {
    width: 5rem;
    height: 5rem;
  }
}

:root {
  --box-padding: var(--spacer-2);
  --box-padding-lg: var(--spacer-3);
  --box-bg-color: #eee;
  --box-border: none;
  --box-border-color: #bbb;
  --box-border-radius-lg: 0.25rem;
  --box-border-radius-sm: 0.125rem;
}

.box {
  position: relative;
  padding: var(--box-padding);
  background-color: var(--box-bg-color);
  border: var(--box-border);
  border-color: var(--box-border-color);
  border-radius: var(--box-border-radius-lg);
}
.box:is(address) {
  font-style: normal;
}
@media (width >= 37.5rem) {
  .box {
    --box-padding: var(--box-padding-lg);
  }
}
.box[data-highlight]:before {
  content: attr(data-highlight);
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  padding: 0.2rem;
  background-color: var(--box-border-color);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
}

.box--less-border-radius {
  border-radius: var(--box-border-radius-sm);
}

.box--sm {
  --box-padding: var(--spacer-2);
}

.box--primary {
  --box-bg-color: #D9EFFF;
  --box-border-color: #345197;
}

.box--primary-light {
  --box-bg-color: #E6F7FF;
  --box-border-color: #345197;
}

.box--white {
  --box-bg-color: #fff;
}

.box--border {
  --box-border: 1px solid;
}

.card {
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 2px 2px rgba(0, 0, 0, 0.075);
  padding: 1.125rem 0.5625rem;
}
@media (width >= 37.5rem) {
  .card {
    padding: 1.125rem;
  }
}

.carousel {
  position: relative;
}
.carousel .carousel__canvas {
  position: relative;
  height: 0;
  padding-bottom: 50%;
}
.carousel .carousel__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0;
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  overflow: hidden;
}
.carousel .carousel__item {
  position: relative;
}
.carousel .carousel__item img {
  width: 100%;
  max-width: 100%;
}
.carousel img {
  max-width: none;
  transition: opacity 0.5s;
}
.carousel .carousel__caption {
  display: none;
}
@media (width >= 37.5rem) {
  .carousel .carousel__caption {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 10;
    color: #111;
    max-width: 62%;
    max-height: 62%;
    overflow: hidden;
    background-color: rgba(238, 238, 238, 0.7);
    padding: 0.625rem 1.25rem;
  }
}
.carousel .carousel__caption h1, .carousel .carousel__caption h2, .carousel .carousel__caption h3, .carousel .carousel__caption h4,
.carousel .carousel__caption .h1, .carousel .carousel__caption .h2, .carousel .carousel__caption .h3, .carousel .carousel__caption .h4,
.carousel .carousel__caption p, .carousel .carousel__caption ul, .carousel .carousel__caption ol {
  margin: 0;
}
.carousel .slick-list {
  z-index: 1;
}
.carousel .slick-prev,
.carousel .slick-next {
  z-index: 2;
  width: 2rem;
  height: 2rem;
}
.carousel .slick-prev:before,
.carousel .slick-next:before {
  font-size: 2rem;
}
.carousel .slick-prev {
  left: 1.25rem;
}
.carousel .slick-next {
  right: 1.25rem;
}

.cart-amount-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 0.625rem;
}

.cart-amount-group {
  display: flex;
  align-items: start;
  gap: 0.625rem;
}

.cart-amount {
  white-space: nowrap;
  display: flex;
}
.cart-amount > * + * {
  margin-left: -1px;
}

.cart-amount-input,
.btn.cart-amount-minus,
.cart-amount-minus.button,
.cart-amount-minus.button-small,
.btn.cart-amount-plus,
.cart-amount-plus.button,
.cart-amount-plus.button-small {
  position: relative;
}

.cart-amount-input {
  text-align: center;
  width: 2.8rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  border-radius: 0;
  z-index: 3;
}
.cart-amount-input:hover, .cart-amount-input:focus {
  z-index: 4;
}

.btn.cart-amount-minus, .cart-amount-minus.button,
.cart-amount-minus.button-small,
.btn.cart-amount-plus,
.cart-amount-plus.button,
.cart-amount-plus.button-small {
  z-index: 1;
}
.btn.cart-amount-minus:hover, .cart-amount-minus.button:hover,
.cart-amount-minus.button-small:hover, .btn.cart-amount-minus:focus, .cart-amount-minus.button:focus,
.cart-amount-minus.button-small:focus,
.btn.cart-amount-plus:hover,
.cart-amount-plus.button:hover,
.cart-amount-plus.button-small:hover,
.btn.cart-amount-plus:focus,
.cart-amount-plus.button:focus,
.cart-amount-plus.button-small:focus {
  z-index: 2;
}
.btn.cart-amount-minus .icon, .cart-amount-minus.button .icon,
.cart-amount-minus.button-small .icon,
.btn.cart-amount-plus .icon,
.cart-amount-plus.button .icon,
.cart-amount-plus.button-small .icon {
  --icon-size: 1rem;
}

.btn.cart-amount-minus, .cart-amount-minus.button,
.cart-amount-minus.button-small {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn.cart-amount-plus, .cart-amount-plus.button,
.cart-amount-plus.button-small {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.add-to-cart {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
}
.add-to-cart:after {
  content: "";
  display: table;
  clear: both;
}

.cart-amount-msg {
  --_font-size: 1.125rem;
  --_line-height: 1.5;
  --_padding-block: 0.3125rem;
  --_padding-inline: 0.625rem;
  --_text-color: #111;
  --_bg-color: #fff;
  --_border-color: #bbb;
  --_border-style: solid;
  --_border-width: 1px;
  --_border-radius: $alert-border-radius;
  position: relative;
  padding-block: var(--_padding-block);
  padding-inline-end: var(--_padding-inline);
  color: var(--_text-color);
  background-color: var(--_bg-color);
  border: var(--_border-width) var(--_border-style) var(--_border-color);
  border-radius: var(--_border-radius);
  font-size: var(--_font-size);
  line-height: var(--_line-height);
  padding-inline-start: calc(var(--_font-size) + var(--_padding-inline) * 3);
  --_text-color: #111;
  --_bg-color: #fbe7e7;
  --_border-color: #D90A0A;
  display: inline-block;
  position: relative;
  margin-block: 0.3125rem;
  padding-inline-end: 2rem;
  --font-size: 1rem;
}
.cart-amount-msg:empty {
  display: none;
}
.cart-amount-msg:before {
  --_icon: none;
  --_icon-color: #6b6b6b;
  --_icon-bg-color: #eee;
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inline-size: calc(var(--_font-size) + var(--_padding-inline) * 2);
  background-repeat: no-repeat;
  background-size: var(--_font-size) var(--_font-size);
  background-position: calc(((var(--_font-size) * var(--_line-height)) - var(--_font-size)) / 2 + var(--_padding-block)) var(--_padding-inline);
  background-image: var(--_icon);
  color: var(--_icon-color);
  background-color: var(--_icon-bg-color);
}
.cart-amount-msg p {
  margin: 0;
  padding: 0;
}
.cart-amount-msg ul li + li {
  margin-block-start: 0;
}
.cart-amount-msg + .alert-message,
.cart-amount-msg + .formrow {
  margin-block-start: 1.125rem;
}
.cart-amount-msg:before {
  --_icon-color: #D90A0A;
  --_icon-bg-color: #f7cece;
  --_icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 385.3'%3e%3cpath d='M328,192.5a132.7,132.7,0,0,0-21.7-73.7L117.8,307Q152,329.3,192,329.3a131.7,131.7,0,0,0,52.9-10.9,138.3,138.3,0,0,0,43.4-29.1A138.6,138.6,0,0,0,328,192.5ZM78.3,267.3,267,78.8A131.2,131.2,0,0,0,192,56a132.9,132.9,0,0,0-68.2,18.3A136.5,136.5,0,0,0,56,192.5,134.5,134.5,0,0,0,78.3,267.3ZM384,192.5a189.2,189.2,0,0,1-15.2,75q-15.2,35.8-40.9,61.5t-61.2,41a190.2,190.2,0,0,1-149.2,0q-35.6-15.2-61.2-41T15.3,267.5a191.7,191.7,0,0,1,0-149.9Q30.5,82,56.1,56.3t61.3-41a190.2,190.2,0,0,1,149.3,0q35.6,15.3,61.3,41t40.9,61.4A188.3,188.3,0,0,1,384,192.5Z' fill='%23D90A0A'/%3e%3c/svg%3e");
}
.cart-amount-msg:has(.cart-amount-msg__msg:empty) {
  display: none;
}

.cart-amount-msg__clear {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  inline-size: 2rem;
  block-size: 2rem;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3cpath d='M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z' fill='%23900' /%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.9375rem 0.9375rem;
  border: none;
  padding: 0;
  cursor: pointer;
}

.charselector {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(2.8rem, 1fr));
  gap: 0.125rem;
}

.char {
  display: grid;
  place-content: center;
  height: 2.8rem;
  padding: 0;
  border-radius: 0.125rem;
  border: 1px solid;
  text-decoration: none;
  font-weight: 600;
}
.char:not(.is-active), .char:not(.is-active):visited, .char:not(.is-active).button {
  color: #345197;
  background-color: #D9EFFF;
  border-color: #D9EFFF;
}
.char:not(.is-active):not(:disabled):not(.disabled):hover {
  color: #345197;
  background-color: #D9EFFF;
  border-color: #89acfa;
}
.char:not(.is-active):not(:disabled):not(.disabled):hover:after {
  background-color: #345197;
}
.char:not(.is-active):not(:disabled):not(.disabled):active, .char:not(.is-active):not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #345197;
  background-color: #D9EFFF;
  border-color: #89acfa;
}
.char:not(.is-active):not(:disabled):not(.disabled):active:after, .char:not(.is-active):not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #345197;
}
.char.is-inactive {
  opacity: 0.6;
  pointer-events: none;
  filter: grayscale(1);
}
.char.is-active {
  pointer-events: none;
}
.char.is-active, .char.is-active:visited, .char.is-active.button {
  color: #fff;
  background-color: #345197;
  border-color: #345197;
}
.char.is-active:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #5069a6;
  border-color: #5069a6;
}
.char.is-active:not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.char.is-active:not(:disabled):not(.disabled):active, .char.is-active:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #2d4682;
  border-color: #2d4682;
}
.char.is-active:not(:disabled):not(.disabled):active:after, .char.is-active:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}

.checkbox-tree li ul {
  margin-block-start: 0;
}

.combo-list {
  list-style: none;
  margin: 0;
  padding: 0;
  container: combo-list/inline-size;
}

.combo-list__item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.3125rem;
}
.combo-list__item + .combo-list__item {
  margin-top: 1.125rem;
}

.combo-list__options {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}

@container combo-list (inline-size < 25rem) {
  .combo-list__options .btn, .combo-list__options .button,
.combo-list__options .button-small {
    font-size: 1.125rem;
    padding-block: 0.375rem;
    padding-inline: 0;
    min-block-size: calc(1.125rem * 1.5 + (0.375rem * 2) + 1px * 2);
    aspect-ratio: 1;
  }

  .combo-list__option-inscription {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
  }
}
@container combo-list (inline-size >= 25rem) {
  .combo-list__options .btn, .combo-list__options .button,
.combo-list__options .button-small {
    font-size: 1.125rem;
    padding-block: 0.375rem;
    padding-inline: 0.625rem;
    min-block-size: calc(1.125rem * 1.5 + (0.375rem * 2) + 1px * 2);
    justify-content: flex-start;
  }
}
.coupon-code {
  max-inline-size: 21.875rem;
}
.coupon-code .formfield {
  margin-right: -1px;
}

:root {
  --datepicker-border-radius: 0.3125rem;
  --datepicker-border-color: #ccc;
  --datepicker-bg-color: #fff;
  --datepicker-theme: #345197;
  --datepicker-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  --datepicker-font-size: 1rem;
  --datepicker-arrow-size: 0.625rem;
  --datepicker-months-color: #fff;
  --datepicker-months-color-disabled: rgba(255, 255, 255, 0.5);
  --datepicker-months-hover-color: #D9EFFF;
  --datepicker-months-hover-bg-color: rgba(0, 0, 0, 0.2);
  --datepicker-weekday-color: #fff;
  --datepicker-day-color: #222;
  --datepicker-day-hover-bg-color: #D9EFFF;
  --datepicker-day-hover-border-color: #345197;
  --datepicker-day-selected-bg-color: #345197;
  --datepicker-day-selected-border-color: #345197;
  --datepicker-day-othermonth-color: #6b6b6b;
  --datepicker-day-disabled-color: #ccc;
}

.datepicker-wrapper,
.timepicker-wrapper,
.datetimepicker-wrapper {
  width: 15rem;
}

.js-datepicker-wrap > *,
.js-timepicker-wrap > * {
  margin-right: -1px;
}

.flatpickr-calendar {
  box-shadow: 0 8px 20px 3px rgba(0, 0, 0, 0.5);
  box-shadow: var(--datepicker-box-shadow);
  border-radius: var(--datepicker-border-radius);
  font-size: var(--datepicker-font-size);
}

.flatpickr-calendar:before {
  border-width: var(--datepicker-arrow-size);
  margin: 0 calc(var(--datepicker-arrow-size) * -1);
}

.flatpickr-calendar:after {
  border-width: calc(var(--datepicker-arrow-size) - 1px);
  margin: 0 calc((var(--datepicker-arrow-size) - 1px) * -1);
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: var(--datepicker-border-color);
}

.flatpickr-calendar.noCalendar.arrowTop:before {
  border-bottom-color: var(--datepicker-border-color);
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: var(--datepicker-border-color);
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: var(--datepicker-theme);
}

.flatpickr-calendar.noCalendar.arrowTop:after {
  border-bottom-color: var(--datepicker-bg-color);
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: var(--datepicker-bg-color);
}

.flatpickr-months .flatpickr-month {
  background: var(--datepicker-theme);
  color: var(--datepicker-months-color);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  fill: var(--datepicker-months-color);
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  background-color: var(--datepicker-months-hover-bg-color);
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--datepicker-months-hover-color);
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: var(--datepicker-months-hover-bg-color);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: var(--datepicker-theme);
}

.flatpickr-prev-month {
  border-top-left-radius: var(--datepicker-border-radius);
  border-bottom-right-radius: var(--datepicker-border-radius);
}

.flatpickr-next-month {
  border-top-right-radius: var(--datepicker-border-radius);
  border-bottom-left-radius: var(--datepicker-border-radius);
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  color: var(--datepicker-months-color-disabled);
}

.numInputWrapper:hover {
  background-color: var(--datepicker-months-hover-bg-color);
}

.flatpickr-weekdays {
  background: var(--datepicker-theme);
}

span.flatpickr-weekday {
  background: var(--datepicker-theme);
  color: var(--datepicker-weekday-color);
}

.flatpickr-day {
  color: var(--datepicker-day-color);
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  background-color: var(--datepicker-day-hover-bg-color);
  border-color: var(--datepicker-day-hover-border-color);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--datepicker-day-selected-bg-color);
  border-color: var(--datepicker-day-selected-border-color);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: var(--datepicker-day-othermonth-color);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: var(--datepicker-day-disabled-color);
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 var(--datepicker-theme);
}

.flatpickr-day.week.selected {
  box-shadow: -5px 0 0 var(--datepicker-theme), 5px 0 0 var(--datepicker-theme);
}

.downloads {
  list-style: none;
  padding: 0;
}
.downloads li {
  padding-left: 0;
  margin: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.dropdown .dropdown__content,
.dropdown > ul {
  display: none;
}
.dropdown.js-dropdown--initialized .dropdown__content,
.dropdown.js-dropdown--initialized > ul, .dropdown.js-slidedown--initialized .dropdown__content,
.dropdown.js-slidedown--initialized > ul {
  display: block;
}
.dropdown > ul,
.dropdown > .dropdown__content,
.dropdown .dropdown__sublist > ul,
.dropdown .dropdown__sublist > .dropdown__content {
  position: absolute;
  left: 0;
  min-width: 10rem;
  margin: 0;
  padding: 1rem;
  z-index: 50;
  background-color: #fff;
  border: 1px solid #888;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  top: 100%;
  bottom: auto;
  border-radius: 0.125rem;
}
.dropdown > ul,
.dropdown .dropdown__sublist > ul {
  list-style: none;
  padding: 0;
}
.dropdown > ul li,
.dropdown .dropdown__sublist > ul li {
  margin-top: 0;
}
.dropdown > ul a,
.dropdown .dropdown__sublist > ul a {
  display: block;
  padding-block: 0.5rem;
  padding-inline: 0.625rem;
  clear: both;
  color: #111;
  white-space: nowrap;
  text-decoration: none;
}
.dropdown > ul a:hover, .dropdown > ul a:focus,
.dropdown .dropdown__sublist > ul a:hover,
.dropdown .dropdown__sublist > ul a:focus {
  color: #111;
  background-color: #eee;
}
.dropdown > ul li.is-active > a,
.dropdown .dropdown__sublist > ul li.is-active > a {
  color: #345197;
  background-color: #D9EFFF;
}
.dropdown .dropdown__divider,
.dropdown .dropdown__sublist .dropdown__divider {
  height: 1px;
  margin: 0;
  overflow: hidden;
  background-color: #888;
}
.dropdown.dropdown--right > ul,
.dropdown.dropdown--right > .dropdown__content {
  left: auto;
  right: 0;
}
.dropdown.dropdown--right ul a {
  padding-inline-start: 0.625rem;
  padding-inline-end: 0.625rem;
}
.dropdown.dropdown--center > ul,
.dropdown.dropdown--center > .dropdown__content {
  left: 50%;
  transform: translate(-50%, 0);
}
.dropdown .dropdown__sublist {
  position: relative;
}
.dropdown .dropdown__sublist > ul,
.dropdown .dropdown__sublist > .dropdown__content {
  top: 0;
  margin-top: -1px;
}
.dropdown .dropdown__sublist .dropdown__toggle[aria-expanded=true] {
  background-color: #eee;
}
.dropdown .dropdown__sublist:not(.dropdown--right) > ul,
.dropdown .dropdown__sublist:not(.dropdown--right) > .dropdown__content {
  left: 100%;
}
.dropdown .dropdown__sublist:not(.dropdown--right) .dropdown__toggle {
  padding-inline-end: 0.625rem;
}
.dropdown .dropdown__sublist.dropdown--right > ul,
.dropdown .dropdown__sublist.dropdown--right > .dropdown__content {
  left: auto;
  right: 100%;
}
.dropdown .dropdown__sublist.dropdown--right .dropdown__toggle {
  padding-inline-start: 0.625rem;
}
.dropdown.dropdown--upwards > ul,
.dropdown.dropdown--upwards > .dropdown__content {
  top: auto;
  bottom: 100%;
}
.dropdown.dropdown--upwards.dropdown__sublist > ul,
.dropdown.dropdown--upwards.dropdown__sublist > .dropdown__content,
.dropdown.dropdown--upwards .dropdown__sublist > ul,
.dropdown.dropdown--upwards .dropdown__sublist > .dropdown__content {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -1px;
}
.dropdown.js-dropdown--initialized.is-root > .dropdown__toggle:after,
.dropdown.js-dropdown--initialized.is-root > a:after,
.dropdown.js-dropdown--initialized.is-root > button:after, .dropdown.js-slidedown--initialized.is-root > .dropdown__toggle:after,
.dropdown.js-slidedown--initialized.is-root > a:after,
.dropdown.js-slidedown--initialized.is-root > button:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
  margin-left: 0.3em;
  width: calc(0.3em * 2);
  height: 0.3em;
  background-color: currentColor;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(180deg);
}
.dropdown.dropdown--right ul a {
  padding-inline-start: calc(0.625rem + 0.3em + 0.3em);
}
.dropdown .dropdown__sublist .dropdown__toggle:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.3em);
}
.dropdown .dropdown__sublist:not(.dropdown--right) .dropdown__toggle {
  padding-inline-end: calc(0.625rem + 0.3em + 0.3em);
}
.dropdown .dropdown__sublist:not(.dropdown--right) .dropdown__toggle:after {
  right: 0.3em;
  width: calc(0.3em * 2);
  height: 0.3em;
  background-color: currentColor;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(90deg);
}
.dropdown .dropdown__sublist.dropdown--right .dropdown__toggle {
  padding-inline-start: calc(0.625rem + 0.3em + 0.3em);
}
.dropdown .dropdown__sublist.dropdown--right .dropdown__toggle:after {
  left: 0.3em;
  width: calc(0.3em * 2);
  height: 0.3em;
  background-color: currentColor;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(270deg);
}
.dropdown.dropdown--upwards.js-dropdown--initialized.is-root > .dropdown__toggle:after,
.dropdown.dropdown--upwards.js-dropdown--initialized.is-root > a:after,
.dropdown.dropdown--upwards.js-dropdown--initialized.is-root > button:after, .dropdown.dropdown--upwards.js-slidedown--initialized.is-root > .dropdown__toggle:after,
.dropdown.dropdown--upwards.js-slidedown--initialized.is-root > a:after,
.dropdown.dropdown--upwards.js-slidedown--initialized.is-root > button:after {
  width: calc(0.3em * 2);
  height: 0.3em;
  background-color: currentColor;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(0);
}

.dropdown--arrow {
  --arrow-height: 0.75rem;
}
.dropdown--arrow > ul,
.dropdown--arrow > .dropdown__content {
  margin-top: 0.75rem;
}
.dropdown--arrow > ul:before,
.dropdown--arrow > .dropdown__content:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(0.75rem * 2);
  height: 0.75rem;
  background-color: #888;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(0);
  top: calc(0.75rem * -1);
  left: 0.625rem;
}
.dropdown--arrow > ul:after,
.dropdown--arrow > .dropdown__content:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(0.75rem * 2);
  height: 0.75rem;
  background-color: #fff;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(0);
  top: calc(1px - 0.75rem);
  left: 0.625rem;
}
.dropdown--arrow.dropdown--right > ul:before, .dropdown--arrow.dropdown--right > ul:after,
.dropdown--arrow.dropdown--right > .dropdown__content:before,
.dropdown--arrow.dropdown--right > .dropdown__content:after {
  left: auto;
  right: 0.625rem;
}
.dropdown--arrow.dropdown--center > ul:before, .dropdown--arrow.dropdown--center > ul:after,
.dropdown--arrow.dropdown--center > .dropdown__content:before,
.dropdown--arrow.dropdown--center > .dropdown__content:after {
  left: calc(50% - 0.75rem);
}
.dropdown--arrow.dropdown--upwards > ul,
.dropdown--arrow.dropdown--upwards > .dropdown__content {
  margin-top: 0;
  margin-bottom: 0.75rem;
}
.dropdown--arrow.dropdown--upwards > ul:before,
.dropdown--arrow.dropdown--upwards > .dropdown__content:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(0.75rem * 2);
  height: 0.75rem;
  background-color: #888;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(180deg);
  top: auto;
  bottom: calc(0.75rem * -1);
}
.dropdown--arrow.dropdown--upwards > ul:after,
.dropdown--arrow.dropdown--upwards > .dropdown__content:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(0.75rem * 2);
  height: 0.75rem;
  background-color: #fff;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(180deg);
  top: auto;
  bottom: calc(1px - 0.75rem);
}

.boxticks {
  --boxticks-font-size: 1rem;
  --boxticks-line-height: 1.5;
  width: 100%;
  padding-inline-start: 0;
  list-style: none;
}
@media (width >= 37.5rem) {
  .boxticks {
    --boxticks-font-size: 1.125rem;
    --boxticks-line-height: 1.5;
  }
}

.boxticks__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}

.boxticks__item {
  container: boxticks-item/inline-size;
  position: relative;
  min-height: 3.125rem;
  padding-block: 0.75rem;
  padding-inline-start: 0.625rem;
  padding-inline-end: 0.625rem;
  border: 1px solid #ccc;
  border-radius: 0.125rem;
  background-color: #eee;
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  font-size: var(--boxticks-font-size);
  line-height: var(--boxticks-line-height);
}
.boxticks__item:hover {
  background-color: #E6F7FF;
  border-color: #89acfa;
}
.boxticks__item:has(input[type=checkbox]:checked), .boxticks__item:has(input[type=radio]:checked) {
  border-color: #89acfa;
  background-color: #D9EFFF;
}
.boxticks__item:has(input[type=checkbox]:checked) .boxticks__subform, .boxticks__item:has(input[type=radio]:checked) .boxticks__subform {
  grid-template-rows: 1fr;
}
.boxticks__item:has(input[type=checkbox]:checked) .boxticks__subform-content, .boxticks__item:has(input[type=radio]:checked) .boxticks__subform-content {
  visibility: visible;
}
.boxticks__item + .boxticks__item,
.boxticks__item + .boxticks__item-group {
  margin-top: 0.3125rem;
}
.boxticks__item > label {
  cursor: pointer;
  flex: 1 1 auto;
  word-break: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.boxticks__item > label:before {
  position: absolute;
  inset: 0;
  content: "";
}
.boxticks__item > label a, .boxticks__item > label button {
  position: relative;
  z-index: 4;
}
.boxticks__item .boxticks__formfield {
  font-size: var(--boxticks-font-size);
  line-height: var(--boxticks-line-height);
  margin-block: -0.4375rem;
  margin-inline-end: calc((0.625rem / 2) * -1);
  background-color: #fff;
}
.boxticks__item.boxticks__item--illustrated label {
  position: relative;
  display: grid;
  cursor: pointer;
  grid-template-columns: min(30%, 6.25rem) 1fr;
  gap: 0.625rem;
}
.boxticks__item.boxticks__item--illustrated label:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.boxticks__item.boxticks__item--illustrated label span {
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.boxticks__item.boxticks__item--illustrated label .additional-info-link {
  pointer-events: initial;
}

@container boxticks-item (inline-size >= 22.5rem) {
  .boxticks-item-content {
    display: flex;
    gap: 0.625rem;
  }
}

.boxticks-item-content__text {
  margin-block-start: 0.625rem;
}
@container boxticks-item (inline-size >= 22.5rem) {
  .boxticks-item-content__text {
    margin-block-start: 0;
  }
}
.boxticks-item-content__text .notice {
  margin-block-start: 0;
  color: #111;
}

.boxticks__icon {
  block-size: 3rem;
  inline-size: 3rem;
  margin-block-start: -0.375rem;
}
@container boxticks-item (inline-size >= 22.5rem) {
  .boxticks__icon {
    margin-block-start: 0;
  }
}

.boxticks__helptext {
  font-size: 0.9375rem;
  line-height: 1.3333;
  margin-block-start: 1em;
}

.boxticks__subform {
  display: grid;
  grid-template-rows: 0fr;
  overflow-y: clip;
  transition: grid-template-rows 0.3s ease-in-out;
}
.boxticks__subform .formfield {
  background-color: #fff !important;
}
@container boxticks-item (inline-size >= 22.5rem) {
  .boxticks__subform {
    padding-inline-start: calc(3rem + 0.625rem);
  }
}

.boxticks__subform-content {
  min-height: 0;
  visibility: hidden;
  transition: visibility 0.3s;
}
.boxticks__subform-content > *:first-child {
  margin-block-start: 1.125rem;
}
.boxticks__subform-content * {
  max-inline-size: Min(25rem, 100%);
}

.password-response {
  margin-block-start: 0.625rem;
}
.password-response ul {
  padding: 0.5625rem;
  border: 1px solid #888;
  background-color: #eee;
  border-radius: 0.125rem;
  font-size: 0.9375rem;
  line-height: 1.3333;
}
.password-response li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.password-response li + li {
  margin-block-start: 0.3125rem;
}
.password-response .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 0.0625rem;
}
.password-response .icon-ban {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 385.3'%3e%3cpath d='M328,192.5a132.7,132.7,0,0,0-21.7-73.7L117.8,307Q152,329.3,192,329.3a131.7,131.7,0,0,0,52.9-10.9,138.3,138.3,0,0,0,43.4-29.1A138.6,138.6,0,0,0,328,192.5ZM78.3,267.3,267,78.8A131.2,131.2,0,0,0,192,56a132.9,132.9,0,0,0-68.2,18.3A136.5,136.5,0,0,0,56,192.5,134.5,134.5,0,0,0,78.3,267.3ZM384,192.5a189.2,189.2,0,0,1-15.2,75q-15.2,35.8-40.9,61.5t-61.2,41a190.2,190.2,0,0,1-149.2,0q-35.6-15.2-61.2-41T15.3,267.5a191.7,191.7,0,0,1,0-149.9Q30.5,82,56.1,56.3t61.3-41a190.2,190.2,0,0,1,149.3,0q35.6,15.3,61.3,41t40.9,61.4A188.3,188.3,0,0,1,384,192.5Z' fill='%23D90A0A'/%3e%3c/svg%3e");
}
.password-response .icon-check1 {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 387.5 297'%3e%3cpath d='M387.5,58a23.1,23.1,0,0,1-7,17l-215,215a24.1,24.1,0,0,1-34,0L7,165.5a24.1,24.1,0,0,1,0-34l34-34a23.1,23.1,0,0,1,17-7,23.1,23.1,0,0,1,17,7l73.5,73.8L312.5,7a24.1,24.1,0,0,1,34,0l34,34A23.1,23.1,0,0,1,387.5,58Z' fill='%23006631'/%3e%3c/svg%3e");
}

.formrow--create-password {
  max-inline-size: none !important;
  container: formrow-password/inline-size;
}
.formrow--create-password .formitem {
  display: grid;
  max-inline-size: 31.25rem !important;
  justify-items: start;
  grid-template-areas: "label" "input" "response" "generate";
}
.formrow--create-password .formitem > .label {
  grid-area: label;
}
.formrow--create-password .formitem > .password-helper,
.formrow--create-password .formitem > .formfield {
  grid-area: input;
}
.formrow--create-password .formitem .password-response {
  grid-area: response;
}
.formrow--create-password .formitem .generate-password {
  grid-area: generate;
  margin-block-start: 0.625rem;
}
@container formrow-password (inline-size >= 48.125rem) {
  .formrow--create-password .formitem {
    max-inline-size: none !important;
    grid-template-columns: 30.625rem auto;
    align-items: start;
    -moz-column-gap: 0.625rem;
         column-gap: 0.625rem;
    grid-template-areas: "label      label" "input      response" "generate   response";
  }
  .formrow--create-password .formitem .password-response {
    margin-block-start: 0.3125rem;
    margin-inline-end: 0;
  }
  .formrow--create-password .formitem .password-response ul {
    position: absolute;
  }
}

.gallery {
  padding: 1.25rem 0;
  margin-bottom: 1.25rem;
}
.gallery__slider {
  position: relative;
}
.gallery__controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.gallery__controls .container {
  height: 100%;
}
.gallery__slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #777;
}
.gallery__slider-btn:hover {
  color: #345197;
}
.gallery__slider-btn .icon {
  width: 1.875rem;
  height: 3.75rem;
}
.gallery__slider-btn--prev {
  left: 1.875rem;
}
.gallery__slider-btn--next {
  right: 1.875rem;
}
.gallery__slick.slick-dotted {
  margin-bottom: 3.75rem;
}
.gallery__slick.slick-dotted .slick-dots {
  bottom: -3.4375rem;
}
.gallery__slick.slick-initialized .slick-track {
  display: flex;
  align-items: center;
}
.gallery__image {
  padding: 0 0.75rem;
}
.gallery__image > img {
  margin: 0 auto;
}

.infinite-container {
  margin-bottom: 1.25rem;
  position: relative;
}
.infinite-container.is-loading {
  padding-bottom: 3.125rem;
}
.infinite-container.is-loading:after {
  content: "";
  position: absolute;
  block-size: 2.5rem;
  inline-size: 2.5rem;
  border: 0.25rem solid rgba(0, 0, 0, 0.1);
  border-top-color: #345197;
  display: block;
  border-radius: 50%;
  animation: infinite-rotation 1s linear infinite;
  pointer-events: none;
  top: auto;
  bottom: -0.625rem;
  left: calc(50% - 1.25rem);
}
.infinite-container.is-loading ~ .infinite-more-link {
  display: none;
}

.infinite-more-link {
  margin-top: 0;
  margin-bottom: 0 !important;
}
.infinite-more-link.is-clicked {
  opacity: 0;
}

.site-language-suggest {
  font-size: 1rem;
  line-height: 1.25;
  margin-top: calc(var(--spacer-2) * -1);
  margin-bottom: var(--spacer-2);
}
.site-language-suggest__content {
  padding-top: var(--spacer-2);
  padding-bottom: var(--spacer-2);
}
@media (width >= 61.25rem) {
  .site-language-suggest__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
}
@media (width < 61.25rem) {
  .site-language-suggest__notice {
    width: 100%;
  }
}
@media (width < 61.25rem) {
  .site-language-suggest__select {
    margin-top: var(--spacer-2);
  }
}

.mfp-iframe-holder {
  padding: 0;
}
.mfp-iframe-holder iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.mfp-close.mfp-close {
  --lightbox-close-icon-color: #fff;
  color: transparent;
  opacity: 1;
  margin-block-start: 0.625rem;
  margin-inline-end: 0.625rem;
  border-radius: 50%;
}
.mfp-close.mfp-close:before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(--lightbox-close-icon-color, #fff);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cpath d='M16,2A14,14,0,1,1,2,16,14,14,0,0,1,16,2Zm0,30A16,16,0,1,0,0,16,16,16,0,0,0,16,32ZM11.294,11.294a1,1,0,0,0,0,1.413L14.587,16l-3.294,3.294a1,1,0,1,0,1.413,1.413L16,17.413l3.294,3.294a1,1,0,1,0,1.413-1.413L17.413,16l3.294-3.294a1,1,0,1,0-1.413-1.413L16,14.587l-3.294-3.294A1,1,0,0,0,11.294,11.294Z'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cpath d='M16,2A14,14,0,1,1,2,16,14,14,0,0,1,16,2Zm0,30A16,16,0,1,0,0,16,16,16,0,0,0,16,32ZM11.294,11.294a1,1,0,0,0,0,1.413L14.587,16l-3.294,3.294a1,1,0,1,0,1.413,1.413L16,17.413l3.294,3.294a1,1,0,1,0,1.413-1.413L17.413,16l3.294-3.294a1,1,0,1,0-1.413-1.413L16,14.587l-3.294-3.294A1,1,0,0,0,11.294,11.294Z'/%3e%3c/svg%3e");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 2rem 2rem;
          mask-size: 2rem 2rem;
}
.mfp-close.mfp-close:hover, .mfp-close.mfp-close:focus {
  --lightbox-close-icon-color: #D9EFFF;
}
.mfp-close.mfp-close:focus-visible {
  outline: 3px solid #345197;
  outline-offset: 0px;
}
.mfp-close-btn-in .mfp-close.mfp-close {
  --lightbox-close-icon-color: #000;
  background-color: #fff;
}
.mfp-close-btn-in .mfp-close.mfp-close:hover, .mfp-close-btn-in .mfp-close.mfp-close:focus {
  --lightbox-close-icon-color: #345197;
}
.mfp-gallery .mfp-close.mfp-close, .mfp-iframe-holder .mfp-close.mfp-close, .mfp-lightbox-image .mfp-close.mfp-close {
  --lightbox-close-icon-color: #fff;
  background-color: transparent;
  margin-block-start: 0;
  margin-inline-end: 0;
  block-size: 2.5rem;
  inset-inline-end: 0;
  padding-inline-end: 0;
}
.mfp-gallery .mfp-close.mfp-close:before, .mfp-iframe-holder .mfp-close.mfp-close:before, .mfp-lightbox-image .mfp-close.mfp-close:before {
  inset: 0 0 auto auto;
  block-size: 2.5rem;
  inline-size: 2.5rem;
}
.mfp-gallery .mfp-close.mfp-close:hover, .mfp-gallery .mfp-close.mfp-close:focus, .mfp-iframe-holder .mfp-close.mfp-close:hover, .mfp-iframe-holder .mfp-close.mfp-close:focus, .mfp-lightbox-image .mfp-close.mfp-close:hover, .mfp-lightbox-image .mfp-close.mfp-close:focus {
  --lightbox-close-icon-color: #D9EFFF;
}

html {
  margin-right: 0 !important;
}

.mfp-bg {
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(6px);
}

.mfp-content {
  max-width: Min(37.5rem, 95%);
}
.mfp-content .container {
  inline-size: 100%;
  min-width: 0;
}

.lightbox-mw-600 .mfp-content {
  max-width: Min(37.5rem, 95%);
}

.mfp-lightbox-ajax .mfp-content,
.mfp-lightbox-iframe .mfp-content {
  box-shadow: 0 4px 80px 6px rgba(0, 0, 0, 0.85);
  border-radius: 0.25rem;
  overflow: hidden;
}

.mfp-lightbox-iframe .mfp-content {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.mfp-lightbox-iframe.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: auto;
  max-width: Min(37.5rem, 95%);
  overflow-wrap: break-word;
}

.mfp-ajax-holder .mfp-content {
  background-color: #eee;
}

.mfp-figure:after {
  background-color: #fff;
}

.mfp-preloader.mfp-preloader {
  margin: 0 auto;
}
.mfp-preloader.mfp-preloader:after {
  content: "";
  margin: 0 auto;
  block-size: 50px;
  inline-size: 50px;
  border: 0.25rem solid rgba(255, 255, 255, 0.5);
  border-top-color: #345197;
  display: block;
  border-radius: 50%;
  animation: infinite-rotation 1s linear infinite;
  pointer-events: none;
}
.mfp-s-error .mfp-preloader.mfp-preloader:after {
  display: none;
}

.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim,
.mfp-zoom-in .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.05);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.4s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim,
.mfp-zoom-in.mfp-ready .mfp-content {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 1;
  backdrop-filter: blur(3px);
}
.mfp-zoom-in.mfp-removing .mfp-with-anim,
.mfp-zoom-in.mfp-removing .mfp-content {
  transform: scale(0.95);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-fade-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-fade-in .mfp-with-anim,
.mfp-fade-in .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.mfp-fade-in.mfp-bg {
  opacity: 0;
  transition: all 0.4s ease-out;
}
.mfp-fade-in.mfp-ready .mfp-with-anim,
.mfp-fade-in.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade-in.mfp-ready.mfp-bg {
  opacity: 1;
}
.mfp-fade-in.mfp-removing .mfp-with-anim,
.mfp-fade-in.mfp-removing .mfp-content {
  opacity: 0;
}
.mfp-fade-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-ibase.mfp-bg {
  background-image: linear-gradient(to bottom, #334251 0%, #65809D 50%, #334251 100%);
}

.mfp-ibase .mfp-content {
  box-shadow: 0 4px 80px 6px rgba(0, 0, 0, 0.85);
}

.limit-content-width *:not(.hr, hr, h1, form) {
  max-inline-size: calc(min(37.5rem, 100%));
}
.limit-content-width form:not(.form--order-confirmation) .formrow {
  max-inline-size: calc(min(31.25rem, 100%));
}

.map {
  aspect-ratio: 16/9;
  min-height: 18.75rem;
}
.map .marker p {
  margin-top: 0;
}

.messagebox_overlay {
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.6);
}

.messagebox {
  margin: var(--spacer-2);
  background-color: #fff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  border-radius: 0.25rem;
}

.messagebox_content {
  padding: var(--spacer-3);
}

.messagebox_buttons {
  padding: var(--spacer-3);
  border-top: 1px solid #ccc;
  background-color: #eee;
  border-radius: 0 0 0.25rem 0.25rem;
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}

.messagebox_button_done {
  display: inline-flex;
  justify-content: center;
  gap: 0.3125rem;
  align-items: center;
  vertical-align: middle;
  border: 1px solid;
  border-radius: 0.125rem;
  background-image: none;
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 1.125rem;
  padding-block: 0.375rem;
  padding-inline: 1.25rem;
  min-block-size: calc(1.125rem * 1.5 + (0.375rem * 2) + 1px * 2);
}
.messagebox_button_done:disabled, .messagebox_button_done.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.messagebox_button_done, .messagebox_button_done:hover {
  text-decoration: none;
}
.messagebox_button_done:active, .messagebox_button_done.is-open {
  background-image: none;
  text-decoration: none;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.175);
}
.messagebox_button_done > * {
  vertical-align: inherit;
}
.messagebox_button_done .icon {
  --icon-size: 1em;
  --calculated-icon-size: calc(var(--icon-size) * 1.5);
  --icon-padding: calc((var(--calculated-icon-size) - var(--icon-size)) / 2);
  padding: var(--icon-padding);
  margin-inline: calc(var(--icon-padding) * -1);
  inline-size: var(--calculated-icon-size);
  block-size: var(--calculated-icon-size);
  max-inline-size: none !important;
}
.messagebox_button_done .icon--lg {
  --icon-size: 1.5em;
}
.messagebox_button_done, .messagebox_button_done:visited, .messagebox_button_done.button {
  color: #006631;
  background-color: transparent;
  border-color: #006631;
}
.messagebox_button_done:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #12713f;
  border-color: #12713f;
}
.messagebox_button_done:not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.messagebox_button_done:not(:disabled):not(.disabled):active, .messagebox_button_done:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #00582a;
  border-color: #00582a;
}
.messagebox_button_done:not(:disabled):not(.disabled):active:after, .messagebox_button_done:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}

.messagebox_button_fail {
  display: inline-flex;
  justify-content: center;
  gap: 0.3125rem;
  align-items: center;
  vertical-align: middle;
  border: 1px solid;
  border-radius: 0.125rem;
  background-image: none;
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 1.125rem;
  padding-block: 0.375rem;
  padding-inline: 1.25rem;
  min-block-size: calc(1.125rem * 1.5 + (0.375rem * 2) + 1px * 2);
}
.messagebox_button_fail:disabled, .messagebox_button_fail.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.messagebox_button_fail, .messagebox_button_fail:hover {
  text-decoration: none;
}
.messagebox_button_fail:active, .messagebox_button_fail.is-open {
  background-image: none;
  text-decoration: none;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.175);
}
.messagebox_button_fail > * {
  vertical-align: inherit;
}
.messagebox_button_fail .icon {
  --icon-size: 1em;
  --calculated-icon-size: calc(var(--icon-size) * 1.5);
  --icon-padding: calc((var(--calculated-icon-size) - var(--icon-size)) / 2);
  padding: var(--icon-padding);
  margin-inline: calc(var(--icon-padding) * -1);
  inline-size: var(--calculated-icon-size);
  block-size: var(--calculated-icon-size);
  max-inline-size: none !important;
}
.messagebox_button_fail .icon--lg {
  --icon-size: 1.5em;
}
.messagebox_button_fail, .messagebox_button_fail:visited, .messagebox_button_fail.button {
  color: #D90A0A;
  background-color: transparent;
  border-color: #D90A0A;
}
.messagebox_button_fail:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #de2c2c;
  border-color: #de2c2c;
}
.messagebox_button_fail:not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.messagebox_button_fail:not(:disabled):not(.disabled):active, .messagebox_button_fail:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #e24242;
  border-color: #a70808;
}
.messagebox_button_fail:not(:disabled):not(.disabled):active:after, .messagebox_button_fail:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}

@media (width < 46.25rem) {
  .news-entry--details .images {
    display: flex;
  }
}
@media (width < 46.25rem) and (width < 46.25rem) {
  .news-entry--details .images {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    justify-content: stretch;
  }
  .news-entry--details .images a {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    flex: 1 1 auto;
  }
}
@media (width >= 46.25rem) {
  .news-entry--details .news-entry__text {
    order: 1;
  }
  .news-entry--details .news-entry__images {
    order: 2;
  }
  .news-entry--details .images a {
    display: block;
    margin-bottom: 0.5625rem;
    text-align: center;
  }
}

.news-entries--overview {
  margin-top: 1.125rem;
}

.news-entry--overview {
  position: relative;
  margin-bottom: 2.25rem;
}
.news-entry--overview:after {
  content: "";
  display: table;
  clear: both;
}
.news-entry--overview .ex_items {
  margin-top: 0;
}
.news-entry--overview .news-entry__image {
  position: relative;
}
.news-entry--overview .news-entry__image-canvas {
  height: 0;
  padding-bottom: 100%;
  position: relative;
  background-color: #fff;
}
.news-entry--overview .news-entry__image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
}
.news-entry--overview .news-entry__image-wrapper img {
  max-height: 100%;
  width: auto;
}
.news-entry--overview .news-entry__link:before {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer;
  z-index: 10;
  border-radius: 0.25rem;
}
.news-entry--overview .news-entry__link:hover::before {
  background-color: rgba(52, 81, 151, 0.1);
}
.news-entry--overview .news-entry__title {
  font-size: 1.25rem;
  line-height: 1.4;
}
@media (width < 37.5rem) {
  .news-entry--overview .news-entry__image {
    float: right;
    width: 33%;
    margin-left: 4%;
    margin-bottom: 1%;
    z-index: 2;
    max-width: 9.375rem;
  }
  .news-entry--overview .news-entry__text {
    display: inline;
    z-index: 1;
  }
}
@media (width >= 37.5rem) {
  .news-entry--overview .news-entry__image {
    float: right;
    width: 40%;
    margin-left: 4%;
    margin-bottom: 1%;
    z-index: 2;
    max-width: 9.375rem;
  }
  .news-entry--overview .news-entry__text {
    display: inline;
    z-index: 1;
  }
}

.news-entries--teaser {
  margin-top: 1.125rem;
}

.news-entry--teaser {
  position: relative;
  margin-bottom: 2.25rem;
}
.news-entry--teaser:after {
  content: "";
  display: table;
  clear: both;
}
.news-entry--teaser .ex_items {
  margin-top: 0;
}
.news-entry--teaser .news-entry__image {
  position: relative;
}
.news-entry--teaser .news-entry__image-canvas {
  height: 0;
  padding-bottom: 100%;
  position: relative;
  background-color: #fff;
}
.news-entry--teaser .news-entry__image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
}
.news-entry--teaser .news-entry__image-wrapper img {
  max-height: 100%;
  width: auto;
}
.news-entry--teaser .news-entry__link:before {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer;
  z-index: 10;
  border-radius: 0.25rem;
}
.news-entry--teaser .news-entry__link:hover::before {
  background-color: rgba(52, 81, 151, 0.1);
}
.news-entry--teaser .news-entry__title {
  font-size: 1.25rem;
  line-height: 1.4;
}
@media (width < 37.5rem) {
  .news-entry--teaser .news-entry__image {
    float: right;
    width: 33%;
    margin-left: 4%;
    margin-bottom: 1%;
    z-index: 2;
    max-width: 9.375rem;
  }
  .news-entry--teaser .news-entry__text {
    display: inline;
    z-index: 1;
  }
}
@media (width >= 37.5rem) {
  .news-entry--teaser .news-entry__image {
    float: right;
    width: 40%;
    margin-left: 4%;
    margin-bottom: 1%;
    z-index: 2;
    max-width: 9.375rem;
  }
  .news-entry--teaser .news-entry__text {
    display: inline;
    z-index: 1;
  }
}

.pageselector {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pageselector .pageselector__limit-post {
  margin-right: 1.25rem;
  margin-left: 0.3125rem;
}
.pageselector .pageselector__prev,
.pageselector .pageselector__next {
  padding: 0.3125rem 0.625rem;
}

.payment-express__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 1.25rem;
}
@media (width >= 46.25rem) {
  .cart-main .payment-express__buttons {
    display: none;
  }
}
.cart-sidebar .payment-express__buttons {
  flex-direction: column;
  justify-content: initial;
}
.cart-sidebar .payment-express__buttons input[type=button] {
  width: 100%;
}

.ratings-filter-entry {
  display: flex;
}

.ratings-filter-entry__radio {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.ratings-filter-entry__content {
  position: relative;
  padding: 0 0 0.3125rem 1.25rem;
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: stretch;
}
.ratings-filter-entry__content:before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  position: absolute;
  left: 0;
  border: 1px solid #888;
}
.ratings-filter-entry__radio:checked + .ratings-filter-entry__content:before {
  background-color: #345197;
  border-color: #345197;
  box-shadow: inset 0 0 0 4px #fff;
}
.ratings-filter-entry__radio:focus + .ratings-filter-entry__content:before {
  box-shadow: 0 0 0 3px rgba(52, 81, 151, 0.25), inset 0 0 0 4px #fff;
}
.ratings-filter--language .ratings-filter-entry__content {
  padding-left: 1.5625rem;
}

.ratings-filter-entry__stars {
  margin-left: 0.3125rem;
  font-size: 1.25rem;
}

.ratings-filter-entry__bar,
.ratings-filter-entry__bar-inner {
  height: 0.5rem;
  border-radius: 0.1875rem;
}

.ratings-filter-entry__bar {
  flex: 1 1 100%;
  background-color: #888;
}

.ratings-filter-entry__bar-inner {
  background-color: #345197;
}

.ratings-filter-entry__count {
  flex: 0 0 0.3125rem;
  text-align: right;
}

:root {
  --col-stars-active: #345197;
  --col-stars-inactive: #888;
}

.ratings-average-stars {
  font-size: 1.875rem;
}

.ratings-pagination {
  display: flex;
  justify-content: space-between;
}
.ratings-pagination .btn, .ratings-pagination .button,
.ratings-pagination .button-small {
  margin: 0;
}

.ratings-reviews > .js-exec-module .loading {
  position: sticky;
  top: 11.25rem;
  margin: 0;
}

.reviews-wrapper {
  padding-bottom: 1.5rem;
}
.reviews-wrapper hr:last-child {
  margin-bottom: 0;
}

.reviews-entry {
  position: relative;
}
@media (width >= 37.5rem) {
  .reviews-entry {
    display: flex;
  }
}

.reviews-entry__data,
.reviews-entry__review {
  overflow: hidden;
}

.reviews-entry__data {
  flex: 0 0 11.25rem;
  max-width: 11.25rem;
  padding-right: 1.25rem;
}

.reviews-entry__stars {
  font-size: 1.25rem;
}
@media (width < 37.5rem) {
  .reviews-entry__stars {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.reviews-entry__name,
.reviews-entry__comment {
  margin-top: 0.28125rem;
}

.rwd-menu {
  margin: 0 0 1.125rem;
}
.rwd-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.rwd-menu li {
  padding: 0;
  margin: 0;
}
.rwd-menu li + li {
  margin-top: 2px;
}
.rwd-menu li a,
.rwd-menu .dropdown__toggle {
  position: relative;
  display: block;
  padding: 8px 0;
  margin: 0 0 2px;
}
.rwd-menu li a {
  border-top: 1px solid #ccc;
}
.rwd-menu li:first-child a {
  border-top: 0;
}
.rwd-menu li.is-active a {
  color: #111;
}
.rwd-menu .dropdown__toggle {
  display: none;
  padding-right: 1.25rem;
}
.rwd-menu .dropdown__toggle:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(6px * 2);
  height: 6px;
  background-color: #345197;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(90deg);
  top: 0.9375rem;
  right: 0.1875rem;
}
.rwd-menu .dropdown__toggle--open:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(6px * 2);
  height: 6px;
  background-color: #345197;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(180deg);
  top: 0.8125rem;
  right: 0;
}

.btn--plupload-browse,
.btn--plupload-clear {
  margin-top: 0.3125rem;
}
.btn--plupload-browse .icon,
.btn--plupload-clear .icon {
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: center;
}

.btn--plupload-browse {
  margin-right: 0.3125rem;
}
.btn--plupload-browse .icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath d='M248 328c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-246.1-63 63c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L207 7c9.4-9.4 24.6-9.4 33.9 0L345 111c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-63-63 0 246.1zm-96-8l-88 0c-8.8 0-16 7.2-16 16l0 80c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-80c0-8.8-7.2-16-16-16l-88 0 0-48 88 0c35.3 0 64 28.7 64 64l0 80c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64l0-80c0-35.3 28.7-64 64-64l88 0 0 48zm168 56a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z' fill='%23111'/%3e%3c/svg%3e");
}

.btn--plupload-clear .icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3cpath d='M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z' fill='%23900' /%3e%3c/svg%3e");
  filter: saturate(0);
}
.btn--plupload-clear:hover .icon {
  filter: none;
}

.select-attachments {
  inline-size: 100%;
}

.select-attachments__list {
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid #6b6b6b;
  border-radius: 0.125rem;
  cursor: pointer;
  isolation: isolate;
  z-index: 4;
  overflow-x: clip;
  overflow-y: auto;
  min-block-size: calc(1.125rem * 1.5 + (0.375rem * 2) + 1px * 2);
  max-block-size: 11.875rem;
}
.select-attachments__item {
  block-size: calc(1.125rem * 1.5 + (0.375rem * 2) + 1px * 2);
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: stretch;
  grid-template-areas: "filename status remove";
  font-size: 1rem;
  line-height: 1.25rem;
}
.select-attachments__item:not(:first-child) {
  border-top: 1px solid #6b6b6b;
}
.select-attachments__item .file-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  grid-area: filename;
  padding: 0.625rem;
}
.select-attachments__item .file-status {
  grid-area: status;
  min-inline-size: 3.125rem;
  padding: 0 0.3125rem;
  display: grid;
  place-content: center;
  background-color: #ccc;
}
.select-attachments__item .file-status .icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
}
.select-attachments__item .file-status .icon-success {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 387.5 297'%3e%3cpath d='M387.5,58a23.1,23.1,0,0,1-7,17l-215,215a24.1,24.1,0,0,1-34,0L7,165.5a24.1,24.1,0,0,1,0-34l34-34a23.1,23.1,0,0,1,17-7,23.1,23.1,0,0,1,17,7l73.5,73.8L312.5,7a24.1,24.1,0,0,1,34,0l34,34A23.1,23.1,0,0,1,387.5,58Z' fill='%23006631'/%3e%3c/svg%3e");
}
.select-attachments__item .file-status:has(.icon-success) {
  background-color: rgba(0, 102, 49, 0.2);
}
.select-attachments__item .file-status:empty:before {
  content: "";
  block-size: 1.5rem;
  inline-size: 1.5rem;
  border: 0.25rem solid rgba(0, 0, 0, 0.1);
  border-top-color: #222;
  display: block;
  border-radius: 50%;
  animation: infinite-rotation 1s linear infinite;
  pointer-events: none;
}
.select-attachments__item .remove-file {
  grid-area: remove;
  cursor: pointer;
  inline-size: 2.5rem;
  border-left: 1px solid #6b6b6b;
  padding: 0;
  display: grid;
  place-content: center;
}
.select-attachments__item .remove-file .icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 384'%3e%3cpath d='M128,152V296a7.7,7.7,0,0,1-8,8H104a7.7,7.7,0,0,1-8-8V152a7.7,7.7,0,0,1,8-8h16a7.7,7.7,0,0,1,8,8Zm64,0V296a7.7,7.7,0,0,1-8,8H168a7.7,7.7,0,0,1-8-8V152a7.7,7.7,0,0,1,8-8h16a7.7,7.7,0,0,1,8,8Zm64,0V296a7.7,7.7,0,0,1-8,8H232a7.7,7.7,0,0,1-8-8V152a7.7,7.7,0,0,1,8-8h16a7.7,7.7,0,0,1,8,8Zm32,181V96H64V333a28.4,28.4,0,0,0,1.8,10.1,22.4,22.4,0,0,0,3.6,6.8Q71.3,352,72,352H280q.8,0,2.6-2.1a22.4,22.4,0,0,0,3.6-6.7A28.4,28.4,0,0,0,288,333ZM120,64H232L220,34.8a7.1,7.1,0,0,0-4.2-2.7H136.5a7.1,7.1,0,0,0-4.2,2.8Zm232,8V88a7.7,7.7,0,0,1-8,8H320V333q0,20.8-11.7,35.9T280,384H72q-16.5,0-28.2-14.6T32,334V96H8a7.7,7.7,0,0,1-8-8V72a7.7,7.7,0,0,1,8-8H85.3l17.5-41.7q3.8-9.3,13.5-15.7T136,0h80q10,0,19.8,6.5t13.5,15.8L266.8,64H344a7.7,7.7,0,0,1,8,8Z' fill='%23900' /%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.select-attachments__item .progress-bar {
  grid-area: filename;
  z-index: -1;
  display: grid;
  align-items: end;
}
.select-attachments__item .progress-bar__inner {
  inline-size: 0;
  block-size: 0.375rem;
  background-color: rgba(0, 102, 49, 0.75);
}
.select-attachments__item .progress-bar.complete .progress-bar__inner {
  background-color: transparent;
}

.share ul {
  list-style: none;
  padding: 0;
  display: flex;
}
.share .shariff-button {
  position: relative;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  width: 2.5rem;
  height: 2.5rem;
}
.share .shariff-button:hover {
  background-color: rgba(52, 81, 151, 0.1);
}
.share .shariff-button a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.3125rem;
}
.share .shariff-button + .shariff-button {
  margin-left: 0.3125rem;
}
.share .fa,
.share .icon {
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.share .share_text {
  display: none;
}
.share .facebook .icon {
  color: #3b5998;
}
.share .twitter .icon {
  color: #1da1f2;
}
.share .googleplus .icon {
  color: #dd4b39;
}
.share .whatsapp .icon {
  color: #25d366;
}
.share .mail .icon {
  color: #999;
}
.share .xing .icon {
  color: #026466;
}
.share .linkedin .icon {
  color: #0077b5;
}
.share .pinterest .icon {
  color: #bd081c;
}
.share .reddit .icon {
  color: #ff4500;
}

.slick-dots li {
  margin: 0 0.3125rem;
  width: 1rem;
  height: 1rem;
}
.slick-dots li button {
  position: relative;
  width: 1rem;
  height: 1rem;
  padding: 0;
}
.slick-dots li button:before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #fff;
  background-color: #ccc;
  opacity: 1;
}
.background-dark .slick-dots li button:before {
  border-color: #ccc;
  background-color: #fff;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  background-color: #345197;
}
.slick-dots li.slick-active button:before {
  background-color: #345197;
  border-color: #345197;
  opacity: 1;
}

.suggest-pass-hint {
  font-size: 1rem;
  line-height: 1.2;
  margin-block-start: -0.3125rem;
}

.suggest-pass-value {
  display: block;
  font-weight: 600;
  font-size: 1.125rem;
}

.summoner {
  --summoner-font-size: 1.125rem;
  --summoner-line-height: 1.5;
  --summoner-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'><circle cx='13.5' cy='13.5' r='13.5' fill='#345197'/><rect width='3' height='15' transform='translate(12 6)' fill='#fff'/><rect width='3' height='15' transform='translate(21 12) rotate(90)' fill='#fff'/></svg>");
  --summoner-bg-size: calc(var(--summoner-font-size) * var(--summoner-line-height));
  padding-left: 2.1875rem;
  position: relative;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3e%3ccircle cx='13.5' cy='13.5' r='13.5' fill='%23345197'/%3e%3crect width='3' height='15' transform='translate%2812 6%29' fill='%23fff'/%3e%3crect width='3' height='15' transform='translate%2821 12%29 rotate%2890%29' fill='%23fff'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: var(--summoner-bg-size) var(--summoner-bg-size);
}
.summoner:has(.summoner__btn[aria-expanded=true]) {
  display: none !important;
}
.summoner.formitem > * {
  margin-block-start: 0;
}

.summoner__btn {
  font-size: var(--summoner-font-size);
  line-height: var(--summoner-line-height);
  color: var(--c-link);
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
}
.summoner__btn:hover {
  text-decoration: none;
}
.summoner__btn:before {
  position: absolute;
  inset: 0;
  content: "";
  cursor: pointer;
}

.summoning:not([aria-hidden=false]) {
  display: none !important;
}

.table-cart {
  width: 100%;
  background-color: var(--table-bg-color);
  border-collapse: collapse;
  border-spacing: 0;
}
.table-cart th,
.table-cart td {
  --_bg-color: transparent;
  --_padding: var(--table-cell-padding, 0.625rem);
  --_border: var(--table-cell-border, 1px solid);
  --_border-color: var(--table-border-color, #bbb);
  padding: var(--_padding);
  vertical-align: top;
  background-color: var(--_bg-color);
  border-top: var(--_border) var(--_border-color);
}
.table-cart td {
  --_font-weight: var(--table-cell-font-weight, 400);
  font-weight: var(--_font-weight);
}
.table-cart th {
  --_font-weight: var(--table-header-font-weight, 700);
  font-weight: var(--_font-weight);
}
.table-cart .cright {
  text-align: right;
}
.table-cart td.is-active > td, .table-cart td.is-active > th, .table-cart th.is-active > td, .table-cart th.is-active > th,
.table-cart tr.is-active > td,
.table-cart tr.is-active > th {
  --_bg-color: var(--table-active-bg-color);
}
.table-cart td.info > td, .table-cart td.info > th, .table-cart th.info > td, .table-cart th.info > th,
.table-cart tr.info > td,
.table-cart tr.info > th {
  --_bg-color: var(--table-info-bg-color);
}
.table-cart td.success > td, .table-cart td.success > th, .table-cart th.success > td, .table-cart th.success > th,
.table-cart tr.success > td,
.table-cart tr.success > th {
  --_bg-color: var(--table-success-bg-color);
}
.table-cart td.warning > td, .table-cart td.warning > th, .table-cart th.warning > td, .table-cart th.warning > th,
.table-cart tr.warning > td,
.table-cart tr.warning > th {
  --_bg-color: var(--table-warning-bg-color);
}
.table-cart td.error > td, .table-cart td.error > th, .table-cart th.error > td, .table-cart th.error > th,
.table-cart tr.error > td,
.table-cart tr.error > th {
  --_bg-color: var(--table-error-bg-color);
}
.table-cart thead th {
  --_border: var(--table-header-border);
  vertical-align: bottom;
  border-bottom: var(--_border) var(--_border-color);
}
.table-cart caption + thead tr:first-child > th,
.table-cart caption + thead tr:first-child > td,
.table-cart colgroup + thead tr:first-child > th,
.table-cart colgroup + thead tr:first-child > td,
.table-cart thead:first-child tr:first-child > th,
.table-cart thead:first-child tr:first-child > td {
  border-top: 0;
}
.table-cart tbody + tbody > tr:first-child > th,
.table-cart tbody + tbody > tr:first-child > td {
  --_border: var(--table-header-border);
  border-top: var(--_border) var(--_border-color);
}
.table-cart thead th {
  padding-top: 0;
}
.table-cart tfoot td {
  text-align: right;
}
.table-cart th:first-child,
.table-cart td:first-child {
  padding-left: 0;
}
.table-cart th:last-child,
.table-cart td:last-child {
  padding-right: 0;
}
.table-cart tbody tr:first-child th,
.table-cart tbody tr:first-child td {
  border-top: none;
}

.table-cart__article:after {
  content: "";
  display: table;
  clear: both;
}

.table-cart__quantity,
.table-cart__price-multiple {
  text-align: right;
}

.cart-reload {
  display: none;
  margin-right: 0.3125rem;
}

.table-cart__article-text {
  margin-left: 5.625rem;
}
@media (width < 37.5rem) {
  .table-cart__article-text {
    margin-left: 4.375rem;
  }
}

.table-cart__article-image {
  float: left;
  width: 5rem;
  text-align: center;
}
.table-cart__article-image img {
  max-height: 100%;
  width: auto;
}
@media (width < 37.5rem) {
  .table-cart__article-image {
    width: 3.75rem;
    height: 3.75rem;
  }
}

.table-cart__article-title {
  font-weight: 700;
}

.table-cart__overall {
  font-size: 1.25rem;
  line-height: 1.4;
}

.table-cart__overall td {
  font-weight: 700;
}

.table-cart__vat-info {
  font-size: 0.875rem;
}

.table-cart__shipping-time {
  font-weight: 400;
}

.table-cart__notice {
  color: #6b6b6b;
}

@media (width < 37.5rem) {
  .table-cart__article-artno,
.table-cart__article-unit,
.table-cart__article-price,
.table-cart__article-quantity,
.table-cart__article-quantity .formfield--sm {
    font-size: 1rem;
    line-height: 1.25;
  }

  .cart-amount-wrapper {
    padding-block-start: 0.625rem;
    padding-inline-start: 4.375rem;
  }

  .cart-amount-label {
    inline-size: 3.75rem;
    margin-inline-start: -4.375rem;
  }

  .table-cart tbody {
    hyphens: auto;
  }
}
@media (width >= 37.5rem) {
  .table-cart__article-quantity {
    margin-left: 5.625rem;
  }
}
@media (width < 37.5rem) {
  .table-cart--checkout td,
.table-cart--checkout th {
    padding: 0.3125rem;
  }
}

.table--direct-order {
  width: 100%;
}
.table--direct-order .direct-order-no {
  width: 5rem;
  padding-right: 0.625rem;
}
.table--direct-order .direct-order-no .formfield {
  width: 4.375rem;
}
.table--direct-order .direct-order-name {
  padding: 0.25rem 0;
}
.table--direct-order .direct-order-name .order-data {
  display: block;
  border: 1px solid #888;
  height: 2.5rem;
  padding: 0.4375rem 0.5rem;
  cursor: not-allowed;
  overflow: hidden;
}
.table--direct-order .direct-order-button {
  width: 1.25rem;
  padding-left: 0.625rem;
}
.table--direct-order .direct-order-button .disabled {
  pointer-events: initial;
  cursor: not-allowed;
}
.table--direct-order .order-name {
  margin-right: 0.625rem;
}
.table--direct-order .order-price__price {
  font-weight: 700;
}
.table--direct-order .order-price__basic-rate {
  font-size: 80%;
  margin-left: 0.3125rem;
  color: #6b6b6b;
}
.table--direct-order .order-price__basic-rate:before {
  content: "(";
}
.table--direct-order .order-price__basic-rate:after {
  content: ")";
}
@media (width < 37.5rem) {
  .table--direct-order {
    width: auto;
  }
  .table--direct-order .direct-order-name {
    display: none !important;
  }
}

@media (width < 61.25rem) {
  .customer-orders__table > table,
.customer-recommendations__table > table {
    margin-bottom: 0;
    background-color: transparent;
  }
  .customer-orders__table > table > thead,
.customer-orders__table > table > tfoot,
.customer-recommendations__table > table > thead,
.customer-recommendations__table > table > tfoot {
    display: none;
  }
  .customer-orders__table > table > tbody,
.customer-recommendations__table > table > tbody {
    display: block;
  }
  .customer-orders__table > table > tbody > tr,
.customer-recommendations__table > table > tbody > tr {
    display: block;
    border: 1px solid var(--table-border-color);
    border-top: 0;
    margin-bottom: var(--table-cell-padding);
  }
  .customer-orders__table > table > tbody > tr > td,
.customer-orders__table > table > tbody > tr > th,
.customer-recommendations__table > table > tbody > tr > td,
.customer-recommendations__table > table > tbody > tr > th {
    background-color: var(--table-bg-color);
    display: block;
    vertical-align: middle;
    text-align: right;
    font-weight: var(--table-cell-font-weight);
    min-height: calc(1.125rem * 1.5 + var(--table-cell-padding) * 2);
  }
  .customer-orders__table > table > tbody > tr > td[data-title]:before,
.customer-orders__table > table > tbody > tr > th[data-title]:before,
.customer-recommendations__table > table > tbody > tr > td[data-title]:before,
.customer-recommendations__table > table > tbody > tr > th[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: inherit;
    font-weight: var(--table-header-font-weight);
  }
}

.table--orders,
.table--recommendations {
  width: 100%;
}
.table--orders:has(td.no-entries) thead,
.table--recommendations:has(td.no-entries) thead {
  display: none;
}
.table--orders th, .table--orders td,
.table--recommendations th,
.table--recommendations td {
  hyphens: auto;
}
@media (width >= 61.25rem) {
  .table--orders th:first-child, .table--orders td:first-child,
.table--recommendations th:first-child,
.table--recommendations td:first-child {
    padding-inline-start: 0;
  }
  .table--orders th:last-child, .table--orders td:last-child,
.table--recommendations th:last-child,
.table--recommendations td:last-child {
    padding-inline-end: 0;
  }
}

.table--orders__options {
  text-align: right;
}
@media (width < 61.25rem) {
  .table--orders__options .btn, .table--orders__options .button,
.table--orders__options .button-small {
    font-size: 1.125rem;
    padding-block: 0.375rem;
    padding-inline: 0.625rem;
    min-block-size: calc(1.125rem * 1.5 + (0.375rem * 2) + 1px * 2);
  }
}
@media (width >= 61.25rem) {
  .table--orders__options .btn, .table--orders__options .button,
.table--orders__options .button-small {
    font-size: 1.125rem;
    padding-block: 0.375rem;
    padding-inline: 0;
    min-block-size: calc(1.125rem * 1.5 + (0.375rem * 2) + 1px * 2);
    aspect-ratio: 1;
  }
}

@media (width >= 61.25rem) {
  .table--orders__label {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
  }
}

@media (width < 37.5rem) {
  .tabs--responsive .accordion__toggle {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    -moz-column-gap: var(--spacer-2);
         column-gap: var(--spacer-2);
  }
  .tabs--responsive .accordion__toggle:not(.textlink):not(.info-item__btn) {
    color: #111;
  }
  .tabs--responsive .accordion__toggle:not(.textlink):not(.info-item__btn):hover {
    color: #345197;
  }
  .tabs--responsive .accordion__toggle[aria-expanded=true] .accordion__icon {
    transform: rotateX(180deg);
  }
  .tabs--responsive .accordion__icon {
    inline-size: 0.75em;
    block-size: 0.75em;
    transition: transform 0.3s linear;
  }
  .tabs--responsive .accordion__expander {
    display: grid;
    grid-template-rows: 0fr;
    overflow: clip;
    transition: grid-template-rows 0.3s ease-in-out;
  }
  .tabs--responsive .accordion__content {
    min-height: 0;
    visibility: hidden;
    transition: visibility 0.3s;
  }
  .tabs--responsive .accordion__expander[aria-hidden=false] {
    grid-template-rows: 1fr;
  }
  .tabs--responsive .accordion__expander[aria-hidden=false] .accordion__content {
    visibility: visible;
  }
  .tabs--responsive .accordion__toggle {
    display: block;
  }
  .tabs--responsive .tabs__content {
    margin: 0 !important;
  }
}
@media (width >= 37.5rem) {
  .tabs--responsive .accordion__toggle {
    display: none;
  }
  .tabs--responsive > .tabs__content-wrapper > .accordion__toggle:first-child + .tabs__content {
    display: block;
  }
}

.tabs .tabs__content-wrapper {
  margin-top: 0;
}
.tabs .tabs__content {
  margin-top: 1.125rem;
}
.js .tabs:not(.js-tabs--initialized) .tabs__content:not(:first-child) {
  display: none;
}
.tabs .tabs__list {
  border-bottom: 1px solid #888;
  display: flex;
  gap: 0.125rem;
}
.tabs .tabs__list,
.tabs .tabs__list li {
  list-style: none;
  background-image: none;
  padding: 0;
  margin: 0;
}
.tabs .tabs__list li {
  display: inline;
}
.tabs .tabs__list:after {
  content: "";
  display: table;
  clear: both;
}
.tabs .tabs__list li {
  display: flex;
}
.tabs .tabs__list a {
  flex-basis: 100%;
  display: block;
  position: relative;
  z-index: 10;
  padding: 0.625rem 1.25rem;
  cursor: pointer;
  text-decoration: none;
  color: #345197;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.125rem;
  transition: all 0.2s ease-out;
  border-radius: 0.125rem 0.125rem 0 0;
}
.tabs .tabs__list a:hover {
  z-index: 20;
  color: #345197;
  background-color: #D9EFFF;
  border-color: #D9EFFF;
  border-bottom: 1px solid transparent;
}
.tabs .tabs__list a[aria-selected], .tabs .tabs__list a.is-active {
  z-index: 30;
  color: #111;
  background-color: #fff;
  border-color: #888;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.tags .btn, .tags .button,
.tags .button-small, .tags .btn:visited, .tags .btn.button {
  color: #345197;
  background-color: #D9EFFF;
  border-color: #D9EFFF;
}
.tags .btn:not(:disabled):not(.disabled):hover, .tags .button:not(:disabled):not(.disabled):hover,
.tags .button-small:not(:disabled):not(.disabled):hover {
  color: #345197;
  background-color: #D9EFFF;
  border-color: #89acfa;
}
.tags .btn:not(:disabled):not(.disabled):hover:after, .tags .button:not(:disabled):not(.disabled):hover:after,
.tags .button-small:not(:disabled):not(.disabled):hover:after {
  background-color: #345197;
}
.tags .btn:not(:disabled):not(.disabled):active, .tags .button:not(:disabled):not(.disabled):active,
.tags .button-small:not(:disabled):not(.disabled):active, .tags .btn:not(:disabled):not(.disabled)[aria-expanded=true], .tags .button:not(:disabled):not(.disabled)[aria-expanded=true],
.tags .button-small:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #345197;
  background-color: #D9EFFF;
  border-color: #89acfa;
}
.tags .btn:not(:disabled):not(.disabled):active:after, .tags .button:not(:disabled):not(.disabled):active:after,
.tags .button-small:not(:disabled):not(.disabled):active:after, .tags .btn:not(:disabled):not(.disabled)[aria-expanded=true]:after, .tags .button:not(:disabled):not(.disabled)[aria-expanded=true]:after,
.tags .button-small:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #345197;
}

#toast-container > div {
  opacity: 1;
  text-align: left;
  border-radius: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.275);
}
#toast-container > div:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.575);
}

.toast-success {
  background-color: #006631;
}

.toast-warning {
  background-color: #F5BD29;
}

.toast-error {
  background-color: #D90A0A;
}

.toast-info {
  background-color: #345197;
}

.youtube {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.youtube img {
  width: 100%;
  top: -16.82%;
  left: 0;
  opacity: 0.7;
}

.youtube .play-button {
  width: 90px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  z-index: 2;
  border-radius: 6px;
}
.youtube .play-button:hover {
  background-color: #f00;
}

.youtube .play-button:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #fff;
}

.youtube img,
.youtube .play-button {
  cursor: pointer;
}

.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
  position: absolute;
}

.youtube .play-button,
.youtube .play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.youtube__disclaimer {
  z-index: 3;
  position: absolute;
  left: 5px;
  top: 5px;
  max-width: max(35%, 160px);
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding: 6px;
  font-size: 13px;
  line-height: 16px;
  border-radius: 3px;
}

.youtube iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.youtube-testthumbs {
  position: fixed;
  left: 100vmax;
}
.youtube-testthumbs img {
  max-width: none;
  max-height: none;
}

.site-content > .breadcrumb {
  top: -1.25rem;
}

.breadcrumb {
  position: relative;
}
.breadcrumb .container {
  height: 1.875rem;
  overflow-y: clip;
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.breadcrumb li {
  margin: 0;
  padding: 0;
  padding-right: 1.25rem;
  position: relative;
  font-size: 1rem;
  line-height: 1.25;
  line-height: 1.875rem;
  white-space: nowrap;
}
.breadcrumb li:last-child .icon {
  display: none;
}
.breadcrumb a {
  text-decoration: none;
  color: #6b6b6b;
}
.breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active {
  color: #345197;
}
.breadcrumb li:last-child a {
  color: #111;
  pointer-events: none;
  cursor: default;
}
.breadcrumb .icon {
  position: absolute;
  top: 0.6875rem;
  right: 0.3125rem;
  width: 0.5625rem;
  height: 0.5625rem;
  color: #888;
}

.breadcrumb__spacer {
  overflow-x: auto;
  overflow-y: clip;
  -webkit-overflow-scrolling: touch;
}

#cart-preview {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  position: relative;
}
#cart-preview.is-updating {
  display: grid;
  place-content: center;
}
#cart-preview .loading {
  block-size: 1.25rem;
  inline-size: 1.25rem;
  border: 0.25rem solid rgba(0, 0, 0, 0.1);
  border-top-color: #345197;
  display: block;
  border-radius: 50%;
  animation: infinite-rotation 1s linear infinite;
  pointer-events: none;
}

.cart-preview__wrapper .cart-preview__toggle {
  z-index: 1;
  inline-size: 3.35rem;
}
.cart-preview__wrapper .cart-preview__icon {
  position: relative;
}
.cart-preview__wrapper .cart-preview__counter {
  z-index: 2;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  padding-block-start: 0.625rem;
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
  text-shadow: 0 0 6px #006631;
}
.cart-preview__wrapper.cart-preview--filled .cart-preview__toggle {
  color: #006631;
}
.cart-preview__wrapper.cart-preview--filled .cart-preview__toggle:visited {
  color: #006631;
}
.cart-preview__wrapper.cart-preview--filled .cart-preview__toggle:hover {
  color: #006631;
}
.cart-preview__wrapper.cart-preview--filled .cart-preview__toggle:active {
  color: #345197;
}
.cart-preview__wrapper .cart-preview__content {
  inset-inline-start: auto;
  inset-inline-end: 0;
  color: #111;
  min-inline-size: 15rem;
}
.cart-preview__wrapper .cart-preview__list {
  width: 100%;
  font-size: 1rem;
  line-height: 1.25;
}
.cart-preview__wrapper .cart-preview__list td {
  vertical-align: top;
  padding: 0 0 0.3125rem;
}
.cart-preview__wrapper .cart-preview__list .cart-preview__quantity {
  text-align: end;
  white-space: nowrap;
  padding-inline-end: 0.3125rem;
  width: 1.25rem;
}
.cart-preview__wrapper .cart-preview__sum {
  width: 100%;
}
.cart-preview__wrapper .cart-preview__sum td {
  vertical-align: top;
  border-block-start: 1px solid;
  padding: 0.1875rem 0;
  font-weight: 600;
}
.cart-preview__wrapper .cart-preview__sum-value {
  text-align: end;
  white-space: nowrap;
}
.cart-preview__wrapper .cart-preview__vat {
  font-size: 1rem;
  line-height: 1.25;
  margin-block-start: 0.5625rem;
}
.cart-preview__wrapper .cart-preview__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-block-start: 0.9375rem;
}

.nav-categories {
  clear: both;
  position: relative;
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  z-index: 25;
  isolation: isolate;
  background-color: #fff;
}

@media (width < 61.25rem) {
  body:has(.nav-categories .dropdown__toggle[aria-expanded=true]) {
    position: fixed;
  }

  .nav-categories {
    background-color: #fff;
  }
  .nav-categories:has(.dropdown__toggle[aria-expanded=true]):after {
    content: "";
    position: fixed;
    inset: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(6px);
    z-index: -1;
  }
  .nav-categories .container {
    position: relative;
    display: block;
    background-color: #fff;
  }
  .nav-categories .container .dropdown__content {
    position: absolute;
    inset: 100% 0 auto 0;
    border: 0;
    border-block-start: 1px solid #89acfa;
    max-block-size: calc(100svh - var(--header-height));
    max-block-size: calc(100dvh - var(--header-height));
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
  }
  .nav-categories .container .dropdown__content li {
    border-block-start: 1px solid #ccc;
    background-color: #eee;
  }
  .nav-categories .container .dropdown__content li {
    display: grid;
    grid-template-columns: 1fr 3.5625rem;
    grid-template-areas: "link toggle" "submenu submenu";
  }
  .nav-categories .container .dropdown__content li > a {
    grid-area: link;
  }
  .nav-categories .container .dropdown__content li > button {
    grid-area: toggle;
  }
  .nav-categories .container .dropdown__content li > ul {
    grid-area: submenu;
  }
  .nav-categories .container .dropdown__content > ul:first-child > li:first-child {
    border-block-start: none;
  }
  .nav-categories .container .dropdown__content li a {
    display: block;
    padding-block: 0.625rem;
    padding-inline: 0.5625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-inline-end: 1px solid #ccc;
    background-color: #fff;
    color: #111;
    text-decoration: none;
  }
}
@media (width < 61.25rem) and (width >= 37.5rem) {
  .nav-categories .container .dropdown__content li a {
    padding-inline: 1.125rem;
  }
}
@media (width < 61.25rem) {
  .nav-categories .container .dropdown__content li a:hover {
    background-color: #eee;
    text-decoration: none;
  }
}
@media (width < 61.25rem) {
  .nav-categories .container .dropdown__content li.is-active > a {
    color: #345197;
  }
  .nav-categories .container .dropdown__content li.is-active:not(:has(li.is-active)) > a {
    background-color: #D9EFFF;
  }
  .nav-categories .container .dropdown__content li.is-active > a:hover {
    background-color: rgba(52, 81, 151, 0.1);
  }
}
@media (width < 61.25rem) {
  .nav-categories .container .dropdown__content .nav-categories__toggle {
    display: grid;
    inline-size: 3.5625rem;
    padding: 0;
    place-content: center;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 249.5 145.5'%3e%3cpath d='M249.5,20.8a7.9,7.9,0,0,1-2.5,5.8L130.5,143a7.9,7.9,0,0,1-11.5,0L2.5,26.5A7.9,7.9,0,0,1,2.5,15L15,2.5a7.9,7.9,0,0,1,11.5,0l98.3,98.3L223,2.5a7.9,7.9,0,0,1,11.5,0L247,15A7.9,7.9,0,0,1,249.5,20.8Z' fill='%23345197'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1em 1em;
    cursor: pointer;
    transition: transform 0.3s ease;
  }
  .nav-categories .container .dropdown__content .nav-categories__toggle[aria-expanded=true] {
    transform: rotateX(180deg);
  }
}
@media (width < 61.25rem) {
  .nav-categories .container .dropdown__content ul ul {
    border-inline-start: var(--spacer-3) solid #ccc;
  }
}
@media (width < 61.25rem) {
  .nav-categories .dropdown__toggle {
    width: 100%;
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #345197;
    font-size: 1.25rem;
    line-height: 1.4;
  }
  .nav-categories .dropdown__toggle:after {
    content: "";
    inline-size: 1em;
    block-size: 1em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 249.5 145.5'%3e%3cpath d='M249.5,20.8a7.9,7.9,0,0,1-2.5,5.8L130.5,143a7.9,7.9,0,0,1-11.5,0L2.5,26.5A7.9,7.9,0,0,1,2.5,15L15,2.5a7.9,7.9,0,0,1,11.5,0l98.3,98.3L223,2.5a7.9,7.9,0,0,1,11.5,0L247,15A7.9,7.9,0,0,1,249.5,20.8Z' fill='%23345197'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease;
  }
  .nav-categories .dropdown__toggle[aria-expanded=true]::after {
    transform: rotateX(180deg);
  }
}
@media (width >= 61.25rem) {
  .nav-categories .container > .dropdown__toggle {
    display: none;
  }
  .nav-categories .container .dropdown__content > ul {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    margin-inline: calc(var(--spacer-2) * -1);
  }
  .nav-categories .container .dropdown__content > ul > li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .nav-categories .container .dropdown__content > ul > li .dropdown__content,
.nav-categories .container .dropdown__content > ul > li > ul {
    display: none;
  }
  .nav-categories .container .dropdown__content > ul > li.js-dropdown--initialized .dropdown__content,
.nav-categories .container .dropdown__content > ul > li.js-dropdown--initialized > ul, .nav-categories .container .dropdown__content > ul > li.js-slidedown--initialized .dropdown__content,
.nav-categories .container .dropdown__content > ul > li.js-slidedown--initialized > ul {
    display: block;
  }
  .nav-categories .container .dropdown__content > ul > li > ul,
.nav-categories .container .dropdown__content > ul > li > .dropdown__content,
.nav-categories .container .dropdown__content > ul > li .dropdown__sublist > ul,
.nav-categories .container .dropdown__content > ul > li .dropdown__sublist > .dropdown__content {
    position: absolute;
    left: 0;
    min-width: 10rem;
    margin: 0;
    padding: 1rem;
    z-index: 50;
    background-color: #fff;
    border: 1px solid #888;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    top: 100%;
    bottom: auto;
    border-radius: 0.125rem;
  }
  .nav-categories .container .dropdown__content > ul > li > ul,
.nav-categories .container .dropdown__content > ul > li .dropdown__sublist > ul {
    list-style: none;
    padding: 0;
  }
  .nav-categories .container .dropdown__content > ul > li > ul li,
.nav-categories .container .dropdown__content > ul > li .dropdown__sublist > ul li {
    margin-top: 0;
  }
  .nav-categories .container .dropdown__content > ul > li > ul a,
.nav-categories .container .dropdown__content > ul > li .dropdown__sublist > ul a {
    display: block;
    padding-block: 0.5rem;
    padding-inline: 0.625rem;
    clear: both;
    color: #111;
    white-space: nowrap;
    text-decoration: none;
  }
  .nav-categories .container .dropdown__content > ul > li > ul a:hover, .nav-categories .container .dropdown__content > ul > li > ul a:focus,
.nav-categories .container .dropdown__content > ul > li .dropdown__sublist > ul a:hover,
.nav-categories .container .dropdown__content > ul > li .dropdown__sublist > ul a:focus {
    color: #111;
    background-color: #eee;
  }
  .nav-categories .container .dropdown__content > ul > li > ul li.is-active > a,
.nav-categories .container .dropdown__content > ul > li .dropdown__sublist > ul li.is-active > a {
    color: #345197;
    background-color: #D9EFFF;
  }
  .nav-categories .container .dropdown__content > ul > li .dropdown__divider,
.nav-categories .container .dropdown__content > ul > li .dropdown__sublist .dropdown__divider {
    height: 1px;
    margin: 0;
    overflow: hidden;
    background-color: #888;
  }
  .nav-categories .container .dropdown__content > ul > li.dropdown--right > ul,
.nav-categories .container .dropdown__content > ul > li.dropdown--right > .dropdown__content {
    left: auto;
    right: 0;
  }
  .nav-categories .container .dropdown__content > ul > li.dropdown--right ul a {
    padding-inline-start: 0.625rem;
    padding-inline-end: 0.625rem;
  }
  .nav-categories .container .dropdown__content > ul > li.dropdown--center > ul,
.nav-categories .container .dropdown__content > ul > li.dropdown--center > .dropdown__content {
    left: 50%;
    transform: translate(-50%, 0);
  }
  .nav-categories .container .dropdown__content > ul > li .dropdown__sublist {
    position: relative;
  }
  .nav-categories .container .dropdown__content > ul > li .dropdown__sublist > ul,
.nav-categories .container .dropdown__content > ul > li .dropdown__sublist > .dropdown__content {
    top: 0;
    margin-top: -1px;
  }
  .nav-categories .container .dropdown__content > ul > li .dropdown__sublist .dropdown__toggle[aria-expanded=true] {
    background-color: #eee;
  }
  .nav-categories .container .dropdown__content > ul > li .dropdown__sublist:not(.dropdown--right) > ul,
.nav-categories .container .dropdown__content > ul > li .dropdown__sublist:not(.dropdown--right) > .dropdown__content {
    left: 100%;
  }
  .nav-categories .container .dropdown__content > ul > li .dropdown__sublist:not(.dropdown--right) .dropdown__toggle {
    padding-inline-end: 0.625rem;
  }
  .nav-categories .container .dropdown__content > ul > li .dropdown__sublist.dropdown--right > ul,
.nav-categories .container .dropdown__content > ul > li .dropdown__sublist.dropdown--right > .dropdown__content {
    left: auto;
    right: 100%;
  }
  .nav-categories .container .dropdown__content > ul > li .dropdown__sublist.dropdown--right .dropdown__toggle {
    padding-inline-start: 0.625rem;
  }
  .nav-categories .container .dropdown__content > ul > li.dropdown--upwards > ul,
.nav-categories .container .dropdown__content > ul > li.dropdown--upwards > .dropdown__content {
    top: auto;
    bottom: 100%;
  }
  .nav-categories .container .dropdown__content > ul > li.dropdown--upwards.dropdown__sublist > ul,
.nav-categories .container .dropdown__content > ul > li.dropdown--upwards.dropdown__sublist > .dropdown__content,
.nav-categories .container .dropdown__content > ul > li.dropdown--upwards .dropdown__sublist > ul,
.nav-categories .container .dropdown__content > ul > li.dropdown--upwards .dropdown__sublist > .dropdown__content {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -1px;
  }
  .nav-categories .container .dropdown__content > ul > li:has(> ul).js-dropdown--initialized.is-root > .dropdown__toggle:after,
.nav-categories .container .dropdown__content > ul > li:has(> ul).js-dropdown--initialized.is-root > a:after,
.nav-categories .container .dropdown__content > ul > li:has(> ul).js-dropdown--initialized.is-root > button:after, .nav-categories .container .dropdown__content > ul > li:has(> ul).js-slidedown--initialized.is-root > .dropdown__toggle:after,
.nav-categories .container .dropdown__content > ul > li:has(> ul).js-slidedown--initialized.is-root > a:after,
.nav-categories .container .dropdown__content > ul > li:has(> ul).js-slidedown--initialized.is-root > button:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    pointer-events: none;
    margin-left: 0.3em;
    width: calc(0.3em * 2);
    height: 0.3em;
    background-color: currentColor;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: rotate(180deg);
  }
  .nav-categories .container .dropdown__content > ul > li:has(> ul).dropdown--right ul a {
    padding-inline-start: calc(0.625rem + 0.3em + 0.3em);
  }
  .nav-categories .container .dropdown__content > ul > li:has(> ul) .dropdown__sublist .dropdown__toggle:after {
    content: "";
    position: absolute;
    top: calc(50% - 0.3em);
  }
  .nav-categories .container .dropdown__content > ul > li:has(> ul) .dropdown__sublist:not(.dropdown--right) .dropdown__toggle {
    padding-inline-end: calc(0.625rem + 0.3em + 0.3em);
  }
  .nav-categories .container .dropdown__content > ul > li:has(> ul) .dropdown__sublist:not(.dropdown--right) .dropdown__toggle:after {
    right: 0.3em;
    width: calc(0.3em * 2);
    height: 0.3em;
    background-color: currentColor;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: rotate(90deg);
  }
  .nav-categories .container .dropdown__content > ul > li:has(> ul) .dropdown__sublist.dropdown--right .dropdown__toggle {
    padding-inline-start: calc(0.625rem + 0.3em + 0.3em);
  }
  .nav-categories .container .dropdown__content > ul > li:has(> ul) .dropdown__sublist.dropdown--right .dropdown__toggle:after {
    left: 0.3em;
    width: calc(0.3em * 2);
    height: 0.3em;
    background-color: currentColor;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: rotate(270deg);
  }
  .nav-categories .container .dropdown__content > ul > li:has(> ul).dropdown--upwards.js-dropdown--initialized.is-root > .dropdown__toggle:after,
.nav-categories .container .dropdown__content > ul > li:has(> ul).dropdown--upwards.js-dropdown--initialized.is-root > a:after,
.nav-categories .container .dropdown__content > ul > li:has(> ul).dropdown--upwards.js-dropdown--initialized.is-root > button:after, .nav-categories .container .dropdown__content > ul > li:has(> ul).dropdown--upwards.js-slidedown--initialized.is-root > .dropdown__toggle:after,
.nav-categories .container .dropdown__content > ul > li:has(> ul).dropdown--upwards.js-slidedown--initialized.is-root > a:after,
.nav-categories .container .dropdown__content > ul > li:has(> ul).dropdown--upwards.js-slidedown--initialized.is-root > button:after {
    width: calc(0.3em * 2);
    height: 0.3em;
    background-color: currentColor;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: rotate(0);
  }
  .nav-categories .container .dropdown__content > ul > li > a {
    display: block;
    text-decoration: none;
    padding: 0.5rem var(--spacer-2);
    color: #111;
  }
  .nav-categories .container .dropdown__content > ul > li > a:hover {
    background-color: #eee;
  }
  .nav-categories .container .dropdown__content > ul > li > ul {
    min-inline-size: 100%;
  }
  .nav-categories .container .dropdown__content > ul > li.is-active > a {
    color: #345197;
    background-color: #D9EFFF;
  }

  .nav-categories__toggle {
    display: none;
  }
}
.nav-footer {
  padding-block: var(--spacer-2);
}
.nav-footer ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  -moz-column-gap: var(--spacer-3);
       column-gap: var(--spacer-3);
  row-gap: var(--spacer-1);
}

.nav-lang .dropdown__content {
  padding: 0.625rem 0.9375rem;
  min-width: 15rem;
  left: 50%;
  transform: translate(-50%, 0);
  color: #111;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.nav-lang .dropdown__content select,
.nav-lang .dropdown__content .btn,
.nav-lang .dropdown__content .button,
.nav-lang .dropdown__content .button-small {
  display: block;
  width: 100%;
}
.nav-lang .dropdown__toggle:not([aria-expanded=true]) + .dropdown__content {
  display: none;
}
.nav-lang .nav-lang__group + .nav-lang__group {
  margin-top: 0.625rem;
}

.nav-sidebar--categories li {
  border-block-start: 1px solid #ccc;
  display: grid;
  grid-template-columns: 1fr 2.5rem;
  grid-template-areas: "link toggle" "submenu submenu";
}
.nav-sidebar--categories li > a {
  grid-area: link;
}
.nav-sidebar--categories li > button {
  grid-area: toggle;
  grid-template-columns: unset;
  place-content: center;
}
.nav-sidebar--categories li > .accordion__expander {
  grid-area: submenu;
}
.nav-sidebar--categories > ul:first-child > li:first-child {
  border-block-start: none;
}
.nav-sidebar--categories a {
  display: block;
  padding-block: 0.625rem;
  color: #111;
  text-decoration: none;
}
.nav-sidebar--categories a:hover {
  text-decoration: underline;
}
.nav-sidebar--categories a.is-active {
  color: #345197;
}
.nav-sidebar--categories a[aria-current=page] {
  font-weight: 700;
}
.nav-sidebar--categories ul ul {
  padding-inline-start: var(--spacer-3);
}

.nav-site {
  z-index: 35;
}
.nav-site a {
  text-decoration: none;
}
@media (width < 61.25rem) {
  .nav-site {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .nav-site .dropdown__content,
.nav-site > ul {
    display: none;
  }
  .nav-site.js-dropdown--initialized .dropdown__content,
.nav-site.js-dropdown--initialized > ul, .nav-site.js-slidedown--initialized .dropdown__content,
.nav-site.js-slidedown--initialized > ul {
    display: block;
  }
  .nav-site > ul,
.nav-site > .dropdown__content,
.nav-site .dropdown__sublist > ul,
.nav-site .dropdown__sublist > .dropdown__content {
    position: absolute;
    left: 0;
    min-width: 10rem;
    margin: 0;
    padding: 1rem;
    z-index: 50;
    background-color: #fff;
    border: 1px solid #888;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    top: 100%;
    bottom: auto;
    border-radius: 0.125rem;
  }
  .nav-site > ul,
.nav-site .dropdown__sublist > ul {
    list-style: none;
    padding: 0;
  }
  .nav-site > ul li,
.nav-site .dropdown__sublist > ul li {
    margin-top: 0;
  }
  .nav-site > ul a,
.nav-site .dropdown__sublist > ul a {
    display: block;
    padding-block: 0.5rem;
    padding-inline: 0.625rem;
    clear: both;
    color: #111;
    white-space: nowrap;
    text-decoration: none;
  }
  .nav-site > ul a:hover, .nav-site > ul a:focus,
.nav-site .dropdown__sublist > ul a:hover,
.nav-site .dropdown__sublist > ul a:focus {
    color: #111;
    background-color: #eee;
  }
  .nav-site > ul li.is-active > a,
.nav-site .dropdown__sublist > ul li.is-active > a {
    color: #345197;
    background-color: #D9EFFF;
  }
  .nav-site .dropdown__divider,
.nav-site .dropdown__sublist .dropdown__divider {
    height: 1px;
    margin: 0;
    overflow: hidden;
    background-color: #888;
  }
  .nav-site.dropdown--right > ul,
.nav-site.dropdown--right > .dropdown__content {
    left: auto;
    right: 0;
  }
  .nav-site.dropdown--right ul a {
    padding-inline-start: 0.625rem;
    padding-inline-end: 0.625rem;
  }
  .nav-site.dropdown--center > ul,
.nav-site.dropdown--center > .dropdown__content {
    left: 50%;
    transform: translate(-50%, 0);
  }
  .nav-site .dropdown__sublist {
    position: relative;
  }
  .nav-site .dropdown__sublist > ul,
.nav-site .dropdown__sublist > .dropdown__content {
    top: 0;
    margin-top: -1px;
  }
  .nav-site .dropdown__sublist .dropdown__toggle[aria-expanded=true] {
    background-color: #eee;
  }
  .nav-site .dropdown__sublist:not(.dropdown--right) > ul,
.nav-site .dropdown__sublist:not(.dropdown--right) > .dropdown__content {
    left: 100%;
  }
  .nav-site .dropdown__sublist:not(.dropdown--right) .dropdown__toggle {
    padding-inline-end: 0.625rem;
  }
  .nav-site .dropdown__sublist.dropdown--right > ul,
.nav-site .dropdown__sublist.dropdown--right > .dropdown__content {
    left: auto;
    right: 100%;
  }
  .nav-site .dropdown__sublist.dropdown--right .dropdown__toggle {
    padding-inline-start: 0.625rem;
  }
  .nav-site.dropdown--upwards > ul,
.nav-site.dropdown--upwards > .dropdown__content {
    top: auto;
    bottom: 100%;
  }
  .nav-site.dropdown--upwards.dropdown__sublist > ul,
.nav-site.dropdown--upwards.dropdown__sublist > .dropdown__content,
.nav-site.dropdown--upwards .dropdown__sublist > ul,
.nav-site.dropdown--upwards .dropdown__sublist > .dropdown__content {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -1px;
  }
  .nav-site .dropdown__content {
    margin-top: 0.75rem;
    padding: 0;
  }
  .nav-site nav > ul {
    list-style: none;
    padding: 0;
  }
  .nav-site nav > ul li {
    margin-top: 0;
  }
  .nav-site nav > ul a {
    display: block;
    padding-block: 0.5rem;
    padding-inline: 0.625rem;
    clear: both;
    color: #111;
    white-space: nowrap;
    text-decoration: none;
  }
  .nav-site nav > ul a:hover, .nav-site nav > ul a:focus {
    color: #111;
    background-color: #eee;
  }
  .nav-site nav > ul li.is-active > a {
    color: #345197;
    background-color: #D9EFFF;
  }
  .nav-site .nav-main > ul > li:not(:first-child),
.nav-site .nav-meta > ul > li {
    border-top: 1px solid #ccc;
  }
  .nav-site li {
    display: block;
  }
  .nav-site a {
    padding: 0.625rem;
    display: block;
  }
  .nav-site li.is-active a {
    color: #111;
    font-weight: 600;
  }
}
@media (width >= 61.25rem) {
  .nav-site .dropdown__toggle {
    display: none !important;
  }
  .nav-site .dropdown__content {
    display: inline !important;
  }
  .nav-site .dropdown__content:before, .nav-site .dropdown__content:after {
    display: none;
  }
  .nav-site .nav-main {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
  }
  .nav-site .nav-main li.is-active a,
.nav-site .nav-meta li.is-active a,
.nav-site .nav-lang li.is-active a {
    color: #111;
  }
  .nav-site li {
    display: inline;
  }
  .nav-site a {
    float: left;
    padding: 0.5rem 0;
  }
  .nav-site a:hover {
    text-decoration: underline;
  }
  .nav-site li + li a {
    margin-left: 1.25rem;
  }
}

.gebaeck-notice {
  position: fixed;
  inset-block-end: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 400;
  animation-name: comeUp;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.6s;
  background-color: rgba(204, 204, 204, 0.95);
}

.gebaeck-notice__container {
  inline-size: clamp(20rem, 100%, 76.25rem);
  margin-inline: auto;
  padding-inline: 0.5625rem;
  text-align: start;
}
@media (width >= 37.5rem) {
  .gebaeck-notice__container {
    padding-inline: 1.125rem;
  }
}
.mfp-lightbox-ajax .mfp-content .gebaeck-notice__container {
  padding-block-start: 3.0625rem;
  padding-block-end: 0.5625rem;
}
@media (width >= 37.5rem) {
  .mfp-lightbox-ajax .mfp-content .gebaeck-notice__container {
    padding-block-start: 3.625rem;
    padding-block-end: 1.125rem;
  }
}
.gebaeck-notice__container .container,
.gebaeck-notice__container .alerts {
  inline-size: auto;
  padding: 0;
  margin-inline-start: 0;
}

.gebaeck-notice__content {
  margin: 0 auto;
  max-inline-size: 76.25rem;
  text-align: left;
}

@keyframes comeUp {
  0% {
    transform: translateY(150%);
  }
  100% {
    transform: translateY(0);
  }
}
.gebaeck-notice--simple .gebaeck-notice__content {
  padding: 1.25rem;
}
.gebaeck-notice--simple .gebaeck-notice__content:after {
  content: "";
  display: table;
  clear: both;
}
.gebaeck-notice--simple .btn, .gebaeck-notice--simple .button,
.gebaeck-notice--simple .button-small {
  float: right;
}

.gebaeck-notice--advanced {
  animation: none;
  inset-block-start: 0;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(6px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.gebaeck-notice--advanced .gebaeck-notice__container {
  max-inline-size: 37.5rem;
  margin-inline: 0.5625rem;
  padding: 0.5625rem;
  background-color: #fff;
  box-shadow: 0 4px 80px 6px rgba(0, 0, 0, 0.85);
  border-radius: 0.25rem;
}
@media (width >= 37.5rem) {
  .gebaeck-notice--advanced .gebaeck-notice__container {
    margin-inline: 1.125rem;
    padding: 1.125rem;
  }
}

.gebaeck-notice-popup {
  display: none;
  background-color: #fff;
  max-inline-size: 37.5rem;
  padding: 0.5625rem;
}
.gebaeck-notice-popup p + *, .gebaeck-notice-popup * + p,
.gebaeck-notice-popup ul + *, .gebaeck-notice-popup * + ul,
.gebaeck-notice-popup ol + *, .gebaeck-notice-popup * + ol,
.gebaeck-notice-popup h1 + *, .gebaeck-notice-popup .h1 + *,
.gebaeck-notice-popup h2 + *, .gebaeck-notice-popup * + h2, .gebaeck-notice-popup .h2 + *, .gebaeck-notice-popup * + .h2,
.gebaeck-notice-popup h3 + *, .gebaeck-notice-popup * + h3, .gebaeck-notice-popup .h3 + *, .gebaeck-notice-popup * + .h3,
.gebaeck-notice-popup h4 + *, .gebaeck-notice-popup * + h4, .gebaeck-notice-popup .h4 + *, .gebaeck-notice-popup * + .h4,
.gebaeck-notice-popup h5 + *, .gebaeck-notice-popup * + h5, .gebaeck-notice-popup .h5 + *, .gebaeck-notice-popup * + .h5,
.gebaeck-notice-popup h6 + *, .gebaeck-notice-popup * + h6, .gebaeck-notice-popup .h6 + *, .gebaeck-notice-popup * + .h6 {
  margin-block-start: var(--flow-space, 1em);
}
.mfp-content .gebaeck-notice-popup {
  display: block;
}
@media (width >= 37.5rem) {
  .gebaeck-notice-popup {
    padding: 1.125rem;
  }
}
.gebaeck-notice-popup p + ul {
  margin-block-start: var(--spacer-2);
}
.gebaeck-notice-popup .h2,
.gebaeck-notice-popup h2 {
  padding-block-start: 0.3125rem;
  padding-block-end: calc(0.5625rem + 0.125rem);
  color: #345197;
  border-bottom: 1px solid #345197;
}

.gebaeck-notice-popup__form {
  margin-block-start: var(--spacer-2);
}
.gebaeck-notice-popup__form ul {
  list-style: none;
  padding-inline-start: 0;
}
.gebaeck-notice-popup__form .accordion {
  position: relative;
  border-bottom: 1px solid #888;
}
.gebaeck-notice-popup__form .accordion > label {
  padding-block: 0.625rem;
  padding-inline-end: 2.5rem;
  margin: 0;
}
.gebaeck-notice-popup__form .accordion > label span {
  font-weight: 600;
}
.gebaeck-notice-popup__form .accordion__toggle {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inline-size: 2.5rem;
  block-size: 2.8125rem;
  padding: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gebaeck-notice-popup__form .accordion__content-spacer {
  padding-inline-start: 1.875rem;
  padding-block-end: 0.625rem;
}
.gebaeck-notice-popup__form .accordion__content-spacer .ticks label {
  display: block;
}

.gebaeck-notice__text > * + * {
  margin-block-start: var(--flow-space, 1em);
}

.gebaeck-notice__buttons {
  margin-block-start: var(--spacer-3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--spacer-2);
}
.gebaeck-notice__buttons .btn, .gebaeck-notice__buttons .button,
.gebaeck-notice__buttons .button-small {
  flex-grow: 1;
}

.btn--gebaeck-notice-all, .btn--gebaeck-notice-all:visited, .btn--gebaeck-notice-all.button {
  color: #fff;
  background-color: #345197;
  border-color: #345197;
}
.btn--gebaeck-notice-all:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #5069a6;
  border-color: #5069a6;
}
.btn--gebaeck-notice-all:not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.btn--gebaeck-notice-all:not(:disabled):not(.disabled):active, .btn--gebaeck-notice-all:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #2d4682;
  border-color: #2d4682;
}
.btn--gebaeck-notice-all:not(:disabled):not(.disabled):active:after, .btn--gebaeck-notice-all:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}

#responsive-status {
  display: none;
  font-family: "mobile";
  min-width: 0;
}
@media (min-width: 0) {
  #responsive-status {
    font-family: "mobile";
    min-width: 0;
  }
}
@media (min-width: 25rem) {
  #responsive-status {
    font-family: "xs";
    min-width: 25rem;
  }
}
@media (min-width: 37.5rem) {
  #responsive-status {
    font-family: "sm";
    min-width: 37.5rem;
  }
}
@media (min-width: 46.25rem) {
  #responsive-status {
    font-family: "md";
    min-width: 46.25rem;
  }
}
@media (min-width: 61.25rem) {
  #responsive-status {
    font-family: "lg";
    min-width: 61.25rem;
  }
}
@media (min-width: 76.25rem) {
  #responsive-status {
    font-family: "xl";
    min-width: 76.25rem;
  }
}

.site-content {
  padding: 2.25rem 0;
  z-index: 20;
  position: relative;
}

:where(.site-content) p + *, :where(.site-content) * + p,
:where(.site-content) ul + *, :where(.site-content) * + ul,
:where(.site-content) ol + *, :where(.site-content) * + ol,
:where(.site-content) h1 + *, :where(.site-content) .h1 + *,
:where(.site-content) h2 + *, :where(.site-content) * + h2, :where(.site-content) .h2 + *, :where(.site-content) * + .h2,
:where(.site-content) h3 + *, :where(.site-content) * + h3, :where(.site-content) .h3 + *, :where(.site-content) * + .h3,
:where(.site-content) h4 + *, :where(.site-content) * + h4, :where(.site-content) .h4 + *, :where(.site-content) * + .h4,
:where(.site-content) h5 + *, :where(.site-content) * + h5, :where(.site-content) .h5 + *, :where(.site-content) * + .h5,
:where(.site-content) h6 + *, :where(.site-content) * + h6, :where(.site-content) .h6 + *, :where(.site-content) * + .h6 {
  margin-block-start: var(--flow-space, 1em);
}

.site-footer {
  color: #111;
  padding: 1.125rem 0;
  z-index: 10;
}

.site-footer__newsletter,
.site-footer__nav,
.site-footer__address {
  border-top: 1px solid #ccc;
}

.site-footer__nav a,
.site-footer__nav button {
  color: inherit;
  text-decoration: inherit;
}
.site-footer__nav a:hover, .site-footer__nav a:focus-visible,
.site-footer__nav button:hover,
.site-footer__nav button:focus-visible {
  text-decoration: underline;
}

.site-footer__address {
  padding: 0.5625rem 0;
}
.site-footer__address p {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  -moz-column-gap: var(--spacer-3);
       column-gap: var(--spacer-3);
  row-gap: var(--spacer-1);
}

.site-footer__ifm {
  text-align: center;
  font-size: 1rem;
  line-height: 1.25;
  color: #6b6b6b;
}

.site-footer__address a,
.site-footer__ifm a {
  color: inherit;
  text-decoration: inherit;
}
.site-footer__address a:hover, .site-footer__address a:focus-visible,
.site-footer__ifm a:hover,
.site-footer__ifm a:focus-visible {
  text-decoration: underline;
}

.site-header {
  position: relative;
  background-color: #D9EFFF;
  border-block-end: 1px solid #89acfa;
  z-index: 30;
}

.main-header {
  position: relative;
  background-color: #D9EFFF;
  border-block-end: 1px solid #89acfa;
  padding-block: 0.625rem;
  z-index: 40;
}
.main-header .dropdown__toggle {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #345197;
}
.main-header .dropdown__toggle .icon {
  transition: transform 0.2s ease-in-out;
}
.main-header .dropdown__toggle:after {
  position: absolute;
  opacity: 0;
}
.main-header .dropdown__toggle:hover .icon {
  transform: scale(1.2);
}
.main-header .container__inner {
  position: relative;
  display: grid;
  grid-template-columns: auto 8.75rem 2.5rem;
  gap: 0.625rem;
  grid-template-areas: "logo options nav" "search search search";
}
@media (width >= 46.25rem) {
  .main-header .container__inner {
    grid-template-columns: 6.875rem auto 8.75rem 2.5rem;
    grid-template-areas: "logo search options nav";
  }
}
@media (width >= 61.25rem) {
  .main-header .container__inner {
    display: block;
    block-size: 6.875rem;
  }
}

@media (width < 61.25rem) {
  .site-header__title {
    grid-area: logo;
    block-size: 2.5rem;
  }
  .site-header__title img {
    block-size: 2.5rem;
    inline-size: 6.5625rem;
  }

  .site-header__nav {
    grid-area: nav;
  }

  .site-header__options {
    grid-area: options;
  }

  .site-search {
    position: relative;
    grid-area: search;
    inline-size: 100%;
  }
}
@media (width >= 61.25rem) {
  .site-header__title {
    float: left;
  }

  .nav-main {
    position: absolute;
    inset: auto auto 0 0;
  }

  .nav-meta {
    position: absolute;
    inset: 0 10rem auto auto;
  }

  .site-header__options {
    position: absolute;
    inset: 0 0 auto auto;
  }

  .site-search {
    position: absolute;
    inset: auto 0 0 auto;
    inline-size: 18.75rem;
  }
}
.site-header__options {
  display: flex;
  gap: 0.625rem;
}

.site-search {
  z-index: 30;
}
.site-search .search-form {
  margin-block-end: 0;
}
.site-search .formgroup {
  margin: 0;
}
.site-search .formfield {
  background-color: #fff;
  border-color: #345197;
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}
.site-search .search-button, .site-search .search-button:visited, .site-search .search-button.button {
  color: #fff;
  background-color: #345197;
  border-color: #345197;
}
.site-search .search-button:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #5069a6;
  border-color: #5069a6;
}
.site-search .search-button:not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.site-search .search-button:not(:disabled):not(.disabled):active, .site-search .search-button:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #2d4682;
  border-color: #2d4682;
}
.site-search .search-button:not(:disabled):not(.disabled):active:after, .site-search .search-button:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}

.result-live {
  position: absolute;
  top: calc(100% + 2px);
  right: 0;
  left: 0;
  display: none;
  background-color: #fff;
  border: 1px solid #888;
  border-radius: 0.125rem;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  min-block-size: 3.75rem;
  max-block-size: calc(100vh - 8rem);
  block-size: auto;
  overflow: hidden;
  interpolate-size: allow-keywords;
  transition: block-size 0.5s ease;
}
@media (46.25rem < width <= 61.25rem) {
  .result-live {
    left: -10rem;
    right: -10rem;
  }
}
@media (width >= 61.25rem) {
  .result-live {
    left: -20rem;
  }
}
.result-live.is-loading, .result-live:has(.is-loading, .is-updating) {
  block-size: 3.75rem;
}
.result-live .loading {
  position: absolute;
  top: calc(50% - 24px / 2);
  left: calc(50% - 24px / 2);
  transform: translate(-50%, -50%);
  block-size: 1.5rem;
  inline-size: 1.5rem;
  border: 0.25rem solid rgba(0, 0, 0, 0.1);
  border-top-color: #345197;
  display: block;
  border-radius: 50%;
  animation: infinite-rotation 1s linear infinite;
  pointer-events: none;
}
.result-live .row {
  margin-left: 0;
  margin-right: 0;
  align-items: stretch;
}
.result-live .col {
  padding-left: 0;
  padding-right: 0;
}

.result-wrapper {
  max-height: calc(100vh - 12rem);
  overflow-x: clip;
  overflow-y: auto;
}

.livesearch {
  background-color: #fff;
}
.livesearch .js-exec-module {
  display: inline;
}
.livesearch .no-entries {
  margin: 0.625rem;
}

@media (width >= 37.5rem) {
  .livesearch--articles {
    margin-right: -1px;
  }

  .livesearch--suggestions,
.livesearch--categories {
    margin-left: -1px;
  }
}
.livesearch__heading {
  font-size: 1.25rem;
  line-height: 1.25;
  padding: 0.3125rem 0.625rem;
  background-color: #ccc;
}
@media (width >= 37.5rem) {
  .livesearch__heading {
    font-size: 1.375rem;
    line-height: 1.25;
  }
}

.livesearch__list li {
  position: relative;
  padding: 0.28125rem 0.625rem;
}
.livesearch__list li:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.livesearch__list li a {
  color: #345197;
  text-decoration: none;
}
.livesearch__list li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.livesearch__list li.is-highlighted, .livesearch__list li:hover {
  background-color: #eee;
}
.livesearch__list li.is-highlighted a, .livesearch__list li:hover a {
  text-decoration: underline;
}

.livesearch-more {
  display: block;
  margin: 0;
  padding: 0.28125rem 0.625rem;
  background-color: #ccc;
}

.sticky-header--initialized {
  position: fixed;
  top: 0;
  width: 100%;
}
.has-scrolled-up .sticky-header--initialized {
  transition: transform 0.3s ease-in-out, opacity 0s ease-in-out 0s;
  transform: translateY(0);
}
.has-scrolled-down .sticky-header--initialized {
  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out 0.3s;
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}

.page--articles-reviews .articles-entry {
  margin-bottom: 1.125rem;
}
.page--articles-reviews .articles-entry .articles-entry__title {
  font-size: 1.25rem;
  line-height: 1.4;
}
@media (width < 25rem) {
  .page--articles-reviews .articles-entry {
    display: flex;
  }
  .page--articles-reviews .articles-entry .articles-entry__image {
    flex: 0 0 6.25rem;
    max-width: 6.25rem;
  }
  .page--articles-reviews .articles-entry .articles-entry__text {
    flex-grow: 1;
    padding-left: 0.625rem;
  }
}
@media (25rem < width <= 46.25rem) {
  .page--articles-reviews .articles-entry {
    display: flex;
  }
  .page--articles-reviews .articles-entry .articles-entry__image {
    flex: 0 0 9.375rem;
    max-width: 9.375rem;
  }
  .page--articles-reviews .articles-entry .articles-entry__text {
    flex-grow: 1;
    padding-left: 1.25rem;
  }
}
@media (width < 61.25rem) {
  .page--articles-reviews .reviews-entry__data {
    flex: 0 0 8.75rem;
  }
}

.articles-details-related .container__inner {
  border-top: 1px solid #888;
  padding-top: 1.125rem;
  margin-top: 1.125rem;
}

.page--articles-details .articles-entry__title {
  font-weight: 600;
}

.articles-entry__sticky-wrapper {
  position: sticky;
  top: 1.25rem;
}

.page--articles-overview .pageselector {
  margin-left: auto;
  margin-right: auto;
}

.articles-overview-grid {
  --sidebar-width: 16rem;
  display: grid;
  gap: var(--spacer-4);
  grid-template-columns: 1fr;
  grid-template-areas: "area-main";
}
.articles-overview-grid .area-sidebar {
  display: none;
}
@media (width >= 61.25rem) {
  .articles-overview-grid:has(.card--categories) {
    grid-template-columns: var(--sidebar-width) auto;
    grid-template-areas: "area-sidebar area-main";
  }
  .articles-overview-grid:has(.card--categories) .area-sidebar {
    display: block;
  }
}
.articles-overview-grid:has(.card--alphabetical) {
  grid-template-areas: "area-sidebar" "area-main";
}
.articles-overview-grid:has(.card--alphabetical) .area-sidebar {
  display: block;
}
@media (width >= 61.25rem) {
  .articles-overview-grid:has(.card--alphabetical) {
    grid-template-columns: var(--sidebar-width) auto;
    grid-template-areas: "area-sidebar area-main";
  }
}

.cart-token {
  font-size: 1.25rem;
  line-height: 1.4;
}

.cart-memory-form {
  max-width: 31.25rem;
}

.cart-popup {
  padding: 1.25rem;
  background-color: #fff;
  max-width: 28.75rem;
}

.cart-popup__heading {
  padding-right: 2.1875rem;
}

.cart-popup__article {
  display: flex;
  margin: 1.125rem 0;
}
.cart-popup__article .articles-entry__image {
  flex: 0 0 5rem;
  max-width: 5rem;
}
.cart-popup__article .articles-entry__text {
  flex-grow: 1;
  padding-left: 0.625rem;
}

.cart-popup__buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(11.25rem, 100%), 1fr));
  row-gap: 0.3125rem;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}

.cart-popup__button {
  width: 100%;
}

@media (width >= 25rem) {
  .cart-popup__article {
    display: flex;
  }
  .cart-popup__article .articles-entry__image {
    flex: 0 0 6.25rem;
    max-width: 6.25rem;
  }
  .cart-popup__article .articles-entry__text {
    flex-grow: 1;
    padding-left: 0.625rem;
  }
}
.cart-options {
  margin-block-start: 0.5625rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.625rem;
  flex-wrap: wrap;
}

.cart-options__checkout {
  margin-inline-start: auto;
}

.cart-options__express {
  margin-block-start: 0.625rem;
}

.cart-misc-options {
  margin-top: 1.125rem;
  padding-top: 1.125rem;
  border-top: 1px solid #89acfa;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.cart-misc-options__option > a,
.cart-misc-options__option > button {
  display: inline-flex;
  justify-content: center;
  gap: 0.3125rem;
  align-items: center;
  vertical-align: middle;
  border: 1px solid;
  border-radius: 0.125rem;
  background-image: none;
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 1rem;
  padding-block: 0.1875rem;
  padding-inline: 0.625rem;
  min-block-size: calc(1rem * 1.5 + (0.1875rem * 2) + 1px * 2);
}
.cart-misc-options__option > a:disabled, .cart-misc-options__option > a.disabled,
.cart-misc-options__option > button:disabled,
.cart-misc-options__option > button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.cart-misc-options__option > a, .cart-misc-options__option > a:hover,
.cart-misc-options__option > button,
.cart-misc-options__option > button:hover {
  text-decoration: none;
}
.cart-misc-options__option > a:active, .cart-misc-options__option > a.is-open,
.cart-misc-options__option > button:active,
.cart-misc-options__option > button.is-open {
  background-image: none;
  text-decoration: none;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.175);
}
.cart-misc-options__option > a > *,
.cart-misc-options__option > button > * {
  vertical-align: inherit;
}
.cart-misc-options__option > a .icon,
.cart-misc-options__option > button .icon {
  --icon-size: 1em;
  --calculated-icon-size: calc(var(--icon-size) * 1.5);
  --icon-padding: calc((var(--calculated-icon-size) - var(--icon-size)) / 2);
  padding: var(--icon-padding);
  margin-inline: calc(var(--icon-padding) * -1);
  inline-size: var(--calculated-icon-size);
  block-size: var(--calculated-icon-size);
  max-inline-size: none !important;
}
.cart-misc-options__option > a .icon--lg,
.cart-misc-options__option > button .icon--lg {
  --icon-size: 1.5em;
}
.cart-misc-options__option > a, .cart-misc-options__option > a:visited, .cart-misc-options__option > a.button,
.cart-misc-options__option > button,
.cart-misc-options__option > button:visited,
.cart-misc-options__option > button.button {
  color: #222;
  background-color: transparent;
  border-color: #6b6b6b;
}
.cart-misc-options__option > a:not(:disabled):not(.disabled):hover,
.cart-misc-options__option > button:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #6b6b6b;
  border-color: #6b6b6b;
}
.cart-misc-options__option > a:not(:disabled):not(.disabled):hover:after,
.cart-misc-options__option > button:not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.cart-misc-options__option > a:not(:disabled):not(.disabled):active, .cart-misc-options__option > a:not(:disabled):not(.disabled)[aria-expanded=true],
.cart-misc-options__option > button:not(:disabled):not(.disabled):active,
.cart-misc-options__option > button:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #444;
  border-color: #444;
}
.cart-misc-options__option > a:not(:disabled):not(.disabled):active:after, .cart-misc-options__option > a:not(:disabled):not(.disabled)[aria-expanded=true]:after,
.cart-misc-options__option > button:not(:disabled):not(.disabled):active:after,
.cart-misc-options__option > button:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}

.cart-misc-options__option--load .dropdown__content {
  width: 16.25rem;
  text-align: left;
}
.cart-misc-options__option--load .formgroup .formfield {
  margin-right: -1px;
}

.cart-misc-options__option-print {
  margin-inline-start: auto;
}

.cart-sidebar__item + .cart-sidebar__item {
  margin-top: 1.125rem;
}

@media (width < 46.25rem) {
  .cart-summary {
    display: none;
  }
}

.cart-coupon .card {
  max-width: 25rem;
}

.page--customer-choose .table > thead > tr > th {
  white-space: nowrap;
  padding-right: 1.25rem;
  position: relative;
}
.page--customer-choose .table > thead > tr > th .orderasc,
.page--customer-choose .table > thead > tr > th .orderdesc {
  position: absolute;
  right: 0.3125rem;
  bottom: 0.625rem;
}

.customer-choose-search {
  margin-bottom: 1.125rem;
}

.customer-data-grid {
  --grid-item-min-width: 16.25rem;
  display: grid;
  gap: 1.125rem;
  grid-template-columns: repeat(auto-fill, minmax(min(var(--grid-item-min-width), 100%), 1fr));
}

.customer-data__entry {
  overflow-wrap: break-word;
}
.customer-data__entry h3, .customer-data__entry .h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #345197;
  border-block-end: 1px solid #89acfa;
  padding-bottom: 0.25rem;
}

.page--customer-edit .alert-message.error {
  margin-top: 1.125rem;
}

.page--customer-favorites .no-articles-message-dynamic {
  display: none;
}
.page--customer-favorites .no-articles-message {
  margin-block-start: 1.125rem;
}
.page--customer-favorites .no-articles-message,
.page--customer-favorites .no-articles-message-dynamic {
  --_font-size: 1.125rem;
  --_line-height: 1.5;
  --_padding-block: 0.3125rem;
  --_padding-inline: 0.625rem;
  --_text-color: #111;
  --_bg-color: #fff;
  --_border-color: #bbb;
  --_border-style: solid;
  --_border-width: 1px;
  --_border-radius: $alert-border-radius;
  position: relative;
  padding-block: var(--_padding-block);
  padding-inline-end: var(--_padding-inline);
  color: var(--_text-color);
  background-color: var(--_bg-color);
  border: var(--_border-width) var(--_border-style) var(--_border-color);
  border-radius: var(--_border-radius);
  font-size: var(--_font-size);
  line-height: var(--_line-height);
  padding-inline-start: calc(var(--_font-size) + var(--_padding-inline) * 3);
  --_text-color: #111;
  --_bg-color: #ebeef5;
  --_border-color: #345197;
}
.page--customer-favorites .no-articles-message:empty,
.page--customer-favorites .no-articles-message-dynamic:empty {
  display: none;
}
.page--customer-favorites .no-articles-message:before,
.page--customer-favorites .no-articles-message-dynamic:before {
  --_icon: none;
  --_icon-color: #6b6b6b;
  --_icon-bg-color: #eee;
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  inline-size: calc(var(--_font-size) + var(--_padding-inline) * 2);
  background-repeat: no-repeat;
  background-size: var(--_font-size) var(--_font-size);
  background-position: calc(((var(--_font-size) * var(--_line-height)) - var(--_font-size)) / 2 + var(--_padding-block)) var(--_padding-inline);
  background-image: var(--_icon);
  color: var(--_icon-color);
  background-color: var(--_icon-bg-color);
}
.page--customer-favorites .no-articles-message p,
.page--customer-favorites .no-articles-message-dynamic p {
  margin: 0;
  padding: 0;
}
.page--customer-favorites .no-articles-message ul li + li,
.page--customer-favorites .no-articles-message-dynamic ul li + li {
  margin-block-start: 0;
}
.page--customer-favorites .no-articles-message + .alert-message,
.page--customer-favorites .no-articles-message + .formrow,
.page--customer-favorites .no-articles-message-dynamic + .alert-message,
.page--customer-favorites .no-articles-message-dynamic + .formrow {
  margin-block-start: 1.125rem;
}
.page--customer-favorites .no-articles-message:before,
.page--customer-favorites .no-articles-message-dynamic:before {
  --_icon-color: #345197;
  --_icon-bg-color: #d6dcea;
  --_icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 639 639'%3e%3cpath d='M288,223.5V159h63v64.5ZM319.5,576C460.5,576,576,460.5,576,319.5S460.5,63,319.5,63,63,178.5,63,319.5,178.5,576,319.5,576Zm0-576A319.5,319.5,0,1,1,0,319.5,318.8,318.8,0,0,1,319.5,0ZM288,480V288h63V480Z' fill='%23345197'/%3e%3c/svg%3e");
}

.customer-intro-grid {
  --customer-intro-panel-min-width: 17.5rem;
  display: grid;
  gap: 1.125rem;
  grid-template-columns: repeat(auto-fit, minmax(min(var(--customer-intro-panel-min-width), 100%), 1fr));
}

.lost-pw-form {
  max-width: 31.25rem;
}

.customer-payment__buttons {
  margin: 0;
}

.page--customer {
  margin-top: 1.125rem;
}

.customer-signed-in,
.notice.customer-signed-in {
  display: flex;
  align-items: center;
  gap: 1.125rem;
  margin-block-start: var(--flow-space, 1em);
}

.sign-out {
  margin-left: auto;
}

@media (width < 37.5rem) {
  .sign-out__text {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
  }
}

.customer-nav {
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 2px 2px rgba(0, 0, 0, 0.075);
}
@media (width >= 46.25rem) {
  .customer-nav #customer-nav-toggle {
    display: none;
  }
  .customer-nav #customer-submenu {
    grid-template-rows: 1fr;
  }
  .customer-nav #customer-submenu .accordion__content {
    visibility: visible;
  }
}

#customer-nav-toggle {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0;
  inline-size: 100%;
  background-color: #345197;
  color: #fff;
  padding: 0.75rem 0.625rem;
  border-radius: 0.25rem;
}
#customer-nav-toggle:hover {
  color: #FAD877;
}
#customer-nav-toggle[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#customer-submenu {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
#customer-submenu a {
  display: block;
  padding: 0.75rem 0.625rem;
  text-decoration: none;
}
#customer-submenu a:hover {
  background-color: #D9EFFF;
}
#customer-submenu li.is-active a {
  font-weight: 600;
  color: #111;
}
#customer-submenu li:not(:first-child) a {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.col-customer-content {
  display: flex;
  align-items: stretch;
}
.col-customer-content > .card {
  flex: 1 0 100%;
}

.home-products--sale,
.home-content {
  margin-top: var(--spacer-4);
}

.page--imprint:after,
.page--imprint p:after {
  content: "";
  display: table;
  clear: both;
}
.page--imprint .left {
  display: block;
}
.page--imprint .right {
  display: block;
  margin-bottom: var(--spacer-2);
}
@media (width >= 37.5rem) {
  .page--imprint .left {
    clear: left;
    width: 12.5rem;
    float: left;
    margin-right: 1.25rem;
  }
  .page--imprint .right {
    float: left;
    margin-bottom: 0;
  }
}

.page--lightbox {
  padding: 0.625rem;
}
@media (width >= 25rem) {
  .page--lightbox {
    padding: 1.25rem;
  }
}

.page--maps .maps-menu ul {
  border-bottom: 1px solid #888;
  display: flex;
  gap: 0.125rem;
}
.page--maps .maps-menu ul,
.page--maps .maps-menu ul li {
  list-style: none;
  background-image: none;
  padding: 0;
  margin: 0;
}
.page--maps .maps-menu ul li {
  display: inline;
}
.page--maps .maps-menu ul:after {
  content: "";
  display: table;
  clear: both;
}
.page--maps .maps-menu ul li {
  display: flex;
}
.page--maps .maps-menu ul a {
  flex-basis: 100%;
  display: block;
  position: relative;
  z-index: 10;
  padding: 0.625rem 1.25rem;
  cursor: pointer;
  text-decoration: none;
  color: #345197;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.125rem;
  transition: all 0.2s ease-out;
  border-radius: 0.125rem 0.125rem 0 0;
}
.page--maps .maps-menu ul a:hover {
  z-index: 20;
  color: #345197;
  background-color: #D9EFFF;
  border-color: #89acfa;
  border-bottom: 1px solid transparent;
}
.page--maps .maps-menu ul a[aria-selected], .page--maps .maps-menu ul a.is-active {
  z-index: 30;
  color: #111;
  background-color: #fff;
  border-color: #888;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}
.page--maps .maps-content {
  margin-top: var(--spacer-3);
}

.newsletter-subscriber-intro {
  margin-bottom: var(--spacer-3);
}

.page--order-details {
  background-color: #fff;
  inline-size: min(calc(100vw - 3rem), 37.5rem);
}
.page--order-details p + *, .page--order-details * + p,
.page--order-details ul + *, .page--order-details * + ul,
.page--order-details ol + *, .page--order-details * + ol,
.page--order-details h1 + *, .page--order-details .h1 + *,
.page--order-details h2 + *, .page--order-details * + h2, .page--order-details .h2 + *, .page--order-details * + .h2,
.page--order-details h3 + *, .page--order-details * + h3, .page--order-details .h3 + *, .page--order-details * + .h3,
.page--order-details h4 + *, .page--order-details * + h4, .page--order-details .h4 + *, .page--order-details * + .h4,
.page--order-details h5 + *, .page--order-details * + h5, .page--order-details .h5 + *, .page--order-details * + .h5,
.page--order-details h6 + *, .page--order-details * + h6, .page--order-details .h6 + *, .page--order-details * + .h6 {
  margin-block-start: var(--flow-space, 1em);
}
.page--order-details .customer-data-grid {
  margin-block-end: var(--spacer-4);
}
.page--order-details .customer-data__entry h3 + *, .page--order-details .customer-data__entry .h3 + * {
  --flow-space: 0.5em;
}
.page--order-details .table-cart__article-quantity {
  margin-inline-start: 0;
}
.page--order-details .order-time {
  margin-bottom: 1.25rem;
}

.mfp-content .page--shipping-costs {
  background-color: #fff;
}
.mfp-content .page--shipping-costs .card {
  padding: 0;
  border: 0;
  background-color: transparent;
  box-shadow: none;
}
.mfp-content .page--shipping-costs .col-calc {
  padding-top: 1.125rem;
}
.mfp-content .page--shipping-costs h1 {
  margin-block-end: 1.125rem;
}
.mfp-content .page--shipping-costs .row {
  display: block !important;
}
.mfp-content .page--shipping-costs [class^=col] {
  max-inline-size: none !important;
  inline-size: 100% !important;
}

.calc-shipping-costs {
  position: relative;
  min-height: 13rem;
}
.calc-shipping-costs select {
  margin: 0;
}
.calc-shipping-costs.is-loading {
  cursor: progress;
}
.calc-shipping-costs.is-loading * {
  opacity: 0;
  pointer-events: none;
}
.calc-shipping-costs.is-loading:after {
  content: "";
  position: absolute;
  top: calc(50% - 1.25rem);
  left: calc(50% - 1.25rem);
  block-size: 2.5rem;
  inline-size: 2.5rem;
  border: 0.25rem solid rgba(0, 0, 0, 0.1);
  border-top-color: #345197;
  display: block;
  border-radius: 50%;
  animation: infinite-rotation 1s linear infinite;
  pointer-events: none;
}

.table--shipping-costs {
  width: auto;
}
.table--shipping-costs tbody tr:first-child th,
.table--shipping-costs tbody tr:first-child td {
  border-top: none;
}
.table--shipping-costs tbody tr th,
.table--shipping-costs tbody tr td {
  border-color: #888;
}
.table--shipping-costs tbody tr th {
  padding-left: 0;
  font-weight: 700;
  text-align: left;
}
.table--shipping-costs tbody tr td {
  padding-right: 0;
  text-align: right;
}
.table--shipping-costs .table--shipping-costs__result {
  font-size: 1.2em;
  border-color: #6b6b6b;
}

.main > .page-plain,
.main > .page--plain {
  overflow-x: clip;
}
.main > .page-plain > .container,
.main > .page--plain > .container {
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 2px 2px rgba(0, 0, 0, 0.075);
  padding: 1.125rem 0.5625rem;
  inline-size: auto;
  margin-inline: 0.5625rem;
}
@media (width >= 37.5rem) {
  .main > .page-plain > .container,
.main > .page--plain > .container {
    padding: 1.125rem;
  }
}
@media (width >= 37.5rem) {
  .main > .page-plain > .container,
.main > .page--plain > .container {
    margin-inline: 1.125rem;
  }
}

::-moz-selection {
  background-color: #345197;
  color: #fff;
  text-shadow: none;
}

::selection {
  background-color: #345197;
  color: #fff;
  text-shadow: none;
}

:focus-visible {
  outline: 3px solid #345197;
  outline-offset: 3px;
}

html {
  scrollbar-gutter: stable;
}

*,
*:before,
*:after {
  -webkit-tap-highlight-color: rgba(52, 81, 151, 0.5);
}

body {
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.125rem;
  line-height: 1.5;
  background-color: #eee;
  color: #111;
}

input, textarea, select, button {
  font: inherit;
}

.icon {
  pointer-events: none;
  fill: currentColor;
}

:is(h1, h2, h3, blockquote) {
  --flow-space: 1.5em;
}

:is(h1, h2, h3) + * {
  --flow-space: 1em;
}

.flow > * + * {
  margin-block-start: var(--flow-space, 1em);
}

pre,
code {
  font-family: "Rec Mono Duotone", "Fira Code", "Operator Mono", "Source Code Pro", "Roboto Mono", "Consolas", "Menlo", "Monaco", "Courier New", monospace;
}

.visually-hidden,
.hidden {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.text-light,
.color-text-light {
  color: #6b6b6b;
}

.text-primary,
.color-primary {
  color: #345197;
}

.text-success,
.color-success {
  color: #006631;
}

.text-emphasis {
  font-weight: 600;
}

.text-small {
  font-size: 1rem;
  line-height: 1.25;
}

.page-example {
  overflow-x: clip;
}

.page-example-content {
  z-index: 50;
}

.page-example-navigation {
  display: none;
}

.js .page-example-navigation {
  display: block;
  position: fixed;
  font-size: 14px;
  line-height: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 100;
  border-radius: 3px;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.7);
}
.js .page-example-navigation .btn, .js .page-example-navigation .button,
.js .page-example-navigation .button-small {
  float: right;
  margin: 0;
}
.js .page-example-navigation li {
  margin-top: 0;
}
.js .page-example-navigation li.is-active > a {
  color: #f4f4f4;
  font-weight: bold;
}

.page-example article {
  margin: 2.25rem 0;
}

.page-example section > h2 {
  display: block;
  position: relative;
  padding: 10px 20px 10px 35px;
  color: #111;
  background: #fff;
}
.page-example section > h2:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  padding: 10px;
  margin-right: 5px;
  color: #fff;
  background: #345197;
}

.example-sub-h {
  display: block;
  color: #6b6b6b;
  font-size: 0.8em;
}

.hljs,
.example-content,
div.example {
  padding: 10px !important;
  position: relative;
  z-index: 2;
}
@media (width >= 25rem) {
  .hljs,
.example-content,
div.example {
    padding: 20px !important;
  }
}

code {
  border: 1px solid #fff;
}
code.definition {
  font-size: 0.8em;
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px;
  margin-top: 1.125rem;
}

pre code {
  display: block;
  padding: 10px;
}

p code {
  padding: 0 2px;
  white-space: nowrap;
}

.hljs,
.files {
  font-family: "Rec Mono Duotone", "Fira Code", "Operator Mono", "Source Code Pro", "Roboto Mono", "Consolas", "Menlo", "Monaco", "Courier New", monospace;
}

ul.files,
ol.files,
.hljs {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

html.js {
  background: transparent !important;
}

pre {
  margin-top: 20px;
  margin-bottom: 20px;
}

pre h4,
.example-heading {
  margin: 0;
  display: inline-block;
  position: relative;
  color: #eee;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  margin-bottom: -1px;
}
@media (width >= 25rem) {
  pre h4,
.example-heading {
    padding: 0.625rem 1.25rem;
  }
}

.example, .example-heading {
  background: #fff !important;
}

.html {
  background: #f7cece !important;
}

.css {
  background: #d6dcea !important;
}

.scss {
  background: #fad8e8 !important;
}

.js {
  background: #fdf2d4 !important;
}

.files {
  background: #cce0d6 !important;
  border: 1px solid #fff;
}

.example-tabs > .tabs__list {
  margin-left: 0;
  margin-bottom: 0;
  border: 0;
}
.example-tabs > .tabs__list > li > a {
  border-color: #fff !important;
  color: rgba(17, 17, 17, 0.6);
  padding: 10px;
  margin-right: -1px;
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  border-radius: 0;
  white-space: nowrap;
}
@media (width >= 25rem) {
  .example-tabs > .tabs__list > li > a {
    padding: 0.625rem 1.25rem;
  }
}
.example-tabs > .tabs__list > li:first-child > a {
  border-radius: 0.125rem 0 0;
}
.example-tabs > .tabs__list > li:last-child > a {
  border-radius: 0 0.125rem 0 0;
}
.example-tabs > .tabs__list > li:first-child:last-child > a {
  border-radius: 0.125rem 0.125rem 0 0;
}
.example-tabs > .tabs__list > li > a:hover {
  color: #fff;
}
.example-tabs > .tabs__list > li > a:hover.html {
  background-color: #D90A0A !important;
}
.example-tabs > .tabs__list > li > a:hover.css {
  background-color: #345197 !important;
}
.example-tabs > .tabs__list > li > a:hover.scss {
  background-color: #e83e8c !important;
}
.example-tabs > .tabs__list > li > a:hover.js {
  background-color: #F5BD29 !important;
}
.example-tabs > .tabs__list > li > a:hover.example {
  background-color: #ccc !important;
}
.example-tabs > .tabs__list > li > a:hover.files {
  background-color: #006631 !important;
}
.example-tabs > .tabs__list > li > a[aria-selected=true],
.example-tabs > .tabs__list > li > a[aria-selected=true]:hover {
  color: #111 !important;
  border-bottom-color: #888;
}
.example-tabs > .tabs__list > li > a[aria-selected=true].html,
.example-tabs > .tabs__list > li > a[aria-selected=true]:hover.html {
  border-bottom-color: #f7cece !important;
}
.example-tabs > .tabs__list > li > a[aria-selected=true].css,
.example-tabs > .tabs__list > li > a[aria-selected=true]:hover.css {
  border-bottom-color: #d6dcea !important;
}
.example-tabs > .tabs__list > li > a[aria-selected=true].scss,
.example-tabs > .tabs__list > li > a[aria-selected=true]:hover.scss {
  border-bottom-color: #fad8e8 !important;
}
.example-tabs > .tabs__list > li > a[aria-selected=true].js,
.example-tabs > .tabs__list > li > a[aria-selected=true]:hover.js {
  border-bottom-color: #fdf2d4 !important;
}
.example-tabs > .tabs__list > li > a[aria-selected=true].example,
.example-tabs > .tabs__list > li > a[aria-selected=true]:hover.example {
  border-bottom-color: #fff !important;
}
.example-tabs > .tabs__list > li > a[aria-selected=true].files,
.example-tabs > .tabs__list > li > a[aria-selected=true]:hover.files {
  border-bottom-color: #cce0d6 !important;
}
.example-tabs > .tabs__list > li > a[aria-selected=true].html,
.example-tabs > .tabs__list > li > a[aria-selected=true]:hover.html {
  background-color: #f7cece !important;
}
.example-tabs > .tabs__list > li > a[aria-selected=true].css,
.example-tabs > .tabs__list > li > a[aria-selected=true]:hover.css {
  background-color: #d6dcea !important;
}
.example-tabs > .tabs__list > li > a[aria-selected=true].scss,
.example-tabs > .tabs__list > li > a[aria-selected=true]:hover.scss {
  background-color: #fad8e8 !important;
}
.example-tabs > .tabs__list > li > a[aria-selected=true].js,
.example-tabs > .tabs__list > li > a[aria-selected=true]:hover.js {
  background-color: #fdf2d4 !important;
}
.example-tabs > .tabs__list > li > a[aria-selected=true].example,
.example-tabs > .tabs__list > li > a[aria-selected=true]:hover.example {
  background-color: #fff !important;
}
.example-tabs > .tabs__list > li > a[aria-selected=true].files,
.example-tabs > .tabs__list > li > a[aria-selected=true]:hover.files {
  background-color: #cce0d6 !important;
}
.example-tabs pre {
  margin-top: 0;
}
.example-tabs pre code + code {
  margin-top: -1px;
}
.example-tabs ul.files,
.example-tabs ol.files {
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}
.example-tabs div.example {
  padding: 20px;
}
.example-tabs > .tabs__content-wrapper > .tabs__content {
  margin-top: 0;
}

.example-comma-separated,
.example-comma-separated li {
  list-style: none;
  background-image: none;
  padding: 0;
  margin: 0;
}
.example-comma-separated li {
  display: inline;
}
.example-comma-separated > li:not(:last-child):after {
  content: ",";
}

.example-grid {
  inline-size: clamp(20rem, 100%, 76.25rem);
  margin-inline: auto;
  padding-inline: 0.5625rem;
  text-align: start;
}
@media (width >= 37.5rem) {
  .example-grid {
    padding-inline: 1.125rem;
  }
}
.mfp-lightbox-ajax .mfp-content .example-grid {
  padding-block-start: 3.0625rem;
  padding-block-end: 0.5625rem;
}
@media (width >= 37.5rem) {
  .mfp-lightbox-ajax .mfp-content .example-grid {
    padding-block-start: 3.625rem;
    padding-block-end: 1.125rem;
  }
}
.example-grid .container,
.example-grid .alerts {
  inline-size: auto;
  padding: 0;
  margin-inline-start: 0;
}

.example-module,
.example-module-2 {
  border: 1px dotted #888;
  background-color: #ccc;
  padding: 20px;
  font-family: "Rec Mono Duotone", "Fira Code", "Operator Mono", "Source Code Pro", "Roboto Mono", "Consolas", "Menlo", "Monaco", "Courier New", monospace;
  font-size: 14px;
}

.example-module-2 {
  padding: 10px;
}

.triangle01 {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 10px;
  background-color: #345197;
  color: #fff;
}
.triangle01:before {
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 0);
  content: "";
  display: block;
  position: absolute;
  width: calc(10px * 2);
  height: 10px;
  background-color: #345197;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotate(180deg);
}

.example-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.example-pos-wrapper {
  position: relative;
  height: 300px;
}

.example-pos {
  background: #D90A0A;
}

.example-pos1 {
  position: absolute;
  top: 10px;
  right: 20px;
  left: 40px;
  background: rgba(217, 10, 10, 0.5);
}

.example-pos2 {
  position: absolute;
  right: 50px;
  bottom: 20px;
  left: 50px;
  background: rgba(0, 102, 49, 0.5);
}

.example-pos3 {
  position: absolute;
  top: 120px;
  right: 0;
  bottom: 120px;
  left: 0;
  background: rgba(52, 81, 151, 0.5);
}

.example-pos4 {
  position: absolute;
  top: 70px;
  right: 70px;
  bottom: 70px;
  left: 70px;
  background: rgba(245, 189, 41, 0.5);
}

.you-will-be-a-button {
  display: inline-flex;
  justify-content: center;
  gap: 0.3125rem;
  align-items: center;
  vertical-align: middle;
  border: 1px solid;
  border-radius: 0.125rem;
  background-image: none;
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 1.375rem;
  padding-block: 0.625rem;
  padding-inline: 1.25rem;
  min-block-size: calc(1.375rem * 1.5 + (0.625rem * 2) + 1px * 2);
}
.you-will-be-a-button:disabled, .you-will-be-a-button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.you-will-be-a-button, .you-will-be-a-button:hover {
  text-decoration: none;
}
.you-will-be-a-button:active, .you-will-be-a-button.is-open {
  background-image: none;
  text-decoration: none;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.175);
}
.you-will-be-a-button > * {
  vertical-align: inherit;
}
.you-will-be-a-button .icon {
  --icon-size: 1em;
  --calculated-icon-size: calc(var(--icon-size) * 1.5);
  --icon-padding: calc((var(--calculated-icon-size) - var(--icon-size)) / 2);
  padding: var(--icon-padding);
  margin-inline: calc(var(--icon-padding) * -1);
  inline-size: var(--calculated-icon-size);
  block-size: var(--calculated-icon-size);
  max-inline-size: none !important;
}
.you-will-be-a-button .icon--lg {
  --icon-size: 1.5em;
}
.you-will-be-a-button, .you-will-be-a-button:visited, .you-will-be-a-button.button {
  color: #fff;
  background-color: #345197;
  border-color: #345197;
}
.you-will-be-a-button:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: #5069a6;
  border-color: #5069a6;
}
.you-will-be-a-button:not(:disabled):not(.disabled):hover:after {
  background-color: #fff;
}
.you-will-be-a-button:not(:disabled):not(.disabled):active, .you-will-be-a-button:not(:disabled):not(.disabled)[aria-expanded=true] {
  color: #fff;
  background-color: #2d4682;
  border-color: #2d4682;
}
.you-will-be-a-button:not(:disabled):not(.disabled):active:after, .you-will-be-a-button:not(:disabled):not(.disabled)[aria-expanded=true]:after {
  background-color: #fff;
}

.example-family-text {
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.example-family-heading {
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.example-family-code {
  font-family: "Rec Mono Duotone", "Fira Code", "Operator Mono", "Source Code Pro", "Roboto Mono", "Consolas", "Menlo", "Monaco", "Courier New", monospace;
}

.rw-example {
  font-size: 0;
  line-height: 0;
}

.rw-example__item {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #f66;
  padding: 10px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-family: "Source Sans Pro", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
}

.example-color {
  color: #345197;
}

.example-bgcolor {
  background-color: #ccc;
}

.example-black {
  background-color: black(0.3);
}

.example-white {
  background-color: white(0.6);
}

.example-shade {
  background-color: #00b300;
}

.example-tint {
  background-color: #ff8080;
}

.example-reset-list {
  list-style: none;
  padding: 0;
}
.example-reset-list li {
  padding-left: 0;
  margin: 0;
}

.example-hidetext {
  background-color: #ccf;
  width: 200px;
  height: 50px;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

.example-linkcolors {
  font-weight: bold;
  color: #00f;
}
.example-linkcolors:visited {
  color: #00c;
}
.example-linkcolors:hover {
  color: #009;
}
.example-linkcolors:active {
  color: #000;
}

.example-embedcontainer {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.7777777778;
}
.example-embedcontainer iframe,
.example-embedcontainer object,
.example-embedcontainer embed,
.example-embedcontainer video,
.example-embedcontainer .mce-preview-object,
.example-embedcontainer .mce-object-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.example-hamburgericon {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  cursor: pointer;
  height: 16px;
  width: 22px;
}
.example-hamburgericon__bar {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  background-color: #333;
  height: 2px;
  transition: all 0.4s ease;
}
.example-hamburgericon__bar:nth-child(1) {
  top: 0;
}
.example-hamburgericon__bar:nth-child(2) {
  top: 7px;
}
.example-hamburgericon__bar:nth-child(3) {
  top: 14px;
}

.example-spinner {
  block-size: 40px;
  inline-size: 40px;
  border: 0.25rem solid rgba(0, 0, 0, 0.1);
  border-top-color: #345197;
  display: block;
  border-radius: 50%;
  animation: infinite-rotation 1s linear infinite;
  pointer-events: none;
}

.example-hide {
  display: none;
}

.icon--warning {
  color: #F5BD29;
}

.icon--success {
  color: #006631;
}

.hljs-comment {
  color: #969896;
}

.hljs-variable,
.hljs-attribute,
.hljs-tag,
.hljs-regexp,
.ruby .hljs-constant,
.xml .hljs-tag .hljs-title,
.xml .hljs-pi,
.xml .hljs-doctype,
.lang-html .hljs-doctype,
.lang-html .hljs-title,
.lang-css .hljs-id,
.lang-css .hljs-class,
.lang-css .hljs-pseudo,
.lang-scss .hljs-id,
.lang-scss .hljs-class,
.lang-scss .hljs-pseudo {
  color: #cc6666;
}

.hljs-number,
.hljs-preprocessor,
.hljs-pragma,
.hljs-built_in,
.hljs-literal,
.hljs-params,
.hljs-constant,
.lang-css .hljs-value,
.lang-scss .hljs-value,
.lang-scss .hljs-at_rule + .hljs-string {
  color: #de935f;
}

.ruby .hljs-class .hljs-title,
.lang-css .hljs-attribute,
.lang-scss .hljs-attribute {
  color: #f0c674;
}

.hljs-string,
.hljs-value,
.hljs-inheritance,
.hljs-header,
.hljs-name,
.ruby .hljs-symbol,
.xml .hljs-cdata {
  color: #b5bd68;
}

.hljs-title,
.lang-css .hljs-hexcolor,
.lang-scss .hljs-hexcolor {
  color: #8abeb7;
}

.hljs-function,
.python .hljs-decorator,
.python .hljs-title,
.ruby .hljs-function .hljs-title,
.ruby .hljs-title .hljs-keyword,
.perl .hljs-sub,
.lang-javascript .hljs-title,
.lang-js .hljs-title,
.coffeescript .hljs-title {
  color: #81a2be;
}

.hljs-keyword,
.lang-scss .hljs-at_rule,
.lang-javascript .hljs-function,
.lang-js .hljs-function {
  color: #b294bb;
}

.lang-bash .hljs-built_in {
  color: #c5c8c6;
}

pre code {
  display: block;
  overflow-x: auto;
  background: #1d1f21;
  color: #c5c8c6;
  padding: 0.5em;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

.lang-javascript .xml,
.lang-js .xml,
.tex .hljs-formula,
.xml .lang-javascript,
.xml .vbscript,
.xml .lang-css,
.xml .lang-scss,
.xml .hljs-cdata {
  opacity: 0.5;
}

/* shop_payment_payone_cc */
.error-box, .error-box-small {
  background-color: #ec3b27;
  color: #fff;
  font-size: inherit;
  box-sizing: border-box;
  border-radius: 3px;
  display: inline-block;
  padding: 2px 6px;
}

.error-box {
  display: block;
  padding: 8px 12px;
  margin: 20px 0;
}
/*# sourceMappingURL=maps/screen.css.map */