/**
 * CSS variables
 */
:root {
  --mb-wcag-button-bg: currentcolor;
  --mb-wcag-font-color: currentcolor;
  --mb-wcag-icon-color: currentcolor;
  --mb-wcag-outline-color: currentcolor;
  --mb-wcag-icon-color-invert: #fff;
  --mb-wcag-bg-color: #fff;
  --mb-wcag-bg-color-gray: #f4f4f4;
  --mb-wcag-border-color: #dedede;
  --mb-wcag-list-padding-top: 0.5rem;
  --mb-wcag-list-padding-left: 1rem;
  --mb-wcag-list-wrapper-radius: 0.5rem;
}

/**
 * HELPER CLASSES
 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  word-wrap: normal !important;
}

/**
 * Increase fontsize
 */
html.mb-accessibility-increase-fontsize {
  font-size: 150%;
}

/**
 * Contrast mode
 */
html.mb-accessibility-contrast-mode {
  /* background-color: rgb(0, 0, 0) !important;
  color: rgb(255, 255, 255) !important; */
  filter: grayscale(100%) contrast(110%) !important;
}

html.mb-accessibility-contrast-mode a,
html.mb-accessibility-contrast-mode button {
  outline: 2px dotted var(--mb-wcag-outline-color) !important;
}

html.mb-accessibility-contrast-mode a:focus-visible,
html.mb-accessibility-contrast-mode button:focus-visible {
  outline: 4px solid var(--mb-wcag-outline-color) !important;
}

/**
 * Accessibility widget
 */
#mb-accessibility-widget {
  position: fixed;
  z-index: 2147483648;
  top: 50%;
  /* top: 60%; */
  right: 0;
  transform: translate3d(calc(100% - 2.5rem), -20%, 0);
  display: flex;
  align-items: center;
  transition: transform 0.3s linear;
}

#mb-accessibility-widget.open {
  transform: translate3d(0, -20%, 0);
}

#mb-accessibility-widget * {
  color: var(--mb-wcag-font-color);
  font-size: 1rem;
  text-align: left;
}

#mb-accessibility-widget .mb-accessibility-widget_button {
  display: block;
  position: relative;
  width: 2.5rem;
  height: 2.6rem;
  background-color: var(--mb-wcag-button-bg);
  cursor: pointer;

  border-radius: 0;
  border-top-left-radius: var(--mb-wcag-list-wrapper-radius);
  border-bottom-left-radius: var(--mb-wcag-list-wrapper-radius);
}

#mb-accessibility-widget .mb-accessibility-widget_button::before {
  content: "";
  display: block;
  background: var(--mb-wcag-icon-color-invert);
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 83 91'%3E%3Cpath fill='%23fff' d='M41,58l-9,24.7c-.4,1.3-1.4,2.3-2.6,2.8-2.5,1.2-5.5,0-6.6-2.4-.6-1.2-.6-2.6-.2-3.8l6.2-17.3c.5-1.3.9-2.6,1.2-4,.3-1.4.4-2.8.5-4.2.2-2.5.4-5.3.5-7.9s.2-5.2.3-7.3c0-2.6-.6-2.8-2.7-3.3h-.4c0,0-18-3.5-18-3.5-1.3-.2-2.5-1-3.2-2.1-1.6-2.3-1-5.4,1.3-7,1.1-.8,2.4-1,3.8-.8l19.3,3.6c.8,0,1.5.2,2.3.2,2.4.3,4.8.5,7.2.5,3,0,6-.3,8.9-.7.9,0,1.8-.2,2.6-.3l18.2-3.4c1.3-.3,2.6,0,3.8.7,2.3,1.5,2.9,4.7,1.3,6.9,0,0,0,0,0,0-.8,1.1-1.9,1.8-3.2,2.1l-17.4,3.3c-.6.1-1.1.2-1.6.3-1.8.3-2.7.5-2.6,3.1,0,1.9.3,4.2.6,6.5.3,2.8.8,5.7,1.3,8.4.3,1.8.6,3.2,1,4.6s.8,2.8,1.4,4.4l6.1,16.9c.9,2.6-.4,5.5-3,6.4-1.3.5-2.6.4-3.8-.2-1.2-.6-2.1-1.6-2.6-2.8l-9-24.7-1-1.8-1,1.8h0ZM41.4,4.5c4.9,0,8.8,3.9,8.8,8.8,0,4.9-3.9,8.8-8.8,8.8-4.9,0-8.8-3.9-8.8-8.8,0-2.3.9-4.6,2.6-6.2,1.7-1.7,3.9-2.6,6.2-2.6Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 83 91'%3E%3Cpath fill='%23fff' d='M41,58l-9,24.7c-.4,1.3-1.4,2.3-2.6,2.8-2.5,1.2-5.5,0-6.6-2.4-.6-1.2-.6-2.6-.2-3.8l6.2-17.3c.5-1.3.9-2.6,1.2-4,.3-1.4.4-2.8.5-4.2.2-2.5.4-5.3.5-7.9s.2-5.2.3-7.3c0-2.6-.6-2.8-2.7-3.3h-.4c0,0-18-3.5-18-3.5-1.3-.2-2.5-1-3.2-2.1-1.6-2.3-1-5.4,1.3-7,1.1-.8,2.4-1,3.8-.8l19.3,3.6c.8,0,1.5.2,2.3.2,2.4.3,4.8.5,7.2.5,3,0,6-.3,8.9-.7.9,0,1.8-.2,2.6-.3l18.2-3.4c1.3-.3,2.6,0,3.8.7,2.3,1.5,2.9,4.7,1.3,6.9,0,0,0,0,0,0-.8,1.1-1.9,1.8-3.2,2.1l-17.4,3.3c-.6.1-1.1.2-1.6.3-1.8.3-2.7.5-2.6,3.1,0,1.9.3,4.2.6,6.5.3,2.8.8,5.7,1.3,8.4.3,1.8.6,3.2,1,4.6s.8,2.8,1.4,4.4l6.1,16.9c.9,2.6-.4,5.5-3,6.4-1.3.5-2.6.4-3.8-.2-1.2-.6-2.1-1.6-2.6-2.8l-9-24.7-1-1.8-1,1.8h0ZM41.4,4.5c4.9,0,8.8,3.9,8.8,8.8,0,4.9-3.9,8.8-8.8,8.8-4.9,0-8.8-3.9-8.8-8.8,0-2.3.9-4.6,2.6-6.2,1.7-1.7,3.9-2.6,6.2-2.6Z'/%3E%3C/svg%3E");
  object-fit: contain;
  position: absolute;
  width: 70%;
  height: 70%;
  top: 15%;
  left: 15%;
}

#mb-accessibility-widget .mb-accessibility-widget_wrapper {
  padding: 0.5rem 0 2rem 0;
  background-color: var(--mb-wcag-bg-color-gray);
  border-top-left-radius: var(--mb-wcag-list-wrapper-radius);
  border-bottom-left-radius: var(--mb-wcag-list-wrapper-radius);
  -webkit-box-shadow: 0px 0px 0.625rem 0px rgba(0, 0, 0, 0.65);
  box-shadow: 0px 0px 0.625rem 0px rgba(0, 0, 0, 0.35);
}

#mb-accessibility-widget .mb-accessibility-widget_headline {
  font-weight: bold;
  padding: var(--mb-wcag-list-padding-top) var(--mb-wcag-list-padding-left);
}

#mb-accessibility-widget ul.mb-accessibility-widget_functions-list {
  background-color: var(--mb-wcag-bg-color);
}

#mb-accessibility-widget ul.mb-accessibility-widget_functions-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#mb-accessibility-widget ul.mb-accessibility-widget_functions-list li::before {
  display: none;
}

#mb-accessibility-widget ul.mb-accessibility-widget_functions-list button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--mb-wcag-list-padding-top) var(--mb-wcag-list-padding-left);
  text-align: left;
  background-color: transparent;
  cursor: pointer;
  border-radius: 0;
  border: 0 none;
  border-bottom: 1px solid var(--mb-wcag-border-color);
}

#mb-accessibility-widget
  ul.mb-accessibility-widget_functions-list
  button.active {
  background-color: var(--mb-wcag-bg-color-gray);
}

#mb-accessibility-widget [class*="mb-icon-"] {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  display: inline-block;
  background: var(--mb-wcag-icon-color);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

#mb-accessibility-widget .mb-icon-contrast {
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 122.88 122.88' style='enable-background:new 0 0 122.88 122.88' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M122.88,61.44L122.88,61.44L122.88,61.44c0,8.47-1.5,16.34-4.5,23.58c-0.49,1.19-1.02,2.35-1.59,3.49 c-2.92,5.89-6.89,11.35-11.92,16.36l0,0l0,0l0,0l0,0l0,0c-1.67,1.68-3.4,3.24-5.17,4.68c-1.78,1.45-3.61,2.78-5.48,3.98 c-9.65,6.23-20.58,9.34-32.78,9.34h0v0c-8.47,0-16.33-1.5-23.58-4.5c-1.19-0.49-2.35-1.02-3.49-1.59 c-5.89-2.92-11.35-6.89-16.36-11.92l0,0l0,0l0,0l0,0l0,0c-1.68-1.67-3.24-3.4-4.68-5.17c-1.45-1.78-2.78-3.61-3.98-5.48 C3.11,84.58,0,73.64,0,61.44v0h0c0-8.47,1.5-16.33,4.5-23.58c0.49-1.19,1.02-2.35,1.59-3.49c2.92-5.89,6.89-11.35,11.92-16.36l0,0 l0,0l0,0l0,0l0,0c1.67-1.68,3.4-3.24,5.17-4.68c1.78-1.45,3.61-2.78,5.48-3.98C38.3,3.11,49.24,0,61.44,0h0v0 c8.47,0,16.33,1.5,23.58,4.5c1.19,0.49,2.35,1.02,3.49,1.59c5.89,2.92,11.35,6.89,16.36,11.92l0,0l0,0l0,0l0,0l0,0 c1.68,1.67,3.24,3.4,4.68,5.17c1.45,1.78,2.78,3.61,3.98,5.48C119.77,38.3,122.88,49.24,122.88,61.44L122.88,61.44z M61.44,10.96 c0.11,0,0.22,0,0.32,0v100.96c-0.11,0-0.22,0-0.32,0c-27.88,0-50.48-22.6-50.48-50.48C10.96,33.56,33.56,10.96,61.44,10.96 L61.44,10.96z'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 122.88 122.88' style='enable-background:new 0 0 122.88 122.88' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M122.88,61.44L122.88,61.44L122.88,61.44c0,8.47-1.5,16.34-4.5,23.58c-0.49,1.19-1.02,2.35-1.59,3.49 c-2.92,5.89-6.89,11.35-11.92,16.36l0,0l0,0l0,0l0,0l0,0c-1.67,1.68-3.4,3.24-5.17,4.68c-1.78,1.45-3.61,2.78-5.48,3.98 c-9.65,6.23-20.58,9.34-32.78,9.34h0v0c-8.47,0-16.33-1.5-23.58-4.5c-1.19-0.49-2.35-1.02-3.49-1.59 c-5.89-2.92-11.35-6.89-16.36-11.92l0,0l0,0l0,0l0,0l0,0c-1.68-1.67-3.24-3.4-4.68-5.17c-1.45-1.78-2.78-3.61-3.98-5.48 C3.11,84.58,0,73.64,0,61.44v0h0c0-8.47,1.5-16.33,4.5-23.58c0.49-1.19,1.02-2.35,1.59-3.49c2.92-5.89,6.89-11.35,11.92-16.36l0,0 l0,0l0,0l0,0l0,0c1.67-1.68,3.4-3.24,5.17-4.68c1.78-1.45,3.61-2.78,5.48-3.98C38.3,3.11,49.24,0,61.44,0h0v0 c8.47,0,16.33,1.5,23.58,4.5c1.19,0.49,2.35,1.02,3.49,1.59c5.89,2.92,11.35,6.89,16.36,11.92l0,0l0,0l0,0l0,0l0,0 c1.68,1.67,3.24,3.4,4.68,5.17c1.45,1.78,2.78,3.61,3.98,5.48C119.77,38.3,122.88,49.24,122.88,61.44L122.88,61.44z M61.44,10.96 c0.11,0,0.22,0,0.32,0v100.96c-0.11,0-0.22,0-0.32,0c-27.88,0-50.48-22.6-50.48-50.48C10.96,33.56,33.56,10.96,61.44,10.96 L61.44,10.96z'/%3E%3C/g%3E%3C/svg%3E");
}

#mb-accessibility-widget .mb-icon-pause {
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 122.88 122.88' style='enable-background:new 0 0 122.88 122.88' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M61.44,0c16.97,0,32.33,6.88,43.44,18c11.12,11.12,18,26.48,18,43.44c0,16.97-6.88,32.33-18,43.44 c-11.12,11.12-26.48,18-43.44,18c-16.97,0-32.33-6.88-43.44-18C6.88,93.77,0,78.41,0,61.44C0,44.47,6.88,29.11,18,18 C29.11,6.88,44.47,0,61.44,0L61.44,0z M42.3,39.47h13.59v43.95l-13.59,0V39.47L42.3,39.47L42.3,39.47z M66.99,39.47h13.59v43.95 l-13.59,0V39.47L66.99,39.47L66.99,39.47z M97.42,25.46c-9.21-9.21-21.93-14.9-35.98-14.9c-14.05,0-26.78,5.7-35.98,14.9 c-9.21,9.21-14.9,21.93-14.9,35.98s5.7,26.78,14.9,35.98c9.21,9.21,21.93,14.9,35.98,14.9c14.05,0,26.78-5.7,35.98-14.9 c9.21-9.21,14.9-21.93,14.9-35.98S106.63,34.66,97.42,25.46L97.42,25.46z'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 122.88 122.88' style='enable-background:new 0 0 122.88 122.88' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M61.44,0c16.97,0,32.33,6.88,43.44,18c11.12,11.12,18,26.48,18,43.44c0,16.97-6.88,32.33-18,43.44 c-11.12,11.12-26.48,18-43.44,18c-16.97,0-32.33-6.88-43.44-18C6.88,93.77,0,78.41,0,61.44C0,44.47,6.88,29.11,18,18 C29.11,6.88,44.47,0,61.44,0L61.44,0z M42.3,39.47h13.59v43.95l-13.59,0V39.47L42.3,39.47L42.3,39.47z M66.99,39.47h13.59v43.95 l-13.59,0V39.47L66.99,39.47L66.99,39.47z M97.42,25.46c-9.21-9.21-21.93-14.9-35.98-14.9c-14.05,0-26.78,5.7-35.98,14.9 c-9.21,9.21-14.9,21.93-14.9,35.98s5.7,26.78,14.9,35.98c9.21,9.21,21.93,14.9,35.98,14.9c14.05,0,26.78-5.7,35.98-14.9 c9.21-9.21,14.9-21.93,14.9-35.98S106.63,34.66,97.42,25.46L97.42,25.46z'/%3E%3C/g%3E%3C/svg%3E");
}

#mb-accessibility-widget .active .mb-icon-pause {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 512'%3E%3Cpath fill-rule='nonzero' d='M255.99 0c70.68 0 134.7 28.66 181.02 74.98C483.33 121.3 512 185.31 512 256c0 70.68-28.67 134.69-74.99 181.01C390.69 483.33 326.67 512 255.99 512S121.3 483.33 74.98 437.01C28.66 390.69 0 326.68 0 256c0-70.67 28.66-134.7 74.98-181.02C121.3 28.66 185.31 0 255.99 0zm77.4 269.81c13.75-8.88 13.7-18.77 0-26.63l-110.27-76.77c-11.19-7.04-22.89-2.9-22.58 11.72l.44 154.47c.96 15.86 10.02 20.21 23.37 12.87l109.04-75.66zm79.35-170.56c-40.1-40.1-95.54-64.92-156.75-64.92-61.21 0-116.63 24.82-156.74 64.92-40.1 40.11-64.92 95.54-64.92 156.75 0 61.22 24.82 116.64 64.92 156.74 40.11 40.11 95.53 64.93 156.74 64.93 61.21 0 116.65-24.82 156.75-64.93 40.11-40.1 64.93-95.52 64.93-156.74 0-61.22-24.82-116.64-64.93-156.75z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 512'%3E%3Cpath fill-rule='nonzero' d='M255.99 0c70.68 0 134.7 28.66 181.02 74.98C483.33 121.3 512 185.31 512 256c0 70.68-28.67 134.69-74.99 181.01C390.69 483.33 326.67 512 255.99 512S121.3 483.33 74.98 437.01C28.66 390.69 0 326.68 0 256c0-70.67 28.66-134.7 74.98-181.02C121.3 28.66 185.31 0 255.99 0zm77.4 269.81c13.75-8.88 13.7-18.77 0-26.63l-110.27-76.77c-11.19-7.04-22.89-2.9-22.58 11.72l.44 154.47c.96 15.86 10.02 20.21 23.37 12.87l109.04-75.66zm79.35-170.56c-40.1-40.1-95.54-64.92-156.75-64.92-61.21 0-116.63 24.82-156.74 64.92-40.1 40.11-64.92 95.54-64.92 156.75 0 61.22 24.82 116.64 64.92 156.74 40.11 40.11 95.53 64.93 156.74 64.93 61.21 0 116.65-24.82 156.75-64.93 40.11-40.1 64.93-95.52 64.93-156.74 0-61.22-24.82-116.64-64.93-156.75z'/%3E%3C/svg%3E");
}

#mb-accessibility-widget .mb-icon-font-size {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 423.65'%3E%3Cpath fill-rule='nonzero' d='M274.89 336.65H121.85l-29.09 87H0L157.6 0h80.94l158.6 423.65h-92.86l-29.39-87zm181.37-226.22v55.74h-54.69v-55.74h-55.75V55.74h55.75V0h54.69v55.74H512v54.69h-55.74zM145.39 265.74h105.96l-53.23-158.69-52.73 158.69z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 423.65'%3E%3Cpath fill-rule='nonzero' d='M274.89 336.65H121.85l-29.09 87H0L157.6 0h80.94l158.6 423.65h-92.86l-29.39-87zm181.37-226.22v55.74h-54.69v-55.74h-55.75V55.74h55.75V0h54.69v55.74H512v54.69h-55.74zM145.39 265.74h105.96l-53.23-158.69-52.73 158.69z'/%3E%3C/svg%3E");
}

#mb-accessibility-widget .active .mb-icon-font-size {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 423.65'%3E%3Cpath fill-rule='nonzero' d='M274.89 336.65H121.85l-29.09 87H0L157.6 0h80.94l158.6 423.65h-92.86l-29.39-87zm70.93-226.22V55.74H512v54.69H345.82zM145.39 265.74h105.96l-53.23-158.69-52.73 158.69z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512 423.65'%3E%3Cpath fill-rule='nonzero' d='M274.89 336.65H121.85l-29.09 87H0L157.6 0h80.94l158.6 423.65h-92.86l-29.39-87zm70.93-226.22V55.74H512v54.69H345.82zM145.39 265.74h105.96l-53.23-158.69-52.73 158.69z'/%3E%3C/svg%3E");
}

/**
 * Dashed outlines
 */
*:focus-visible {
  outline-style: dashed;
  outline-width: 0.125rem;
  outline-color: currentcolor;
  outline-offset: 0.125rem;
}

.hover-focused:focus-visible{
  outline: none !important;
}

/**
 * formfields
 */
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="text"],
input[type="password"],
input[type="date"],
select {
  border: 0.125rem solid currentcolor;
}

input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
select:focus {
  border: 0.125rem dashed currentcolor;
}

input[type="email"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="number"]:focus-visible,
input[type="text"]:focus-visible,
input[type="password"]:focus-visible,
input[type="date"]:focus-visible,
select:focus-visible {
  outline: none;
}

/**
 * menu hanlding
 */
.sub-menu.submenu-active {
  display: block !important;
}

/**
 * animation control
 */
.animations-paused * {
  animation-play-state: paused !important;
  transition: none !important;
}

#animation-control a {
  padding: 0 !important;
  display: flex;
}

#animation-control a.hidden {
  display: none;
}

.animation-control__wrapper {
  display: inline-block;
  vertical-align: middle;
}

.ac-icon {
  width: 2rem;
  height: 2rem;
  fill: currentcolor;
  border: 0.125rem solid currentcolor;
  border-radius: 50%;
  padding: 0.25rem;
  cursor: pointer;
}