/*!
 * Copyright 2024 Marcel Domke. Released under the MIT license.
 * See: https://lara.vision
 *
 */
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/animate.css/animate.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/prism-themes/themes/prism-material-light.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
code[class*="language-"],
pre[class*="language-"] {
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	color: #90a4ae;
	background: #fafafa;
	font-family: Roboto Mono, monospace;
	font-size: 1em;
	line-height: 1.5em;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	hyphens: none;
}

code[class*="language-"]::-moz-selection,
pre[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection,
pre[class*="language-"] ::-moz-selection {
	background: #cceae7;
	color: #263238;
}

code[class*="language-"]::-moz-selection, pre[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection, pre[class*="language-"] ::-moz-selection {
	background: #cceae7;
	color: #263238;
}

code[class*="language-"]::selection,
pre[class*="language-"]::selection,
code[class*="language-"] ::selection,
pre[class*="language-"] ::selection {
	background: #cceae7;
	color: #263238;
}

:not(pre) > code[class*="language-"] {
	white-space: normal;
	border-radius: 0.2em;
	padding: 0.1em;
}

pre[class*="language-"] {
	overflow: auto;
	position: relative;
	margin: 0.5em 0;
	padding: 1.25em 1em;
}

.language-css > code,
.language-sass > code,
.language-scss > code {
	color: #f76d47;
}

[class*="language-"] .namespace {
	opacity: 0.7;
}

.token.atrule {
	color: #7c4dff;
}

.token.attr-name {
	color: #39adb5;
}

.token.attr-value {
	color: #f6a434;
}

.token.attribute {
	color: #f6a434;
}

.token.boolean {
	color: #7c4dff;
}

.token.builtin {
	color: #39adb5;
}

.token.cdata {
	color: #39adb5;
}

.token.char {
	color: #39adb5;
}

.token.class {
	color: #39adb5;
}

.token.class-name {
	color: #6182b8;
}

.token.comment {
	color: #aabfc9;
}

.token.constant {
	color: #7c4dff;
}

.token.deleted {
	color: #e53935;
}

.token.doctype {
	color: #aabfc9;
}

.token.entity {
	color: #e53935;
}

.token.function {
	color: #7c4dff;
}

.token.hexcode {
	color: #f76d47;
}

.token.id {
	color: #7c4dff;
	font-weight: bold;
}

.token.important {
	color: #7c4dff;
	font-weight: bold;
}

.token.inserted {
	color: #39adb5;
}

.token.keyword {
	color: #7c4dff;
}

.token.number {
	color: #f76d47;
}

.token.operator {
	color: #39adb5;
}

.token.prolog {
	color: #aabfc9;
}

.token.property {
	color: #39adb5;
}

.token.pseudo-class {
	color: #f6a434;
}

.token.pseudo-element {
	color: #f6a434;
}

.token.punctuation {
	color: #39adb5;
}

.token.regex {
	color: #6182b8;
}

.token.selector {
	color: #e53935;
}

.token.string {
	color: #f6a434;
}

.token.symbol {
	color: #7c4dff;
}

.token.tag {
	color: #e53935;
}

.token.unit {
	color: #f76d47;
}

.token.url {
	color: #e53935;
}

.token.variable {
	color: #e53935;
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/tippy.js/dist/tippy.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/tippy.js/animations/shift-toward-extreme.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.tippy-box[data-animation=shift-toward-extreme][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=top]{transform:translateY(-20px)}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=bottom]{transform:translateY(20px)}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=left]{transform:translateX(-20px)}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=right]{transform:translateX(20px)}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/tippy.js/animations/shift-toward.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.tippy-box[data-animation=shift-toward][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top]{transform:translateY(-10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom]{transform:translateY(10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left]{transform:translateX(-10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right]{transform:translateX(10px)}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./resources/sass/app.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@keyframes bounce-scrolltop-hover {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateY(-8px);
  }
  50% {
    transform: scale(1.05, 0.95) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(-7px);
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes slide-down-header {
  0% {
    opacity: 0.2;
    transform: translateY(-100%);
  }
  to {
    opacity: 0.98;
    transform: translateY(0);
  }
}
/* -- slideDown -- */
@keyframes slideDown {
  from {
    transform: translate3d(0, 100px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  animation-fill-mode: both;
  animation-name: slideDown;
  animation-duration: 0.3s;
}

.row{
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  display: flex;
  min-width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}

[class*=col-]{
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.col-md-1 {
  width: 8.3333333333%;
}

.col-md-2 {
  width: 16.6666666667%;
}

.col-md-3 {
  width: 25%;
}

.col-md-4 {
  width: 33.3333333333%;
}

.col-md-5 {
  width: 41.6666666667%;
}

.col-md-6 {
  width: 50%;
}

.col-md-7 {
  width: 58.3333333333%;
}

.col-md-8 {
  width: 66.6666666667%;
}

.col-md-9 {
  width: 75%;
}

.col-md-10 {
  width: 83.3333333333%;
}

.col-md-11 {
  width: 9.0909090909%;
}

.col-md-12 {
  width: 100%;
}

@media (max-width: 1024px) {
  [class*=col-12],
  [class*=col-md-12]{
    width: 100% !important;
  }
  [class*=col-md-]{
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .col-md-12 {
    width: 100%;
  }
  [class*=col-md-]{
    width: 100% !important;
  }
}
@media (max-width: 640px) {
  .col-sm-12 {
    width: 100%;
  }
}
body:not(.dark).contrast-mode input::-moz-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 99 / var(--tw-text-opacity)) !important;
}
body:not(.dark).contrast-mode input::placeholder,
body:not(.dark).contrast-mode input[type=date]:placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 99 / var(--tw-text-opacity)) !important;
}
body:not(.dark).contrast-mode input[type=date],
body:not(.dark).contrast-mode input[type=email],
body:not(.dark).contrast-mode input[type=text],
body:not(.dark).contrast-mode input[type=tel],
body:not(.dark).contrast-mode input[type=number],
body:not(.dark).contrast-mode input[type=color],
body:not(.dark).contrast-mode input[type=password],
body:not(.dark).contrast-mode .form-control,
body:not(.dark).contrast-mode select,
body:not(.dark).contrast-mode textarea{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

body.dark.contrast-mode input::-moz-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}

body.dark.contrast-mode input::placeholder,
body.dark.contrast-mode input[type=date]:placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}
body.dark.contrast-mode input[type=date],
body.dark.contrast-mode input[type=email],
body.dark.contrast-mode input[type=text],
body.dark.contrast-mode input[type=tel],
body.dark.contrast-mode input[type=number],
body.dark.contrast-mode input[type=color],
body.dark.contrast-mode input[type=password],
body.dark.contrast-mode .form-control,
body.dark.contrast-mode select,
body.dark.contrast-mode textarea{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.strength-meter{
  position: relative;
  height: 0.75rem;
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.strength-meter.red{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.strength-meter.red_normal{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.strength-meter.orange{
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
}
.strength-meter.green{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
body:not(.dark).contrast-mode input[type=checkbox],
body:not(.dark).contrast-mode input[type=radio]{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

body.dark.contrast-mode input[type=checkbox],
body.dark.contrast-mode input[type=radio]{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.form-field{
  position: relative;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
}
.form-field input[type=email],
.form-field input[type=text],
.form-field input[type=tel],
.form-field input[type=number],
.form-field input[type=color],
.form-field input[type=password],
.form-field .form-control,
.form-field textarea{
  margin-bottom: 0px;
}
.form-field .field-label,
.form-field .form-field-wrapper,
.form-field .form-field-extra,
.form-field .last-changed-value{
  position: relative;
}
.form-field .field-label{
  position: relative;
  margin-bottom: 0.5rem;
  font-weight: 700;
}
.form-field .field-label label{
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
.form-field .field-label label:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.form-field .field-label .form-sublabel{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.form-field .field-label .form-sublabel:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.form-field .form-description{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.form-field .form-description:is(.dark *){
  color: rgb(209 213 219 / var(--tw-text-opacity));
  --tw-text-opacity: 0.7;
}
.form-field .last-changed-value{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.form-field .form-field-wrapper{
  position: relative;
  display: flex;
  flex-direction: column;
}
.form-field .form-field-wrapper.with-append{
  flex-direction: row;
}
.form-field .form-field-wrapper h3,
.form-field .form-field-wrapper h4{
  font-size: 1.15rem;
  line-height: 1.75rem;
}
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(.inline-block){
  margin-top: 30px;
}
.form-field .form-field-wrapper > select{
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.form-field .form-field-wrapper.has-limiter .limiter{
  position: absolute;
  bottom: -0.5rem;
  right: 1.25rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.form-field .form-field-wrapper .error{
  position: relative;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.form-field .form-field-wrapper .checkbox{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.form-field .form-field-wrapper .checkbox label {
  overflow-wrap: break-word;
  cursor: pointer;
}
.form-field .form-field-wrapper .append{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.form-field.type-checkbox{
  margin-bottom: 0.5rem;
}
.form-field.type-checkbox .form-field-wrapper{
  flex-direction: row;
  align-items: flex-start;
}
.form-field.type-div{
  margin-bottom: 0.5rem;
}
.form-field.is-required .field-label:after{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
  content: " *";
}
.form-field.is-changed:before{
  position: absolute;
  left: 0px;
  right: 0px;
  top: -0.125rem;
  bottom: -0.125rem;
  z-index: 10;
  display: block;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  outline-style: solid;
  outline-color: #ea580c;
}
.form-field.hp{
  position: fixed;
  left: -100%;
  top: -100%;
  z-index: -50;
  opacity: 0;
}
.form-field + hr{
  margin-top: 30px;
  margin-bottom: 30px;
  display: block;
  width: auto;
  min-width: 97%;
  margin-left: 1.5%;
}

.form-input{
  position: relative;
  width: 100%;
}
.form-input .red-bg{
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  bottom: 0.125rem;
  z-index: 10;
  display: flex;
  width: 30px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(178 0 25 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-input .red-bg + input:not([type=radio]):not([type=checkbox]),
.form-input .red-bg + textarea,
.form-input .red-bg + select {
  padding-left: 42px;
  margin: 0;
}
.form-input.with-strength-meter .strength-meter {
  display: block;
  width: auto;
  left: 0;
  right: 0;
  z-index: 2;
  position: absolute;
  bottom: 6px;
  border: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.field-error{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.form-errors{
  margin-left: 2.5rem;
  list-style-type: decimal;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  margin-left: 10px;
}
.form-errors li{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.form-error-messages .error-content{
  padding: 0.5rem;
}
.form-error-messages .error-content ul{
  list-style-type: decimal;
  padding-left: 1.25rem;
}
.form-error-messages .error-content ul li[data-field-error]{
  cursor: pointer;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.autocomplete-field{
  position: relative;
  margin-bottom: 0.5rem;
  display: flex;
  height: 32px;
  flex-direction: row;
}
.autocomplete-field input{
  margin-top: 0px;
  margin-bottom: 0px;
}
.autocomplete-field .input-loading{
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  display: none;
  position: absolute !important;
  left: -2px !important;
  z-index: 10 !important;
  margin: 0px !important;
  height: 100% !important;
  width: 30px !important;
  overflow: hidden !important;
}
.autocomplete-field .remove{
  display: flex;
  width: 30px;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.autocomplete-field .remove svg{
  height: 20px;
  width: 20px;
}
.autocomplete-field .prepend{
  display: flex;
  width: 30px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.autocomplete-field .prepend svg{
  height: 20px;
  width: 20px;
}
.autocomplete-field:not(.has-value) .remove{
  display: none;
}
.autocomplete-field.has-value .prepend{
  display: none;
}
.autocomplete-field.has-value .remove{
  display: flex;
}
.autocomplete-field.loading:before {
  display: none;
}
.autocomplete-field.loading .remove {
  display: none;
}
.autocomplete-field.loading .prepend svg{
  visibility: hidden;
}
.autocomplete-field.loading .input-loading {
  display: flex;
}
.autocomplete-field .autocomplete-values{
  position: absolute;
  top: 100%;
  z-index: 10;
  max-height: 400px;
  width: 100%;
}
.autocomplete-field .autocomplete-values ul{
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.autocomplete-field .autocomplete-values ul:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.autocomplete-field .autocomplete-values ul:empty{
  display: none;
}
.autocomplete-field .autocomplete-values li{
  cursor: pointer;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.autocomplete-field .autocomplete-values li.selected{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.autocomplete-field .autocomplete-values li:nth-of-type(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.autocomplete-field .autocomplete-values li:nth-of-type(odd):is(.dark *){
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
.autocomplete-field .autocomplete-values li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.autocomplete-field .label-placeholder {
  display: none;
}
.autocomplete-field .label-placeholder:empty {
  display: none;
}

.form-fields-section{
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.form-fields-section:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.4;
}
.form-fields-section .section-header{
  margin-bottom: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.form-fields-section .section-header:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.form-fields-section .section-header .section-label{
  font-size: 1.15rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.form-fields-section .section-header .sub-header{
  margin-bottom: 0.5rem;
  border-width: 0px;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.form-fields-section.with-description .section-header > h4, .form-fields-section.with-description .section-header > h5{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border-width: 0px;
}
.form-fields-section .section-description{
  border-bottom-width: 0px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.form-fields-section .section-description:is(.dark *){
  border-width: 0px;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.form-fields-section .section-content{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.form-fields-section .section-content .type-div h4{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.form-group{
  display: flex;
  flex-direction: column;
}

.content-with-sidebar .form-fieldtype-captcha .captcha-image-wrapper img {
  width: 100%;
}

.checkbox{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.checkbox-list{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
}
.checkbox-list.horizontal{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.checkbox-list.horizontal .checkbox{
  margin-right: 0.5rem;
  margin-bottom: 0.125rem;
  width: calc(50% - 15px);
}
.checkbox-list.horizontal .checkbox:nth-child(2){
  margin-right: 0px;
}

.apo-radio-list{
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.apo-radio-list input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  cursor: pointer;
}
.apo-radio-list .entry{
  position: relative;
  z-index: 10;
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 2px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.apo-radio-list .entry:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
.apo-radio-list .entry .label{
  pointer-events: none;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.apo-radio-list .entry:hover{
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.apo-radio-list .entry:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.apo-radio-list .entry.selected{
  --tw-border-opacity: 1;
  border-color: rgb(0 48 94 / var(--tw-border-opacity));
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}
.apo-radio-list .entry.selected:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

body:not(.dark).contrast-mode .form-fields-section, body:not(.dark).contrast-mode .section-header{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

body.dark.contrast-mode .form-fields-section, body.dark.contrast-mode .section-header{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

@media (max-width: 1024px) {
  .apo-radio-list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.file-upload:not(.multiple){
  position: relative;
  display: flex;
  flex-direction: row;
  margin-bottom: 0.5rem;
  height: 33.5px;
  min-height: 33.5px;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.file-upload:not(.multiple):is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}
.file-upload:not(.multiple) {
  outline: none;
}
.file-upload:not(.multiple):hover{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.file-upload:not(.multiple):hover:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
}
.file-upload:not(.multiple):focus{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.file-upload:not(.multiple):focus:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
}
.file-upload:not(.multiple) input[type=file]{
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  z-index: 1 !important;
  height: 30px !important;
  width: 100% !important;
  border-width: 0px !important;
  background-color: transparent !important;
  padding-left: 148px !important;
  opacity: 0 !important;
}
.file-upload:not(.multiple) input[type=file]::file-selector-button{
  display: none;
}
.file-upload:not(.multiple) .upload-btn {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 10;
    width: 144px;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 48 94 / var(--tw-bg-opacity));
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 300ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
.file-upload:not(.multiple) .upload-btn:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.file-upload:not(.multiple) .upload-btn{
  pointer-events: none;
  cursor: pointer;
}
.file-upload:not(.multiple) .upload-btn:hover, .file-upload:not(.multiple) .upload-btn:focus, .file-upload:not(.multiple) .upload-btn:active{
  border-color: rgb(30 58 138 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.file-upload:not(.multiple) .upload-btn:hover:is(.dark *), .file-upload:not(.multiple) .upload-btn:focus:is(.dark *), .file-upload:not(.multiple) .upload-btn:active:is(.dark *){
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.file-upload:not(.multiple) .remove{
  position: absolute;
  top: 5px;
  right: 0.5rem;
  bottom: 5px;
  z-index: 10;
  display: inline-flex;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.file-upload:not(.multiple) .remove:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.file-upload:not(.multiple) .remove:hover, .file-upload:not(.multiple) .remove:focus, .file-upload:not(.multiple) .remove:active{
  border-color: rgb(30 58 138 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.file-upload:not(.multiple) .remove:hover:is(.dark *), .file-upload:not(.multiple) .remove:focus:is(.dark *), .file-upload:not(.multiple) .remove:active:is(.dark *){
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
.file-upload:not(.multiple) .remove .fa {
  padding: 0;
}
.file-upload:not(.multiple) .file-label-single{
  position: relative;
  z-index: 1;
  display: flex;
  height: 30px;
  width: 100%;
  flex-direction: row;
  align-items: center;
  padding-top: 4px;
}
.file-upload:not(.multiple) .file-label-single:empty{
  display: none;
}
.file-upload:not(.multiple) .file-label-single .file{
  width: 100%;
}
.file-upload:not(.multiple) .file-label-single .file-label{
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.file-upload:not(.multiple) .file-label-single .file-label > div:first-child{
  flex: 1 1 auto;
}
.file-upload:not(.multiple) .file-label-single .file-label > div:last-child{
  margin-right: 3rem;
}
.file-upload:not(.multiple).has-files input[type=file]{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.file-upload:not(.multiple).has-files input[type=file]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.file-upload:not(.multiple) .file-label{
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 10;
  height: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding-left: 148px;
}
.file-upload:not(.multiple) .file-label:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}
.file-upload:not(.multiple) .file-label{
  pointer-events: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.file-upload:not(.multiple).has-file .file-label{
  display: flex;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.file-upload:not(.multiple):not(.has-file) .file-label{
  display: none;
}
.file-upload:not(.multiple):not(.has-files) input[type=file]::file-selector-button,
.file-upload:not(.multiple):not(.has-files) input[type=file]::-webkit-file-upload-button {
  margin-right: 5px;
}
.file-upload:not(.multiple):not(.has-files) .upload-btn {
  display: inline-flex;
}
.file-upload:not(.multiple):not(.has-files) .remove {
  display: none;
}
.file-upload:not(.multiple).multiple .upload-btn,
.file-upload:not(.multiple).multiple .clear {
  min-width: 160px;
}
.file-upload:not(.multiple):not(.not-empty) .clear {
  display: none;
}

.file-upload.multiple{
  position: relative;
  display: inline-block;
  min-height: 38px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(.file-upload.multiple){
  margin-top: 30px;
}

.file-upload.multiple:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}
.file-upload.multiple.has-files{
  padding-bottom: 45px;
}
.file-upload.multiple input{
  position: absolute !important;
  left: 0px !important;
  top: 0px !important;
  bottom: 0px !important;
  right: 0px !important;
  z-index: 1 !important;
  margin: 0px !important;
  min-height: 31px !important;
  opacity: 0 !important;
}
.file-upload.multiple .file-list{
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  padding-top: 4px;
}
.file-upload.multiple .file-list:empty{
  display: none;
}
.file-upload.multiple .file-list .file{
  display: flex;
  flex-direction: row;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.file-upload.multiple .file-list .file:nth-of-type(even){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.file-upload.multiple .file-list .file:nth-of-type(even):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.file-upload.multiple .file-list .file:nth-of-type(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.file-upload.multiple .file-list .file:nth-of-type(odd):is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}
.file-upload.multiple .file-list .file:hover{
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}
.file-upload.multiple .file-list .file:hover:is(.dark *){
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
}
.file-upload.multiple .file-list .remove{
  position: relative;
  z-index: 10;
  margin-right: 0.75rem;
  display: inline-flex;
  height: 30px;
  width: 30px;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.file-upload.multiple .file-list .remove:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.file-upload.multiple .file-list .remove{
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.file-upload.multiple .file-list .remove:hover, .file-upload.multiple .file-list .remove:focus, .file-upload.multiple .file-list .remove:active{
  border-color: rgb(30 58 138 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.file-upload.multiple .file-list .remove:hover:is(.dark *), .file-upload.multiple .file-list .remove:focus:is(.dark *), .file-upload.multiple .file-list .remove:active:is(.dark *){
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
.file-upload.multiple .file-list .file-label{
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  align-items: center;
}
.file-upload.multiple .file-list .file-label > div:first-of-type {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
  display: block;
}
.file-upload.multiple .file-list .file-label > div:last-of-type {
  min-width: 80px;
  padding-right: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.file-upload.multiple .upload-btn{
  display: inline-flex;
  height: 30px;
  max-height: 30px;
  min-height: 30px;
  flex-direction: row;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  position: absolute;
  bottom: 0.125rem;
  z-index: 10;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.file-upload.multiple .upload-btn:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.file-upload.multiple .upload-btn{
  pointer-events: none;
}
.file-upload.multiple .upload-btn:hover, .file-upload.multiple .upload-btn:focus, .file-upload.multiple .upload-btn:active{
  border-color: rgb(30 58 138 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.file-upload.multiple .upload-btn:hover:is(.dark *), .file-upload.multiple .upload-btn:focus:is(.dark *), .file-upload.multiple .upload-btn:active:is(.dark *){
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
.file-upload.multiple.has-files .upload-btn{
  bottom: 0.25rem;
}

body:not(.dark).contrast-mode .file-upload.multiple,
body:not(.dark).contrast-mode .file-upload:not(.multiple){
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

body.dark.contrast-mode .file-upload.multiple,
body.dark.contrast-mode .file-upload:not(.multiple){
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

@media (max-width: 768px) {
  .file-upload:not(.multiple) .file-label-single .file-label{
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }
  .file-upload:not(.multiple) .file-label-single .file-label > div:first-child{
    flex: 1 1 auto;
  }
  .file-upload:not(.multiple) .file-label-single .file-label > div:last-child{
  display: none;
  }
}
[data-control=banking-fields]{
  display: flex;
  flex-direction: column;
}
[data-control=banking-fields] .array-row{
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  flex-direction: column;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding: 0.5rem;
}
[data-control=banking-fields] .array-row:nth-of-type(even){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
[data-control=banking-fields] .array-row:nth-of-type(even):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
[data-control=banking-fields] .array-row:nth-of-type(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
[data-control=banking-fields] .array-row:nth-of-type(odd):is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
[data-control=banking-fields] .array-row > .row{
  margin-left: 0px;
  margin-right: 0px;
  flex: 1 1 auto;
}
[data-control=banking-fields] .array-row .buttons{
  margin: 0px;
  width: 100%;
  border-width: 0px;
  padding: 0px;
}
[data-control=banking-fields] .array-row .buttons button{
  margin: 0px;
  padding: 0.5rem;
}
[data-control=banking-fields] .add-new{
  margin-top: 30px;
}

.row.arrayable > .row{
  margin-left: 0px;
  margin-right: 0px;
}

.datetime-picker-wrapper{
  position: relative;
  display: flex;
  flex-direction: column;
}
.datetime-picker-wrapper input {
    display: block !important;
    min-height: 1.5rem !important;
    width: 100% !important;
    min-width: 98% !important;
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    text-align: left !important;
  height: 33.5px;
  min-height: 33.5px;
  line-height: 1.5;
  }
.datetime-picker-wrapper > span{
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
  bottom: 0.125rem;
  display: flex;
  height: 26px;
  width: 26px;
  cursor: pointer;
    pointer-events: none;
    z-index: 10;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 48 94 / var(--tw-bg-opacity));
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 300ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.datetime-picker-wrapper > span:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.datetime-picker-wrapper > span:hover, .datetime-picker-wrapper > span:focus, .datetime-picker-wrapper > span:active{
  border-color: rgb(30 58 138 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.datetime-picker-wrapper > span:hover:is(.dark *), .datetime-picker-wrapper > span:focus:is(.dark *), .datetime-picker-wrapper > span:active:is(.dark *){
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.datetime-picker-wrapper > span svg{
  height: 20px;
  width: 20px;
}

.captcha-image-wrapper{
  display: flex;
  height: 3.5rem;
  max-height: 3.5rem;
  flex-direction: column;
}

.captcha-content{
  margin-top: 1.5rem;
  height: 2.25rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.buttons{
  position: relative;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  min-height: 30px;
  flex-direction: row;
  justify-content: space-between;
}
.buttons .float-right{
  position: absolute;
  right: 0px;
  display: inline-flex;
}

.form-error-messages{
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.form-error-messages:is(.dark *){
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}
.form-error-messages .error-header{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(153 27 27 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 1.15rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.form-error-messages .error-content{
  padding: 0.5rem;
}

.error{
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

[data-component=pharmacy_register] .form-field .form-field-wrapper > div,
[data-component=pharmacy_register] .form-field .form-field-wrapper > div[data-show-when]{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
[data-component=pharmacy_register] .form-field .form-field-wrapper > div > p:last-child,
[data-component=pharmacy_register] .form-field .form-field-wrapper > div[data-show-when] > p:last-child{
  margin-bottom: 0px;
}

pre[class*=language-].line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber;
  display: inline-block;
  width: 100%;
}

pre[class*=language-].line-numbers > code {
  position: relative;
  white-space: inherit;
  margin: 0;
  display: block;
  padding: 0 !important;
  outline: none;
}

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em; /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  border-right: 1px solid #999;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.line-numbers-rows > span {
  display: block;
  counter-increment: linenumber;
}

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}

body.ajax-loading {
  overflow: hidden !important;
}
body.ajax-loading #ajax-loading {
  display: block;
}

#ajax-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 47, 92, 0.4);
  z-index: 1000;
  display: none;
}
#ajax-loading .base {
  background: #00305e;
  box-shadow: 0px 0px 17px 1px #001d3b;
  padding: 30px 0;
}
#ajax-loading > div:not(.lds-ring):not(.message) {
  position: absolute;
  z-index: 1002;
  left: 50%;
  top: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: -150px;
  margin-top: -80px;
}
#ajax-loading .message {
  color: #fff;
  width: 300px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 15px;
}

.input-loading {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
}
.input-loading div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 2px;
  border: 2px solid var(--color-blue-500);
  border-radius: 50%;
  animation: lds-ring 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--color-blue-500) transparent transparent transparent;
}
.input-loading div:nth-child(1) {
  animation-delay: -0.45s;
}
.input-loading div:nth-child(2) {
  animation-delay: -0.3s;
}
.input-loading div:nth-child(3) {
  animation-delay: -0.15s;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 5px;
  border: 5px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

@media (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1300px;
  }
}
#cookieinfo{
  position: fixed;
  bottom: 0px;
  z-index: 20;
  width: 100%;
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#cookieinfo .container{
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 90%;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#cookieinfo .container:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow-color: #111827;
  --tw-shadow: var(--tw-shadow-colored);
}
#cookieinfo .alert-heading{
  margin-bottom: 0.25rem;
  font-size: 1.15rem;
  line-height: 1.75rem;
  font-weight: 700;
}
#cookieinfo .alert-heading + hr{
  margin-bottom: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
#cookieinfo #cookie_ok{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

.contrast-mode #cookieinfo .container{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.contrast-mode #cookieinfo .container:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

@media (max-width: 768px) {
  #cookieinfo{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  #cookieinfo .container{
    width: 100%;
    max-width: 100%;
  }
}
.scroll-top{
  position: fixed;
  bottom: 40%;
  right: -70px;
  z-index: 10;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(0 48 94 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.scroll-top:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.scroll-top .tabler-icon{
  height: 30px;
  width: 30px;
  stroke-width: 4px;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
.scroll-top .tabler-icon:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.scroll-top .tabler-icon {
  animation-duration: 1.5s;
}
.scroll-top:hover:not(:focus){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.scroll-top:hover:not(:focus):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.scroll-top:hover:not(:focus) .tabler-icon {
  animation-name: bounce-scrolltop-hover;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}

.display-scroll-top .scroll-top{
  right: 0.75rem;
}

.tippy-box{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tippy-content{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  transition-property: none !important;
  line-height: normal !important;
}

[data-tippy-root] .tippy-box{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

[data-tippy-root] *{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
body:not(.dark).contrast-mode .content-with-sidebar table, body:not(.dark).contrast-mode main > table{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

body.dark.contrast-mode .content-with-sidebar table, body.dark.contrast-mode main > table{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

@media (max-width: 1024px) {
  .RespTable {
    display: block;
    text-align: right;
  }
.jobmarket-layout .sidebar .job-filter + .RespTable{
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
  }
.workexperience .sidebar .filter-table + .RespTable{
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
  }
  .RespTable:is(.dark *){
    background-color: transparent;
  }
  .RespTable thead,
  .RespTable tbody,
  .RespTable tr,
  .RespTable th,
  .RespTable td{
    display: block;
  }
  .RespTable thead{
    position: absolute;
    top: -100%;
    left: -100%;
    opacity: 0;
  }
  .RespTable tbody tr{
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: #d1d5db;
    --tw-shadow: var(--tw-shadow-colored);
  }
  .RespTable tbody tr:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(3 7 18 / var(--tw-border-opacity));
    --tw-shadow-color: #1f2937;
    --tw-shadow: var(--tw-shadow-colored);
  }
  .RespTable tbody tr td:not([colspan]){
    position: relative !important;
    margin: 0px !important;
    display: flex !important;
    min-height: 64px !important;
    flex-direction: row !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border-top-width: 1px !important;
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
    padding: 0px !important;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color !important;
    transition-duration: 300ms !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    animation-duration: 300ms !important;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .RespTable tbody tr td:not([colspan]):is(.dark *){
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(3 7 18 / var(--tw-border-opacity)) !important;
  }
  .RespTable tbody tr td:not([colspan]):not([data-label]){
  display: none;
  }
  .RespTable tbody tr td:not([colspan]):nth-child(even), .RespTable tbody tr td:not([colspan]).e{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  }
  .RespTable tbody tr td:not([colspan]):nth-child(even):is(.dark *), .RespTable tbody tr td:not([colspan]).e:is(.dark *){
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.8;
  }
  .RespTable tbody tr td:not([colspan]):nth-child(odd), .RespTable tbody tr td:not([colspan]).o{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  }
  .RespTable tbody tr td:not([colspan]):nth-child(odd):is(.dark *), .RespTable tbody tr td:not([colspan]).o:is(.dark *){
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;
  }
  .RespTable tbody tr td:not([colspan]) > div {
    position: relative;
    left: 35%;
    width: 100%;
    max-width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    text-align: left;
  }
  .RespTable tbody tr td:not([colspan]):before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right-width: 2px;
    --tw-border-opacity: 1;
    border-right-color: rgb(209 213 219 / var(--tw-border-opacity));
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.8;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    text-align: left;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 48 94 / var(--tw-text-opacity));
  }
  .RespTable tbody tr td:not([colspan]):is(.dark *):before{
    --tw-border-opacity: 1;
    border-right-color: rgb(17 24 39 / var(--tw-border-opacity));
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.8;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
  .RespTable tbody tr td:not([colspan]):before {
    content: attr(data-label);
  }
  .RespTable tbody tr td:not([colspan]).action-column a {
    margin: 12px 0 0 3px;
  }
  .RespTable tbody tr td:not([colspan]).action-column a:first-child {
    margin: 12px 0 0 20px;
  }
  .RespTable tbody tr td:not([colspan]).action-column:before {
    content: "Aktion: ";
  }
  .RespTable tbody tr:hover{
    background-color: transparent !important;
  }
  .RespTable tbody tr:hover td:hover{
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.8;
  }
  .RespTable tbody tr:hover td:hover:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  }
  .RespTable tbody tr:not(:last-child){
    margin-bottom: 1.5rem;
  }
  .RespTable tbody tr:not(.has-details):not(.row-hint) td[data-label]:last-of-type{
    border-bottom-width: 5px;
    --tw-border-opacity: 1;
    border-color: rgb(0 48 94 / var(--tw-border-opacity));
  }
  .RespTable tbody tr:last-child td:last-child{
    border-width: 0px;
  }
  .RespTable tfoot{
  display: none;
  }
}
.lakt-pagination{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.lakt-pagination > div:not(.lakt-pagination-info){
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
.lakt-pagination .lakt-pagination-info {
    flex: 1 1 auto;
    text-align: right;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
  }
.jobmarket-layout .sidebar .job-filter + .lakt-pagination .lakt-pagination-info{
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.workexperience .sidebar .filter-table + .lakt-pagination .lakt-pagination-info{
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.lakt-pagination .lakt-pagination-info:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.lakt-pagination nav{
  margin: 0px;
  padding: 0px;
}
.lakt-pagination .pagination{
  display: flex;
  flex-direction: row;
  align-items: stretch;
  margin: 0px !important;
  padding: 0px !important;
}
.lakt-pagination .pagination li{
  margin-left: 0.125rem !important;
  margin-right: 0.125rem !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: center !important;
  border-width: 1px !important;
  border-color: transparent !important;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color !important;
  transition-duration: 300ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  animation-duration: 300ms !important;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.lakt-pagination .pagination li.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.lakt-pagination .pagination li.active:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.lakt-pagination .pagination li.active a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.lakt-pagination .pagination li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.lakt-pagination .pagination li:hover a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.lakt-pagination .pagination li a,
.lakt-pagination .pagination li span{
  display: flex;
  min-width: 30px;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

body:not(.dark).contrast-mode .lakt-pagination .pagination li{
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
body:not(.dark).contrast-mode .lakt-pagination .pagination li.active{
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
body:not(.dark).contrast-mode .lakt-pagination .pagination li a:not(.active):hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

body.dark.contrast-mode .lakt-pagination .lakt-pagination-info{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
body.dark.contrast-mode .lakt-pagination .pagination li{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
body.dark.contrast-mode .lakt-pagination .pagination li.active{
  --tw-border-opacity: 1 !important;
  border-color: rgb(243 244 246 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode .lakt-pagination .pagination li:not(.active):hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode .lakt-pagination .pagination li a{
  --tw-text-opacity: 1 !important;
  color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
}
body.dark.contrast-mode .lakt-pagination .pagination li a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
body.dark.contrast-mode .lakt-pagination .pagination li a:not(.active){
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode .lakt-pagination .pagination li a:not(.active):hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.audio-speech{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.audio-speech .play-btn{
  margin-right: 0.375rem;
  display: flex;
  width: 95px;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.audio-speech .play-btn svg{
  height: 16px !important;
  width: 16px !important;
  min-width: 16px !important;
  fill: #ffffff !important;
  stroke-width: 1.5px !important;
}
.audio-speech .play-btn svg.stop, .audio-speech .play-btn svg.pause{
  display: none;
}
.audio-speech .play-btn > span:last-of-type{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding-left: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.audio-speech .play-btn.playing .play{
  display: none;
}
.audio-speech .play-btn.playing .stop{
  display: block;
}

.badge{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.badge.badge-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert{
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  padding: 0.5rem;
}
.alert > p:last-of-type{
  margin-bottom: 0px;
}

.alert-danger{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
h2.alert-danger a {
    text-decoration: none !important;
    border-bottom-width: 3px;
    --tw-border-opacity: 1;
    border-color: rgb(178 0 25 / var(--tw-border-opacity));
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: unset;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 0.25rem;
  }
.alert-danger a{
  --tw-text-opacity: 1 !important;
  color: rgb(219 234 254 / var(--tw-text-opacity)) !important;
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}
.users-layout h2.alert-danger a{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-decoration: none !important;
  margin-top: 2rem;
  text-decoration-thickness: 0px;
}
body:not(.dark).contrast-mode.users-layout .alert-danger a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode.users-layout .alert-danger a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
.alert-danger a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(191 219 254 / var(--tw-text-opacity)) !important;
}

.alert-warning{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
h2.alert-warning a {
    text-decoration: none !important;
    border-bottom-width: 3px;
    --tw-border-opacity: 1;
    border-color: rgb(178 0 25 / var(--tw-border-opacity));
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: unset;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 0.25rem;
  }
.alert-warning a{
  --tw-text-opacity: 1 !important;
  color: rgb(219 234 254 / var(--tw-text-opacity)) !important;
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}
.users-layout h2.alert-warning a{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-decoration: none !important;
  margin-top: 2rem;
  text-decoration-thickness: 0px;
}
body:not(.dark).contrast-mode.users-layout .alert-warning a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode.users-layout .alert-warning a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
.alert-warning a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(191 219 254 / var(--tw-text-opacity)) !important;
}

.alert-info{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
h2.alert-info a {
    text-decoration: none !important;
    border-bottom-width: 3px;
    --tw-border-opacity: 1;
    border-color: rgb(178 0 25 / var(--tw-border-opacity));
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: unset;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 0.25rem;
  }
.alert-info a{
  --tw-text-opacity: 1 !important;
  color: rgb(219 234 254 / var(--tw-text-opacity)) !important;
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}
.users-layout h2.alert-info a{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-decoration: none !important;
  margin-top: 2rem;
  text-decoration-thickness: 0px;
}
body:not(.dark).contrast-mode.users-layout .alert-info a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode.users-layout .alert-info a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
.alert-info a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(191 219 254 / var(--tw-text-opacity)) !important;
}

.alert-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
h2.alert-dark a {
    text-decoration: none !important;
    border-bottom-width: 3px;
    --tw-border-opacity: 1;
    border-color: rgb(178 0 25 / var(--tw-border-opacity));
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: unset;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 0.25rem;
  }
.alert-dark a{
  --tw-text-opacity: 1 !important;
  color: rgb(219 234 254 / var(--tw-text-opacity)) !important;
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}
.users-layout h2.alert-dark a{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-decoration: none !important;
  margin-top: 2rem;
  text-decoration-thickness: 0px;
}
body:not(.dark).contrast-mode.users-layout .alert-dark a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode.users-layout .alert-dark a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
.alert-dark a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(191 219 254 / var(--tw-text-opacity)) !important;
}

/**
        Downloads
 */
.box-links,
.box-downloads,
.box-literatur,
.box-authors,
.box-videos{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.box-links:is(.dark *),
.box-downloads:is(.dark *),
.box-literatur:is(.dark *),
.box-authors:is(.dark *),
.box-videos:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
.box-links h3, .box-links h4, .box-links h5, .box-links .box-header,
.box-downloads h3,
.box-downloads h4,
.box-downloads h5,
.box-downloads .box-header,
.box-literatur h3,
.box-literatur h4,
.box-literatur h5,
.box-literatur .box-header,
.box-authors h3,
.box-authors h4,
.box-authors h5,
.box-authors .box-header,
.box-videos h3,
.box-videos h4,
.box-videos h5,
.box-videos .box-header{
  margin-bottom: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding-bottom: 0.25rem;
  font-size: 1.15rem;
  line-height: 1.75rem;
}
.box-links h3:is(.dark *), .box-links h4:is(.dark *), .box-links h5:is(.dark *), .box-links .box-header:is(.dark *),
.box-downloads h3:is(.dark *),
.box-downloads h4:is(.dark *),
.box-downloads h5:is(.dark *),
.box-downloads .box-header:is(.dark *),
.box-literatur h3:is(.dark *),
.box-literatur h4:is(.dark *),
.box-literatur h5:is(.dark *),
.box-literatur .box-header:is(.dark *),
.box-authors h3:is(.dark *),
.box-authors h4:is(.dark *),
.box-authors h5:is(.dark *),
.box-authors .box-header:is(.dark *),
.box-videos h3:is(.dark *),
.box-videos h4:is(.dark *),
.box-videos h5:is(.dark *),
.box-videos .box-header:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.box-links .box-header,
.box-downloads .box-header,
.box-literatur .box-header,
.box-authors .box-header,
.box-videos .box-header{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  font-weight: 700;
}
.box-links .box-header:is(.dark *),
.box-downloads .box-header:is(.dark *),
.box-literatur .box-header:is(.dark *),
.box-authors .box-header:is(.dark *),
.box-videos .box-header:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.box-links ul,
.box-downloads ul,
.box-literatur ul,
.box-authors ul,
.box-videos ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.box-links ul:first-of-type,
.box-downloads ul:first-of-type,
.box-literatur ul:first-of-type,
.box-authors ul:first-of-type,
.box-videos ul:first-of-type {
  margin: 0 -5px;
}
.box-links ul li,
.box-downloads ul li,
.box-literatur ul li,
.box-authors ul li,
.box-videos ul li {
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.box-links ul li:before,
.box-downloads ul li:before,
.box-literatur ul li:before,
.box-authors ul li:before,
.box-videos ul li:before{
  position: relative;
  top: 0px;
  left: 0px;
  margin-right: 0.75rem;
  display: inline-block;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(.box-links ul li):before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.box-downloads ul li):before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.box-literatur ul li):before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.box-authors ul li):before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.box-videos ul li):before{
  margin-top: 30px;
}
.box-links ul li.box-header,
.box-downloads ul li.box-header,
.box-literatur ul li.box-header,
.box-authors ul li.box-header,
.box-videos ul li.box-header{
  margin-bottom: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding-bottom: 0.5rem;
  font-size: 1.15rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.box-links ul li.box-header:before,
.box-downloads ul li.box-header:before,
.box-literatur ul li.box-header:before,
.box-authors ul li.box-header:before,
.box-videos ul li.box-header:before {
  display: none !important;
}
.box-links ul li.box-header:not(:first-of-type),
.box-downloads ul li.box-header:not(:first-of-type),
.box-literatur ul li.box-header:not(:first-of-type),
.box-authors ul li.box-header:not(:first-of-type),
.box-videos ul li.box-header:not(:first-of-type){
  margin-top: 30px;
}
.box-links ul li.box-header > div,
.box-downloads ul li.box-header > div,
.box-literatur ul li.box-header > div,
.box-authors ul li.box-header > div,
.box-videos ul li.box-header > div{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.box-links ul li a,
.box-downloads ul li a,
.box-literatur ul li a,
.box-authors ul li a,
.box-videos ul li a {
  line-height: normal;
}
.box-links ul li .filesize,
.box-downloads ul li .filesize,
.box-literatur ul li .filesize,
.box-authors ul li .filesize,
.box-videos ul li .filesize{
  border-radius: 0.25rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.box-quellen{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.box-quellen:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
.box-quellen h3, .box-quellen h4, .box-quellen h5, .box-quellen .box-header{
  margin-bottom: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding-bottom: 0.25rem;
  font-size: 1.15rem;
  line-height: 1.75rem;
}
.box-quellen h3:is(.dark *), .box-quellen h4:is(.dark *), .box-quellen h5:is(.dark *), .box-quellen .box-header:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.box-quellen .box-header{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  font-weight: 700;
}
.box-quellen .box-header:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}

.is-accessibility .box-links h3, .is-accessibility .box-links h4, .is-accessibility .box-links h5, .is-accessibility .box-links .box-header,
.is-accessibility .box-downloads h3,
.is-accessibility .box-downloads h4,
.is-accessibility .box-downloads h5,
.is-accessibility .box-downloads .box-header,
.is-accessibility .box-literatur h3,
.is-accessibility .box-literatur h4,
.is-accessibility .box-literatur h5,
.is-accessibility .box-literatur .box-header,
.is-accessibility .box-quellen h3,
.is-accessibility .box-quellen h4,
.is-accessibility .box-quellen h5,
.is-accessibility .box-quellen .box-header,
.is-accessibility .box-authors h3,
.is-accessibility .box-authors h4,
.is-accessibility .box-authors h5,
.is-accessibility .box-authors .box-header,
.is-accessibility .box-videos h3,
.is-accessibility .box-videos h4,
.is-accessibility .box-videos h5,
.is-accessibility .box-videos .box-header {
  font-size: 100%;
}

.box-sources{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.box-sources:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
.box-sources .box-header{
  margin-bottom: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding-bottom: 0.25rem;
  font-size: 1.15rem;
  line-height: 1.75rem;
}
.box-sources .box-header:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.box-sources .box-header{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  font-weight: 700;
}
.box-sources .box-header:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.box-sources .box-sub-header{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.box-sources ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 0px !important;
  padding: 0px !important;
}
.box-sources ul li{
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.box-sources ul li.source{
  display: flex;
  flex-direction: row;
}
.box-sources ul li.source .ref{
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.box-sources ul li.source .key{
  margin-right: 0.25rem;
}
.box-sources ul li.source .title{
  font-size: 0.95rem;
  line-height: 1.4rem;
}
.box-sources ul li:not(.box-header):not(.box-sub-header) a {
  line-height: normal;
}

.box-videos ul li{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.box-videos ul li > a{
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: row !important;
  align-items: center !important;
  padding-left: 0px !important;
}
.box-videos ul li > a:before{
  display: none !important;
}
.box-videos ul li > a svg{
  margin-right: 0.25rem;
  height: 18px;
  width: 18px;
  min-width: 18px;
}
.box-videos ul li > .filesize {
    width: 175px !important;
    min-width: 175px !important;
    background-color: transparent !important;
    padding: 0px !important;
    text-align: right !important;
  }
.jobmarket-layout .sidebar .job-filter + .box-videos ul li > .filesize{
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.workexperience .sidebar .filter-table + .box-videos ul li > .filesize{
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.box-videos ul li > .filesize span{
  border-radius: 0.25rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.file-not-found {
  padding: 2px 5px;
  font-style: italic;
}

.category-link,
.category-link-intern,
.category-link-extern,
.category-download,
.category-link-blue,
.category-video-link{
  position: relative;
  display: inline-block;
  padding-left: 22px;
}

.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(.category-link),.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.category-link-intern),.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.category-link-extern),.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.category-download),.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.category-link-blue),.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.category-video-link){
  margin-top: 30px;
}

.category-video-link:before,
.category-link:before,
.category-link-intern:before,
.category-link-extern:before,
.category-download:before,
.category-link-blue:before,
.category-video-link::before,
.category-link::before,
.category-download::before{
  position: absolute;
  left: 0px;
  top: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: inline-block;
  background-color: transparent;
}

.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(.category-video-link):before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.category-link):before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.category-link-intern):before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.category-link-extern):before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.category-download):before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.category-link-blue):before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.category-video-link)::before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.category-link)::before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
.category-download)::before{
  margin-top: 30px;
}

.category-link-blue:before,
.category-link:before,
.category-link::before {
  content: "↗" !important;
}

.category-link-intern:before {
  content: "↗" !important;
}

.category-link-extern:before {
  content: "↱" !important;
}

.category-download:before,
.category-download::before {
  content: "↓" !important;
}

.category-video-link:before,
.category-video-link::before {
  font-family: FontAwesome, sans-serif;
  content: "\f1c8" !important;
  font-size: 16px;
  position: relative;
  margin-left: -15px;
  padding-right: 3px;
}

.box-warning{
  margin-bottom: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.box-warning:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}

body:not(.dark).contrast-mode .box-warning,
body:not(.dark).contrast-mode .box-links,
body:not(.dark).contrast-mode .box-downloads,
body:not(.dark).contrast-mode .box-literatur,
body:not(.dark).contrast-mode .box-quellen,
body:not(.dark).contrast-mode .box-authors,
body:not(.dark).contrast-mode .box-videos{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
body:not(.dark).contrast-mode .box-warning .box-header,
body:not(.dark).contrast-mode .box-links .box-header,
body:not(.dark).contrast-mode .box-downloads .box-header,
body:not(.dark).contrast-mode .box-literatur .box-header,
body:not(.dark).contrast-mode .box-quellen .box-header,
body:not(.dark).contrast-mode .box-authors .box-header,
body:not(.dark).contrast-mode .box-videos .box-header{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

body.dark.contrast-mode .box-warning,
body.dark.contrast-mode .box-links,
body.dark.contrast-mode .box-downloads,
body.dark.contrast-mode .box-literatur,
body.dark.contrast-mode .box-quellen,
body.dark.contrast-mode .box-authors,
body.dark.contrast-mode .box-videos{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode .box-warning .box-header,
body.dark.contrast-mode .box-links .box-header,
body.dark.contrast-mode .box-downloads .box-header,
body.dark.contrast-mode .box-literatur .box-header,
body.dark.contrast-mode .box-quellen .box-header,
body.dark.contrast-mode .box-authors .box-header,
body.dark.contrast-mode .box-videos .box-header{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

@media (max-width: 1024px) {
  .box-links ul:first-of-type li,
  .box-downloads ul:first-of-type li,
  .box-literatur ul:first-of-type li,
  .box-quellen ul:first-of-type li,
  .box-authors ul:first-of-type li,
  .box-videos ul:first-of-type li{
    display: flex;
    flex-direction: row;
  }
  .box-links ul:first-of-type li a,
  .box-downloads ul:first-of-type li a,
  .box-literatur ul:first-of-type li a,
  .box-quellen ul:first-of-type li a,
  .box-authors ul:first-of-type li a,
  .box-videos ul:first-of-type li a{
    flex: 1 1 auto;
    overflow: hidden;
    overflow-wrap: break-word;
  }
  .box-links ul:first-of-type li .filesize,
  .box-downloads ul:first-of-type li .filesize,
  .box-literatur ul:first-of-type li .filesize,
  .box-quellen ul:first-of-type li .filesize,
  .box-authors ul:first-of-type li .filesize,
  .box-videos ul:first-of-type li .filesize {
    width: 75px;
    min-width: 75px;
    text-align: right;
  }
.jobmarket-layout .sidebar .job-filter + .box-links ul:first-of-type li .filesize,.jobmarket-layout .sidebar .job-filter + 
  .box-downloads ul:first-of-type li .filesize,.jobmarket-layout .sidebar .job-filter + 
  .box-literatur ul:first-of-type li .filesize,.jobmarket-layout .sidebar .job-filter + 
  .box-quellen ul:first-of-type li .filesize,.jobmarket-layout .sidebar .job-filter + 
  .box-authors ul:first-of-type li .filesize,.jobmarket-layout .sidebar .job-filter + 
  .box-videos ul:first-of-type li .filesize{
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
  }
.workexperience .sidebar .filter-table + .box-links ul:first-of-type li .filesize,.workexperience .sidebar .filter-table + 
  .box-downloads ul:first-of-type li .filesize,.workexperience .sidebar .filter-table + 
  .box-literatur ul:first-of-type li .filesize,.workexperience .sidebar .filter-table + 
  .box-quellen ul:first-of-type li .filesize,.workexperience .sidebar .filter-table + 
  .box-authors ul:first-of-type li .filesize,.workexperience .sidebar .filter-table + 
  .box-videos ul:first-of-type li .filesize{
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
  }
}
.kacheln{
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  list-style-type: none;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0px;
}
.kacheln .kachel-login {
  min-height: 200px;
  width: calc(33.3333% - 30px);
  margin: 15px;
  display: flex;
  flex-direction: column;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.kacheln .kachel-login .widget {
  margin-bottom: 0;
}
.kacheln .kachel {
    margin: 15px;
    display: flex;
    min-height: 200px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 300ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
.kacheln .kachel:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.kacheln .kachel {
  width: calc(33.3333% - 30px);
}
.kacheln .kachel.disabled {
  opacity: 0.5;
}
.kacheln .kachel.current-account:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(23 37 84 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(23 37 84 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.kacheln .kachel.current-account:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(23 37 84 / var(--tw-bg-opacity));
}
.kacheln .kachel.current-account{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.kacheln .kachel.current-account:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.kacheln .kachel a {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
.kacheln .kachel button.submit {
  width: 100%;
}
.kacheln .kachel .kachel-icon{
  display: flex;
  min-height: 70px;
  width: 70px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 48 94 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.kacheln .kachel .kachel-icon:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.kacheln .kachel .kachel-icon {
  font-size: 36px;
}
.kacheln .kachel .kachel-icon svg {
  width: 34px;
  height: 34px;
  stroke-width: 1.8px;
}
.kacheln .kachel .kachel-title{
  margin-top: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
.kacheln .kachel .kachel-title:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.kacheln .kachel .kachel-title svg {
  width: 26px;
  height: 26px;
  stroke-width: 1.8px;
}
.kacheln .kachel .kachel-discription{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.kacheln .kachel .kachel-discription:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.kacheln .kachel .kachel-discription{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(178 0 25 / var(--tw-text-opacity));
}
.kacheln .kachel .kachel-discription:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}
.kacheln .kachel:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.kacheln .kachel:hover:is(.dark *){
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
.kacheln .kachel:hover .kachel-icon{
  --tw-border-opacity: 1;
  border-color: rgb(0 48 94 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
.kacheln .kachel:hover .kachel-icon:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.kacheln .kachel form[name=login] {
  width: 100%;
  margin: 15px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.kacheln .kachel form[name=login] > div {
  width: 50%;
}
.kacheln .kachel form[name=login] > div:first-of-type {
  padding-right: 7.5px;
}
.kacheln .kachel form[name=login] > div:last-of-type {
  padding-left: 7.5px;
}
.kacheln .kachel form[name=login] > div:last-of-type + button {
  width: 100%;
  margin-top: 10px;
}

body:not(.dark).contrast-mode .kacheln .kachel{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}

body.dark.contrast-mode .kacheln .kachel{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}

@media (max-width: 1200px) {
  .kacheln .kachel {
    width: calc(50% - 30px);
  }
}
@media (max-width: 800px) {
  .kacheln{
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
  }
  .kacheln .kachel {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .kacheln [name=login] > div{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .kacheln [name=login] [type=submit]{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
.modal-backdrop{
  background-color: rgb(3 7 18 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  opacity: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: none;
}
.modal-backdrop.show{
  display: block;
  opacity: 1;
}

.modal{
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 9999;
  height: 100%;
  width: 100%;
  display: none;
}
.modal.show{
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal.show.fullscreen{
  width: 100%;
}
.modal.show.fullscreen .modal-dialog,
.modal.show.fullscreen .modal-content{
  margin: 0px;
  height: 100%;
  width: 100%;
}
.modal .modal-dialog{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 40%;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  --tw-shadow-color: rgb(17 24 39 / 0.2) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.modal .modal-dialog:is(.dark *){
  --tw-shadow-color: #030712 !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.modal .loading{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 999;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  display: none;
}
.modal .loading > div{
  display: flex;
  height: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.modal .loading > div .lds-ring div {
  border-color: transparent;
  --tw-border-opacity: 1;
  border-top-color: rgb(0 48 94 / var(--tw-border-opacity));
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.modal.loading .loading{
  display: block;
}

.modal-dialog-centered {
  min-height: calc(100% - 3rem);
}

.modal-content{
  width: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #6b7280;
  --tw-shadow: var(--tw-shadow-colored);
}

.modal-content:is(.dark *){
  --tw-shadow-color: #111827;
  --tw-shadow: var(--tw-shadow-colored);
}

.modal-content {
  border-radius: 0;
  border: 0;
  max-height: calc(100vh - 40px);
}
.modal-content.dragging {
  cursor: move;
}
.modal-content .modal-header{
  display: flex;
  height: 40px;
  min-height: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  overflow: hidden;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.modal-content .modal-header .modal-title{
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-weight: 700;
}
.modal-content .modal-header .close{
  display: flex;
  width: 40px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.modal-content .modal-header h3,
.modal-content .modal-header h4,
.modal-content .modal-header h5{
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.modal-content .modal-header button{
  height: 40px;
  min-width: 40px;
  border-radius: 0px;
  border-width: 0px;
  background-color: transparent;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.modal-content .modal-header button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.modal-content .modal-body{
  min-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.modal-content .modal-body .modal-errors{
  margin-bottom: 1rem;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(178 0 25 / var(--tw-border-opacity));
  background-color: rgb(178 0 25 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.modal-content .modal-body .modal-errors li {
  counter-increment: count;
  position: relative;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: flex;
  flex-direction: row;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding: 4px 10px;
}
.modal-content .modal-body .modal-errors li > div{
  flex: 1 1 auto;
}
.modal-content .modal-body .modal-errors li::before {
  content: "" counter(count) ".";
  position: relative;
  left: -8px;
  display: flex;
  width: 26px;
  justify-content: flex-end;
}
.modal-content .modal-footer{
  display: flex;
  height: 50px;
  min-height: 50px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.modal-content .modal-footer .left-buttons,
.modal-content .modal-footer .right-buttons{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.modal-content .modal-footer .left-buttons button,
.modal-content .modal-footer .right-buttons button {
  margin-right: 5px;
}
.modal-content .modal-footer .left-buttons button:last-of-type,
.modal-content .modal-footer .right-buttons button:last-of-type {
  margin-right: 0;
}
.modal-content .modal-footer .left-buttons {
  width: 60%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.modal-content .modal-footer .right-buttons{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.warning-modal.modal .modal-content{
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.warning-modal.modal .modal-content .modal-header{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(185 28 28 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.warning-modal.modal .modal-content .modal-header .close{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.warning-modal.modal .modal-content .modal-header .close:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.warning-modal.modal .modal-content .modal-footer{
  --tw-border-opacity: 1;
  border-top-color: rgb(185 28 28 / var(--tw-border-opacity));
}
.warning-modal.modal .modal-content .modal-footer .btn-primary{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.warning-modal.modal .modal-content .modal-footer .submit{
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
}
.warning-modal.modal .modal-content .modal-footer .submit:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
.warning-modal.modal.confirm .modal-dialog {
  max-width: 450px !important;
}
@keyframes slideDown-Modal {
  0% {
    opacity: 0.2;
    transform: translate3d(0, -100px, 0);
  }
  50% {
    opacity: 0.7;
    transform: translate3d(0, 60px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
}
@keyframes slideUp-Modal {
  0% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  50% {
    opacity: 0.7;
    transform: translate3d(0, 60px, 0);
  }
  100% {
    opacity: 0.2;
    transform: translate3d(0, -100px, 0);
  }
}
.modal.confirm .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60px;
}
.modal .modal-content {
  animation: slideDown-Modal;
  animation-direction: reverse;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}
.modal.show .modal-content {
  animation: slideDown-Modal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}
.modal.closing .modal-content {
  animation: slideUp-Modal;
  animation-duration: 200ms;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}

@media (max-width: 768px) {
  .modal .modal-dialog{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 99%;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
pre[class*=language-]{
  margin-bottom: 1rem;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
pre[class*=language-]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}
pre[class*=language-] code{
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
pre[class*=language-] code:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

.line-numbers .line-numbers-rows{
  --tw-border-opacity: 1;
  border-right-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.line-numbers .line-numbers-rows:is(.dark *){
  --tw-border-opacity: 1;
  border-right-color: rgb(3 7 18 / var(--tw-border-opacity));
}

[data-component=notification],
.notify-container{
  position: fixed;
  top: 30%;
  right: -100%;
  width: 350px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
  padding: 0.5rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 50;
  border-radius: 0.375rem;
  opacity: 0;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  --tw-shadow-color: rgb(17 24 39 / 0.2) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

[data-component=notification]:is(.dark *),
.notify-container:is(.dark *){
  --tw-shadow-color: rgb(17 24 39 / 0.2) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
[data-component=notification].type-danger, [data-component=notification].type-error,
.notify-container.type-danger,
.notify-container.type-error{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
[data-component=notification].type-success,
.notify-container.type-success{
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity));
}
[data-component=notification].type-info,
.notify-container.type-info{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
[data-component=notification].show,
.notify-container.show{
  right: 0.5rem;
  opacity: 1;
}
[data-component=notification] ul,
.notify-container ul{
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}
[data-component=notification] ul li,
.notify-container ul li{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.n-acc-groups{
  margin-top: 1rem;
  margin-bottom: 1rem;
  background-color: transparent;
}
.n-acc-groups .n-acc{
  border-radius: 0px;
  border-left-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.n-acc-groups .n-acc:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.n-acc-groups .n-acc:first-of-type{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.n-acc-groups .n-acc:first-of-type:is(.dark *){
  --tw-border-opacity: 1;
  border-top-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.n-acc-groups .n-acc:last-of-type{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.n-acc-groups .n-acc:last-of-type:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.n-acc-groups .n-acc:not(:last-of-type){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.n-acc-groups .n-acc:not(:last-of-type):is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.n-acc-groups .n-acc:not(:last-of-type) input[type=checkbox]:checked + label + .n-acc-group {
  padding-bottom: 30px;
}
.n-acc-groups .n-acc .n-acc-group {
  margin-bottom: 0;
}

.n-acc{
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.n-acc:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.n-acc > div:not(.n-acc-group){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.n-acc > div:not(.n-acc-group):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.n-acc > div:not(.n-acc-group):not(:last-of-type){
  border-bottom-width: 1px;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
}
.n-acc > div:not(.n-acc-group):not(:last-of-type):is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.n-acc label{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
.n-acc label:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.n-acc.is-open .n-acc-group {
  opacity: 1;
  padding: 10px;
  height: unset;
}
.n-acc.is-open input[type=checkbox]:checked + label:before {
  transform: rotateX(190grad);
}
.n-acc input[type=checkbox]{
  position: absolute;
  height: 0px;
  width: 0px;
  opacity: 0;
}
.n-acc input[type=checkbox] + label{
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-direction: row;
  align-items: center;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.n-acc input[type=checkbox] + label:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.n-acc input[type=checkbox] + label:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.n-acc input[type=checkbox] + label .n-acc-id{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.n-acc input[type=checkbox] + label .n-acc-id svg{
  margin-right: 0.25rem;
  height: 22px;
  width: 22px;
}
.n-acc input[type=checkbox] + label .n-acc-id > span:not(.fa) {
    margin-right: 0.5rem;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 48 94 / var(--tw-bg-opacity));
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
.n-acc input[type=checkbox] + label .n-acc-id > span:not(.fa):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity));
}
.n-acc input[type=checkbox] + label .n-acc-id > span:not(.fa){
  display: inline-block;
  min-width: 33px;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(.n-acc input[type=checkbox] + label .n-acc-id > span:not(.fa)){
  margin-top: 30px;
}
.n-acc input[type=checkbox] + label .n-acc-id > span:not(.fa):empty:not(.fa) {
  display: none;
}
.n-acc input[type=checkbox] + label:before {
  content: "⟩";
  width: 18px;
  height: 18px;
  min-width: 18px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  transform: rotate(0deg);
}
.n-acc .n-acc-group{
  max-height: 0px;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0px;
  padding-bottom: 0px;
  opacity: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.n-acc .n-acc-group:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
.n-acc .n-acc-group{
  border-top-width: 1px;
  border-top-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
}
.n-acc .n-acc-group:is(.dark *){
  --tw-border-opacity: 1;
  border-top-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.n-acc input[type=checkbox]:checked + label:before {
  transform: rotate(90deg);
}
.n-acc input[type=checkbox]:checked + label + .n-acc-group{
  max-height: 100vh;
  padding-top: 1rem;
  padding-bottom: 1rem;
  opacity: 1;
}

@media (max-width: 768px) {
  .n-acc input[type=checkbox] + label .n-acc-id{
    font-size: 0.85rem;
  }
  .n-acc input[type=checkbox] + label .n-acc-id > span:not(.fa){
    display: inline-block;
    min-width: 25px;
    padding-left: 0.125rem;
    padding-right: 0.125rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(.n-acc input[type=checkbox] + label .n-acc-id > span:not(.fa)){
    margin-top: 30px;
  }
}
.autocomplete-suggestions {
  text-align: left;
  cursor: default;
  border: 1px solid #cccccc;
  border-top: 0;
  background: #ffffff;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
  /* core styles should not be changed */
  position: absolute;
  display: none;
  z-index: 9999;
  max-height: 254px;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}

.autocomplete-suggestion {
  position: relative;
  padding: 0 0.6em;
  line-height: 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.02em;
  color: #333333;
}
.autocomplete-suggestion b {
  font-weight: normal;
  color: #1f8dd6;
}
.autocomplete-suggestion.selected {
  background: #f0f0f0;
}

.nav-tabs{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.nav-tabs:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.nav-tabs li a {
    display: block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
  }
.nav-tabs li a:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.nav-tabs li a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.nav-tabs li a.active:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}

.tab-content{
  display: flex;
  flex-direction: column;
}
.tab-content .tab-pane{
  display: none;
}
.tab-content .tab-pane.active{
  display: flex;
  flex-direction: column;
}

/* open-sans-regular - latin */
@font-face {
  font-family: "open-sans";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/open-sans-v29-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../../fonts/open-sans-v29-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/open-sans-v29-latin-regular.woff2") format("woff2"), url("../../fonts/open-sans-v29-latin-regular.woff") format("woff"), url("../../fonts/open-sans-v29-latin-regular.ttf") format("truetype"), url("../../fonts/open-sans-v29-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* open-sans-700 - latin */
@font-face {
  font-family: "open-sans";
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/open-sans-v29-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../../fonts/open-sans-v29-latin-700.eot?#iefix") format("embedded-opentype"), url("../../fonts/open-sans-v29-latin-700.woff2") format("woff2"), url("../../fonts/open-sans-v29-latin-700.woff") format("woff"), url("../../fonts/open-sans-v29-latin-700.ttf") format("truetype"), url("../../fonts/open-sans-v29-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */
  font-display: swap;
}
/* open-sans-italic - latin */
@font-face {
  font-family: "open-sans";
  font-style: italic;
  font-weight: 400;
  src: url("../../fonts/open-sans-v29-latin-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../../fonts/open-sans-v29-latin-italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/open-sans-v29-latin-italic.woff2") format("woff2"), url("../../fonts/open-sans-v29-latin-italic.woff") format("woff"), url("../../fonts/open-sans-v29-latin-italic.ttf") format("truetype"), url("../../fonts/open-sans-v29-latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */
  font-display: swap;
}
@font-face {
  font-family: "montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/montserrat-v24-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../../fonts/montserrat-v24-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/montserrat-v24-latin-regular.woff2") format("woff2"), url("../../fonts/montserrat-v24-latin-regular.woff") format("woff"), url("../../fonts/montserrat-v24-latin-regular.ttf") format("truetype"), url("../../fonts/montserrat-v24-latin-regular.svg#Montserrat") format("svg"); /* Legacy iOS */
  font-display: swap;
}
body:not(.dark).contrast-mode h1:is(.dark *), body:not(.dark).contrast-mode h2:is(.dark *), body:not(.dark).contrast-mode h3:is(.dark *), body:not(.dark).contrast-mode h4:is(.dark *), body:not(.dark).contrast-mode h5:is(.dark *), body:not(.dark).contrast-mode h6:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
body:not(.dark).contrast-mode h1 div:is(.dark *), body:not(.dark).contrast-mode h2 div:is(.dark *), body:not(.dark).contrast-mode h3 div:is(.dark *), body:not(.dark).contrast-mode h4 div:is(.dark *), body:not(.dark).contrast-mode h5 div:is(.dark *), body:not(.dark).contrast-mode h6 div:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
body:not(.dark).contrast-mode h1 div,
body:not(.dark).contrast-mode h2 div,
body:not(.dark).contrast-mode h3 div,
body:not(.dark).contrast-mode h4 div,
body:not(.dark).contrast-mode h5 div,
body:not(.dark).contrast-mode h6 div{
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
body:not(.dark).contrast-mode main a:not(.btn):not(.play-btn):not(.ghost-btn){
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}
body:not(.dark).contrast-mode main a:not(.btn):not(.play-btn):not(.ghost-btn):hover{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
body:not(.dark).contrast-mode main a:not(.btn):not(.play-btn):not(.ghost-btn):hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
body:not(.dark).contrast-mode main a:not(.btn):not(.play-btn):not(.ghost-btn):hover{
  --tw-text-opacity: 1;
  color: rgb(178 0 25 / var(--tw-text-opacity));
}
body:not(.dark).contrast-mode .error-container{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(127 29 29 / var(--tw-border-opacity)) !important;
}
body:not(.dark).contrast-mode .error-container a{
  --tw-text-opacity: 1 !important;
  color: rgb(191 219 254 / var(--tw-text-opacity)) !important;
}
body:not(.dark).contrast-mode .error-container a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(147 197 253 / var(--tw-text-opacity)) !important;
}

body.dark.contrast-mode h1:is(.dark *), body.dark.contrast-mode h2:is(.dark *), body.dark.contrast-mode h3:is(.dark *), body.dark.contrast-mode h4:is(.dark *), body.dark.contrast-mode h5:is(.dark *), body.dark.contrast-mode h6:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
body.dark.contrast-mode h1 div:is(.dark *), body.dark.contrast-mode h2 div:is(.dark *), body.dark.contrast-mode h3 div:is(.dark *), body.dark.contrast-mode h4 div:is(.dark *), body.dark.contrast-mode h5 div:is(.dark *), body.dark.contrast-mode h6 div:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}
body.dark.contrast-mode h1 div, body.dark.contrast-mode h2 div, body.dark.contrast-mode h3 div, body.dark.contrast-mode h4 div, body.dark.contrast-mode h5 div, body.dark.contrast-mode h6 div{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode a:not(.btn):not(.play-btn):not(.ghost-btn):is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
body.dark.contrast-mode a:not(.btn):not(.play-btn):not(.ghost-btn):hover:is(.dark *){
  --tw-text-opacity: 1 !important;
  color: rgb(219 234 254 / var(--tw-text-opacity)) !important;
}
body.dark.contrast-mode .error-container{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 165 165 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode .error-container a{
  --tw-text-opacity: 1 !important;
  color: rgb(191 219 254 / var(--tw-text-opacity)) !important;
}
body.dark.contrast-mode .error-container a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(147 197 253 / var(--tw-text-opacity)) !important;
}

.app > header{
  position: relative;
  top: 0px;
  z-index: 50;
  transform: translateZ(0);
}

header > .hamburger{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: none;
  position: absolute;
  left: 10px;
  top: 55px;
  z-index: 50;
  height: 34px;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(178 0 25 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
header > .hamburger > div{
  position: relative;
  top: 0px;
  margin-right: 0.5rem;
  display: flex;
  height: 18px;
  width: 18px;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
header > .hamburger > div > div {
  position: relative;
  top: 0;
  height: 2px;
  background-color: #fff;
  margin-bottom: 4px;
  transition: 0.3s ease transform, 0.3s ease top, 0.3s ease width, 0.3s ease right;
}
header > .hamburger > div > div:first-child {
  transform-origin: 0;
}
header > .hamburger > div > div:last-child {
  margin-bottom: 0;
  transform-origin: 15px;
}
header > .hamburger > div > div:nth-child(2) {
  right: 0;
  width: 18px;
}
header > .hamburger.active > div > div:first-child {
  top: -2px;
  transform: rotateZ(45deg);
}
header > .hamburger.active > div > div:last-child {
  top: 1px;
  transform: rotateZ(45deg);
}
header > .hamburger.active > div > div:nth-child(2) {
  width: 26px;
  top: 2px;
  right: 5px;
  transform: rotateZ(-45deg);
}
header > .hamburger svg{
  margin-right: 0.5rem;
  height: 18px;
  width: 18px;
}
header > .hamburger > span:first-child svg{
  margin-right: 0.625rem;
  height: 16px;
  width: 16px;
}

svg.header-logo{
  height: 60px;
  width: auto;
  overflow: hidden;
  --tw-scale-x: 130% !important;
  --tw-scale-y: 130% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 300ms !important;
  animation-duration: 300ms !important;
}
svg.header-logo .cls-1,
svg.header-logo .cls-2{
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color !important;
  transition-duration: 300ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  animation-duration: 300ms !important;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
svg.header-logo .cls-1 {
  fill: #e3101d;
}
svg.header-logo .cls-2 {
  fill: #1b3359;
}

.dark svg.header-logo .cls-1 {
  fill: #e3101d;
}
.dark svg.header-logo .cls-2 {
  fill: #f9fafb;
}

.accessibility-container{
  position: relative;
  z-index: 3;
  display: flex;
  height: 48px;
  flex-direction: row;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}

.accessibility-container:is(.dark *){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.9;
}
.accessibility-container .accessibility{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.accessibility-container .left{
  max-width: 50%;
}
.accessibility-container .right{
  max-width: 50%;
}
.accessibility-container .right ul{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.accessibility-container .right ul li{
  display: inline-flex;
  min-height: 40px;
  min-width: 40px;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.accessibility-container .right ul li:first-of-type img{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.accessibility-container .right ul li:first-of-type img:is(.dark *){
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.accessibility-container .right ul li.toggle-contrast, .accessibility-container .right ul li.toggle-darkmode{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.accessibility-container .right ul li.toggle-contrast:is(.dark *), .accessibility-container .right ul li.toggle-darkmode:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.accessibility-container .right ul li.toggle-contrast svg, .accessibility-container .right ul li.toggle-darkmode svg{
  height: 20px;
  width: 20px;
  stroke-width: 2;
}
.accessibility-container .right ul li.toggle-contrast:hover, .accessibility-container .right ul li.toggle-darkmode:hover{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.accessibility-container .right ul li.toggle-contrast:hover:is(.dark *), .accessibility-container .right ul li.toggle-darkmode:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.accessibility-container .right ul li.toggle-contrast svg{
  fill: #ffffff;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.accessibility-container .right ul li:not(.toggle-darkmode):not(.toggle-contrast) > svg{
  height: 20px;
  width: 20px;
}
.accessibility-container .right ul li:not(.toggle-darkmode):not(.toggle-contrast) > svg .st1{
  fill: #f3f4f6;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.accessibility-container .right ul li:not(.toggle-darkmode):not(.toggle-contrast) > svg .st1:is(.dark *){
  fill: #ffffff;
}
.accessibility-container .right ul li:not(.toggle-darkmode):not(.toggle-contrast):hover > svg .st1{
  fill: #60a5fa;
}
.accessibility-container .right ul li:not(.toggle-darkmode):not(.toggle-contrast):hover > svg .st1:is(.dark *){
  fill: #60a5fa;
}
.accessibility-container img{
  height: 24px;
  width: 24px;
}
.accessibility-container + a {
  display: none;
}
.accessibility-container .breadcrumbs{
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  list-style-type: none;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding-left: 0px;
  padding-right: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.accessibility-container .breadcrumbs a, .accessibility-container .breadcrumbs div{
  white-space: nowrap;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.accessibility-container .breadcrumbs a:hover, .accessibility-container .breadcrumbs div:hover{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.accessibility-container .breadcrumbs li{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.accessibility-container .breadcrumbs li:last-of-type{
  overflow: hidden;
  text-overflow: ellipsis;
}
.accessibility-container .breadcrumbs li:last-of-type > div{
  overflow: hidden;
  text-overflow: ellipsis;
}
.accessibility-container .breadcrumbs li:not(:last-of-type):after{
  display: inline-block;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(.accessibility-container .breadcrumbs li:not(:last-of-type)):after{
  margin-top: 30px;
}
.accessibility-container .breadcrumbs li:not(:last-of-type):after {
  content: "/";
}

body:not(.is-accessibility) .accessibility-container .breadcrumbs{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

body.is-accessibility .accessibility-container .breadcrumbs {
  font-size: 81%;
}

.sticky-header .accessibility-container{
  height: 40px;
}

@media (max-width: 1024px) {
  .accessibility-container .right ul li.toggle-darkmode{
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
  }
  .accessibility-container .right ul li.toggle-darkmode:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  .accessibility-container .right ul li > svg .st1{
    fill: #1f2937 !important;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 300ms !important;
    animation-duration: 300ms !important;
  }
  .accessibility-container .right ul li > svg .st1:is(.dark *){
    fill: #ffffff !important;
  }
  .accessibility-container .right ul li:hover > svg .st1{
    fill: #3b82f6 !important;
  }
  .accessibility-container .right ul li:hover > svg .st1:is(.dark *){
    fill: #3b82f6 !important;
  }
}
.header-nav{
  position: relative;
  z-index: 3;
  display: flex;
  height: 90px;
  flex-direction: row;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.header-nav:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.header-nav{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  --tw-shadow-color: rgb(75 85 99 / 0.1) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.header-nav:is(.dark *){
  --tw-shadow-color: rgb(17 24 39 / 0.1) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.header-nav + .hamburger,
.header-nav .navbar-close {
  display: none;
}
.header-nav .mobile-menu {
  display: none;
}
.header-nav .container{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.header-nav .smllogo{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-nav .smllogo img{
  max-height: 70px !important;
}
.header-nav nav{
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  height: calc(100% - 30px);
}
.header-nav nav a{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.header-nav nav a:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.header-nav nav a:hover{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.header-nav nav a:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.header-nav nav .account-nav{
  display: none;
}
.header-nav nav .account-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-nav nav .account-nav ul li a {
  padding: 8px 12px;
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
}
.header-nav nav .nav,
.header-nav nav .account-nav{
  margin: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  padding: 0px;
}
.header-nav nav .nav > li{
  height: 60px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.header-nav nav .nav > li > div:first-child{
  border-bottom-width: 2px;
  border-bottom-color: transparent;
}
.header-nav nav .nav > li > div:first-child svg{
  height: 22px;
  width: 22px;
  stroke-width: 2.4px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.header-nav nav .nav > li > div:first-of-type{
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: row;
  align-items: stretch;
}
.header-nav nav .nav > li > div:first-of-type:hover > svg, .header-nav nav .nav > li > div:first-of-type:focus > svg{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}
.header-nav nav .nav > li > div:first-of-type > a{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.header-nav nav .nav > li > div:first-of-type > a:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.header-nav nav .nav > li > div:first-of-type > a:hover, .header-nav nav .nav > li > div:first-of-type > a:focus{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}
.header-nav nav .nav > li > div:first-of-type > a:hover:is(.dark *), .header-nav nav .nav > li > div:first-of-type > a:focus:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.header-nav nav .nav > li a > .mobile-only {
  display: none;
}
.header-nav nav .nav > li:not(.search-input){
  width: auto;
  opacity: 1;
}
.header-nav nav .nav > li:not(.search-input).closed {
  overflow: hidden;
  opacity: 0;
  width: 0;
}
.header-nav nav .nav > li:not(.search-input) .children {
  display: none;
}
.header-nav nav .nav > li.active > div:first-child{
  --tw-border-opacity: 1;
  border-color: rgb(0 48 94 / var(--tw-border-opacity));
}
.header-nav nav .nav > li.active > div:first-child:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.header-nav nav .nav > li.search [role=link] {
  cursor: pointer;
  width: 60px;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.header-nav nav .nav > li.search-input {
  display: none;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  width: 0;
  transition: width 0.3s;
}
.header-nav nav .nav > li.search-input .btn {
  display: none;
}
.header-nav nav .nav > li.search-input form {
  width: 100%;
}
.header-nav nav .nav > li.search-input input{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}
.header-nav nav .nav > li.search-input input:is(.dark *){
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
.header-nav nav .nav > li.search-input.show {
  display: flex;
  width: 400px;
}

.sub-navi{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.sub-navi:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}

.sub-navi {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.08);
}
.sub-navi > .container {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    text-align: center;
  }
.sub-navi ul{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}
.sub-navi ul li{
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: transparent;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.sub-navi ul li:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.sub-navi ul li{
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sub-navi ul li a{
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.sub-navi ul li a:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.sub-navi ul li:hover, .sub-navi ul li:focus, .sub-navi ul li.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.sub-navi ul li:hover:is(.dark *), .sub-navi ul li:focus:is(.dark *), .sub-navi ul li.active:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}
.sub-navi ul li:hover a, .sub-navi ul li:focus a, .sub-navi ul li.active a{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

body:not(.dark) .toggle-darkmode svg:first-child{
  display: none;
}

body.dark .toggle-darkmode svg:last-child{
  display: none;
}

body:not(.dark).contrast-mode .header-nav nav .nav > li > div:first-of-type > a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(59 130 246 / var(--tw-text-opacity)) !important;
}
body:not(.dark).contrast-mode .toggle-contrast svg{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body:not(.dark).contrast-mode .sub-navi ul li{
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
body:not(.dark).contrast-mode .sub-navi ul li:not(.active):hover, body:not(.dark).contrast-mode .sub-navi ul li:not(.active):hover a{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
body:not(.dark).contrast-mode .breadcrumbs a{
  --tw-text-opacity: 1 !important;
  color: rgb(147 197 253 / var(--tw-text-opacity)) !important;
}
body:not(.dark).contrast-mode .breadcrumbs a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(219 234 254 / var(--tw-text-opacity)) !important;
}

body.dark.contrast-mode .toggle-contrast svg{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
body.dark.contrast-mode .sub-navi ul li{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
body.dark.contrast-mode .sub-navi ul li:not(.active) a{
  --tw-text-opacity: 1 !important;
  color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
}
body.dark.contrast-mode .sub-navi ul li:not(.active):hover, body.dark.contrast-mode .sub-navi ul li:not(.active):hover a{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
body.dark.contrast-mode .sub-navi ul li.active a{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
body.dark.contrast-mode .breadcrumbs a{
  --tw-text-opacity: 1 !important;
  color: rgb(191 219 254 / var(--tw-text-opacity)) !important;
}
body.dark.contrast-mode .breadcrumbs a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(147 197 253 / var(--tw-text-opacity)) !important;
}

body.sticky-header header {
  animation: slide-down-header 0.6s;
  opacity: 0.98;
  position: sticky;
}
body.sticky-header .header-nav{
  height: 50px;
}
body.sticky-header svg.header-logo{
  height: 40px;
}

@media (min-width: 1280px) {
  body.sticky-header .header-nav nav .nav > li{
    height: 50px;
  }
}
@media (max-width: 1280px) {
  .sub-navi ul{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  body:not(.is-accessibility) .sub-navi ul{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sub-navi .container{
    width: 100%;
    max-width: none;
  }
  .sub-navi ul{
    display: grid;
    width: auto;
    min-width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-left: 0px;
    padding-right: 0px;
  }
  .sub-navi ul li{
    width: 100%;
  }
  .sub-navi ul li a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .accessibility-container{
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    height: 60px !important;
    background-color: transparent !important;
  }
  .accessibility-container .left *{
  display: none;
  }
  .accessibility-container .right{
    position: absolute !important;
    top: 0.75rem !important;
    right: 170px !important;
    z-index: 20 !important;
    width: 120px !important;
    max-width: 140px !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 300ms !important;
    animation-duration: 300ms !important;
  }
  header > .hamburger{
    top: 0.75rem;
    display: inline-flex;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
  }
  .header-nav{
    display: flex;
    height: 60px;
    flex-direction: row;
    z-index: unset;
  }
  .header-nav .smllogo{
    position: absolute;
    right: 0px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .header-nav .smllogo img{
    max-height: 45px !important;
  }
  .header-nav .smllogo svg{
    position: relative !important;
    right: 0.5rem !important;
    top: 0px !important;
    height: 50px !important;
    width: auto !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 300ms !important;
    animation-duration: 300ms !important;
  }
  .header-nav > .container{
    width: 100%;
    max-width: none;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
  }
  .accessibility-container .right ul li.toggle-contrast svg{
    fill: #1f2937;
  }
  .accessibility-container .right ul li.toggle-contrast svg:is(.dark *){
    fill: #f3f4f6;
  }
  .sticky-header .accessibility-container .right{
    top: 0.25rem !important;
    right: 100px !important;
  }
  .sticky-header .accessibility-container .right ul li.toggle-contrast svg{
    fill: #1f2937;
  }
  .sticky-header .accessibility-container .right ul li.toggle-contrast svg:is(.dark *){
    fill: #f3f4f6;
  }
  .sticky-header header > .hamburger{
    top: 0.5rem;
  }
  .sticky-header nav.navbar {
    height: calc(100vh - 65px);
  }
  .sticky-header .smllogo svg{
    height: 45px !important;
  }
  nav.navbar{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    border-bottom-width: 5px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(178 0 25 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  }
  nav.navbar:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
  nav.navbar{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: -10;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    list-style-type: none;
    opacity: 0;
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-shadow-color: rgb(31 41 55 / 0.2) !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
  }
  nav.navbar:is(.dark *){
    --tw-shadow-color: rgb(3 7 18 / 0.8) !important;
    --tw-shadow: var(--tw-shadow-colored) !important;
  }
  nav.navbar{
    visibility: hidden;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
    height: calc(100dvh - 70px);
    flex-flow: column nowrap;
    transform: translateY(-200dvh);
    transition: transform 0.3s ease, opacity 0.3s !important;
  }
  nav.navbar .nav{
    width: 100%;
    flex-direction: column;
  }
  nav.navbar .search{
  display: none;
  }
  nav.navbar .search-input{
    margin-bottom: 0.75rem !important;
    display: flex !important;
    width: 100% !important;
    flex-direction: row !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  nav.navbar .search-input form{
    display: flex;
    flex-direction: row;
  }
  nav.navbar .search-input input{
    margin-right: 0.5rem !important;
    width: auto !important;
    flex: 1 1 auto !important;
  }
  nav.navbar .search-input .btn{
    display: inline-block !important;
  }
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(nav.navbar .search-input .btn){
    margin-top: 30px;
  }
  .mobil-menu-visible{
    overflow: hidden;
  }
  .mobil-menu-visible nav.navbar{
    visibility: visible;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
  }
  .mobil-menu-visible .app:before {
    content: "";
    position: absolute;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
  }
  .mobil-menu-visible nav.navbar{
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 1;
    transform: translateY(60px);
  }
  .header-nav nav .nav > li{
    margin-bottom: 0.5rem;
    height: auto;
  }
  .header-nav nav .nav > li > div:first-of-type{
    display: flex;
    height: auto;
    width: 100%;
    flex-direction: column;
    border-width: 0px;
  }
  .header-nav nav .nav > li > div:first-of-type > a{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    display: block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 300ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header-nav nav .nav > li > div:first-of-type > a:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  }
  .header-nav nav .nav > li > div:first-of-type > a:hover:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity));
  }
  .header-nav nav .nav > li.login > div:first-of-type, .header-nav nav .nav > li.logout > div:first-of-type, .header-nav nav .nav > li.my-account > div:first-of-type{
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
  }
  .header-nav nav .nav > li.login > div:first-of-type > a, .header-nav nav .nav > li.logout > div:first-of-type > a, .header-nav nav .nav > li.my-account > div:first-of-type > a{
    display: flex !important;
    width: 100% !important;
    flex-direction: row !important;
  }
  .header-nav nav .nav > li.login > div:first-of-type > a svg, .header-nav nav .nav > li.logout > div:first-of-type > a svg, .header-nav nav .nav > li.my-account > div:first-of-type > a svg{
    margin-right: 0.5rem;
    stroke-width: 1.6px;
  }
  .header-nav nav .nav > li.login > div:first-of-type .badge, .header-nav nav .nav > li.logout > div:first-of-type .badge, .header-nav nav .nav > li.my-account > div:first-of-type .badge{
    height: auto;
  }
  .header-nav nav .nav > li .children{
    display: flex !important;
    flex-direction: column !important;
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
  }
  .header-nav nav .nav > li .children a{
    display: block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 300ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header-nav nav .nav > li .children a:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  }
  .header-nav nav .nav > li .children a:hover:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  }
  .header-nav nav .nav > li .children > div:not(.active) a{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
  }
  .header-nav nav .nav > li .children > div:not(.active) a:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity));
  }
  .header-nav nav .nav > li .children > .active a{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 48 94 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }
  .header-nav nav .nav > li .children > .active a:is(.dark *){
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 58 138 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }
  .header-nav nav .nav > li a > .mobile-only{
    display: inline-flex;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
  }
  .header-nav nav .nav > li a > .mobile-only:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity));
  }
}
@media (max-width: 768px) {
  .sub-navi ul{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
main {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  flex: 1 1 auto;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
main > ul:not(.nav-tabs):not(.kacheln){
  margin-left: 1rem;
  margin-bottom: 1.25rem;
  list-style-type: disc;
}
main > section:last-of-type{
  padding-bottom: 30px;
}
main > .row > .content-with-sidebar > .container{
  margin-left: 0px;
  margin-right: 0px;
  max-width: none;
}
main .search-result-infos{
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: row;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
main .search-result-infos:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
main .search-meta{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
main .search-meta:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.search-result .content-with-sidebar .search-form{
  margin-top: 1rem;
  margin-bottom: 0.75rem;
}
.search-result .content-with-sidebar .search-form > .row .col-12{
  width: 100%;
}
.search-result .content-with-sidebar .search-form .controls{
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
}
.search-result .content-with-sidebar .search-form .controls input{
  margin-bottom: 0px;
  margin-right: 0.5rem;
  flex: 1 1 auto;
}
.search-result .content-with-sidebar .mb-50{
  margin-bottom: 2.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  margin-top: 10px;
}
.search-result .content-with-sidebar .mb-50:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.error-container{
  margin-bottom: 3.5rem;
  display: flex;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.error-container:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
.error-container h1,
.error-container h2{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.error-container .error-message-container{
  display: flex;
  flex-direction: row;
}
.error-container .error-message-container .error-icon{
  display: flex;
  width: 80px;
  min-width: 80px;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0.75rem;
}
.error-container .error-message-container .error-icon svg{
  height: 55px;
  width: 55px;
  stroke-width: 2px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.error-container .error-message-container .message{
  flex: 1 1 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
h2.error-container .error-message-container .message a {
    text-decoration: none;
    border-bottom-width: 3px;
    --tw-border-opacity: 1;
    border-color: rgb(178 0 25 / var(--tw-border-opacity));
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: unset;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 0.25rem;
  }
.error-container .error-message-container .message a{
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.users-layout h2.error-container .error-message-container .message a{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-decoration: none;
  margin-top: 2rem;
  text-decoration-thickness: 0px;
}
body:not(.dark).contrast-mode.users-layout .error-container .error-message-container .message a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode.users-layout .error-container .error-message-container .message a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
.error-container .error-message-container .message a:hover{
  text-decoration-thickness: 0px;
}

@media (max-width: 768px) {
  main .search-result-infos{
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .container,
  main {
    max-width: 99%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container,
  main {
    max-width: 95%;
  }
}
@media (min-width: 992px) {
  main {
    max-width: 1024px;
  }
}
@media (min-width: 1300px) {
  .container,
  main {
    max-width: 1300px;
  }
}
.sidebar{
  display: flex;
  flex-direction: column;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.widget{
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  border-width: 1px;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-border-opacity: 0.4;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #e5e7eb;
  --tw-shadow: var(--tw-shadow-colored);
}

.widget:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}
.widget .widget-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 1.15rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
.widget .widget-header:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.widget .widget-header svg{
  margin-right: 0.375rem;
  height: 22px;
  width: 22px;
  stroke-width: 2;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
.widget .widget-header svg:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.widget .widget-discription{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.widget .widget-discription:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.widget .widget-discription{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(178 0 25 / var(--tw-text-opacity));
}
.widget .widget-discription:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.widget .widget-content{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.widget .widget-content.nopadding{
  padding: 0px;
}
.widget .widget-content .controls{
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.widget .widget-content .controls .form-control{
  margin-bottom: 0px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  align-items: stretch;
}
.widget .widget-content .controls > .btn{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-width: 0px;
}
.widget .widget-content table{
  margin-top: 0px;
  margin-bottom: 0px;
  min-width: 100%;
}
.widget .widget-content table:is(.dark *){
  background-color: transparent;
}
.widget .widget-content table thead{
  border-bottom-width: 1px;
  background-color: transparent;
}
.widget .widget-content table thead th,
.widget .widget-content table thead td{
  background-color: transparent;
}
.widget .widget-content table thead th:first-of-type,
.widget .widget-content table thead td:first-of-type {
    text-align: left;
  }
.widget .widget-content table tbody tr:not(:hover){
  background-color: transparent;
}
.widget.bg-light{
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}
.widget.bg-light:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
}
.widget.blue-bg{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow-color: #d1d5db;
  --tw-shadow: var(--tw-shadow-colored);
}
.widget.blue-bg:is(.dark *){
  --tw-shadow-color: #172554;
  --tw-shadow: var(--tw-shadow-colored);
}
.widget.blue-bg .widget-header,
.widget.blue-bg .widget-header svg{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.widget.blue-bg .widget-header{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.widget.blue-bg .widget-content a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.widget.blue-bg .widget-content a:hover, .widget.blue-bg .widget-content a:focus{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.widget.login-widget{
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
}
.widget.login-widget:is(.dark *){
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
  --tw-border-opacity: 0.4;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}
.widget.login-widget .widget-header{
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-border-opacity: 0.6;
}
.widget.login-widget .widget-header:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.widget.login-widget .widget-content hr:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

body:not(.dark).contrast-mode .sidebar .widget{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
body:not(.dark).contrast-mode .sidebar .widget.blue-bg a:not(.btn){
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
}
body:not(.dark).contrast-mode .sidebar .widget.blue-bg a:not(.btn):hover{
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity));
}

body.dark.contrast-mode .sidebar .widget{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode .sidebar .widget.blue-bg a:not(.btn){
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
}
body.dark.contrast-mode .sidebar .widget.blue-bg a:not(.btn):hover{
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity));
}

footer{
  position: relative;
  margin: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  padding-top: 50px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

footer:is(.dark *){
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(3 7 18 / var(--tw-border-opacity));
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
footer a {
  text-decoration: none;
}
footer .heading{
  margin-bottom: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-bottom: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
footer .heading:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(107 114 128 / var(--tw-border-opacity));
}
footer a,
footer .category-link{
  position: relative;
  margin-bottom: 0.25rem;
  display: block;
  width: 100%;
  align-items: center;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 2px;
  padding-left: 24px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
}
footer a:after,
footer .category-link:after{
  position: absolute;
  left: 0px;
  top: 100%;
  display: block;
  height: 1px;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
footer a:is(.dark *):after,
footer .category-link:is(.dark *):after{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}
footer a:after,
footer .category-link:after {
  content: "";
  --bg-opacity: 1;
  transition: width 0.2s ease;
  -webkit-transition: width 0.2s ease;
}
footer a:before,
footer .category-link:before{
  position: absolute !important;
  left: 0px !important;
  top: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  display: inline-block !important;
  background-color: transparent !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(footer a):before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
footer .category-link):before{
  margin-top: 30px;
}
footer a:before,
footer .category-link:before {
  content: "↗" !important;
}
footer a:hover, footer a:focus,
footer .category-link:hover,
footer .category-link:focus{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
footer a:hover:after,
footer .category-link:hover:after{
  right: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
footer a:hover:is(.dark *):after,
footer .category-link:hover:is(.dark *):after{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
footer .submenu a{
  display: block;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
footer .submenu a:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
footer .category-link,
footer .category-download{
  background-color: transparent;
}
footer .sub-footer {
    margin-top: 50px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 48 94 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: right;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
.jobmarket-layout .sidebar .job-filter + footer .sub-footer{
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.workexperience .sidebar .filter-table + footer .sub-footer{
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
footer .sub-footer:is(.dark *){
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
}

body:not(.is-accessibility) footer address{
  font-size: 0.95rem;
  line-height: 1.4rem;
}
body:not(.is-accessibility) footer .sub-footer{
  font-size: 0.75rem;
  line-height: 1rem;
}

body.is-accessibility footer .sub-footer {
  font-size: 80% !important;
}

@media (max-width: 1024px) {
  footer [class*=col-md]:not(:last-of-type){
    margin-bottom: 2rem;
  }
}
.frontpage main{
  padding-top: 0px;
}

.header-news{
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.header-news:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}

.header-news {
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
}
.header-news .mobil{
  display: flex;
  flex-direction: column;
}
.header-news .mobil a {
  padding: 8px 15px;
}
.header-news .tools{
  display: flex;
  flex-direction: column;
}
.header-news .tools > a{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  overflow: hidden !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.header-news .tools > a:is(.dark *){
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.header-news .tools > a{
  margin-bottom: 20px;
  height: 85px;
  padding-left: 20px;
  padding-right: 20px;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #9ca3af;
  --tw-shadow: var(--tw-shadow-colored);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.header-news .tools > a:is(.dark *){
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}
.header-news .tools > a{
  border-radius: 0.5rem;
}
.header-news .tools > a:last-of-type{
  margin-bottom: 0px;
}
.header-news .tools > a svg{
  margin-right: 0.625rem;
  height: 36px;
  width: 36px;
  stroke-width: 2;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.header-news .tools > a:hover{
  --tw-scale-x: 103%;
  --tw-scale-y: 103%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 110%;
}
.header-news .tools > a:hover svg{
  height: 40px;
  width: 40px;
}
.header-news .tools > a.cta-blue{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.header-news .tools > a.cta-blue:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(23 37 84 / var(--tw-bg-opacity)) !important;
}
.header-news .tools > a.cta-red{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(178 0 25 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.header-news .tools > a.cta-red:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity)) !important;
}

.row.desktop > .tiles{
  display: flex;
  flex-direction: column;
}
.row.desktop > .tiles a{
  display: block;
  border-radius: 0.25rem;
}
.row.desktop > .tiles a > div{
  border-radius: 0.25rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #9ca3af;
  --tw-shadow: var(--tw-shadow-colored);
}
.row.desktop > .tiles a > div:is(.dark *){
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}
.row.desktop > .tiles a > div{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.row.desktop > .col-md-6 > .row .col-md-6.tiles{
  display: flex;
  flex-direction: column;
}
.row.desktop .news-medium,
.row.desktop .news-smaller{
  overflow: hidden;
}
.row.desktop .news-medium .text-container,
.row.desktop .news-smaller .text-container{
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  padding: 0.5rem;
}
.row.desktop .news-medium .image-container,
.row.desktop .news-smaller .image-container{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
  background-repeat: no-repeat;
  background-position: center center;
}
.row.desktop .sub-title{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.row.desktop .news-medium{
  position: relative;
  display: flex;
  height: 400px;
  flex-direction: column;
  justify-content: flex-end;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.row.desktop .news-medium .sub-title,
.row.desktop .news-medium .title{
  position: relative;
  z-index: 10;
  padding: 1px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.row.desktop .news-medium .title{
  font-weight: 700;
}
.row.desktop .news-medium .title + .sub-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.row.desktop .news-medium .text-container{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.row.desktop .news-smaller {
  background-position: center center;
  background-size: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  margin-bottom: 20px;
  height: 190px;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.row.desktop .news-smaller .sub-title,
.row.desktop .news-smaller .title{
  position: relative;
  z-index: 10;
  padding: 1px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.row.desktop .news-smaller .title{
  font-weight: 700;
}
.row.desktop .news-smaller .title + .sub-title{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.row.desktop .news-smaller .text-container{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.row.desktop a:hover > .news-medium,
.row.desktop a:hover > .news-smaller{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.row.desktop a:hover > .news-medium .text-container,
.row.desktop a:hover > .news-smaller .text-container {
  padding-left: 1rem;
}
.row.desktop a:hover > .news-medium .image-container,
.row.desktop a:hover > .news-smaller .image-container{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.row.desktop a:hover .gradient-overlay:before {
  opacity: 0.98;
  transition: all 0.3s;
}

.frontpage .app > main{
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  max-width: none;
  padding-left: 0px;
  padding-right: 0px;
}

.blog-container,
.events-container{
  margin-top: 0.25rem;
  margin-bottom: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: #e5e7eb;
  --tw-shadow: var(--tw-shadow-colored);
}

.blog-container:is(.dark *),
.events-container:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-shadow-color: #030712;
  --tw-shadow: var(--tw-shadow-colored);
}
.blog-container h2,
.events-container h2{
  margin-top: 0px;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.blog-container h2 div,
.events-container h2 div{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.blog-container h2 div:is(.dark *),
.events-container h2 div:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.blog-container h2 div,
.events-container h2 div{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(178 0 25 / var(--tw-text-opacity));
}
.blog-container svg,
.events-container svg{
  margin-right: 0.375rem;
  height: 18px;
  width: 18px;
  min-width: 18px;
}

.jobs-angebote-container,
.jobs-gesuche-container{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.jobs-angebote-container h2,
.jobs-gesuche-container h2{
  margin-top: 0px;
  font-size: 1.15rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.blog-item,
.event-item{
  position: relative;
  margin-bottom: 1rem;
  height: 200px;
  min-height: 200px;
  overflow: hidden;
}
.blog-item > p:first-of-type,
.event-item > p:first-of-type{
  margin-top: 0px;
}
.blog-item > p:last-of-type,
.event-item > p:last-of-type{
  margin-bottom: 0px;
}
.blog-item:after,
.event-item:after{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  display: block;
  height: 60px;
  width: 100%;
  content: "";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(250, 250, 250) 100%);
}
.blog-item h2,
.event-item h2{
  margin-top: 0px !important;
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  font-weight: 700 !important;
}
.blog-item h3,
.event-item h3{
  margin-bottom: 0.25rem;
  display: flex;
  flex-direction: column;
}
.blog-item h3 a,
.event-item h3 a{
  display: flex;
  flex-direction: row;
  font-weight: 700;
}
.blog-item .meta,
.event-item .meta{
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.blog-item .meta:is(.dark *),
.event-item .meta:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.event-item h3 a{
  align-items: flex-start;
}
.event-item h3 a svg{
  margin-top: 0.25rem;
}

.dark .blog-item:after,
.dark .event-item:after {
  background: linear-gradient(to bottom, rgba(31, 41, 55, 0) 0%, rgb(31, 41, 55) 100%);
}

.event-item h3 + div.text-dark{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (max-width: 1024px) {
  .row.desktop .news-smaller{
    margin-bottom: 0px;
  }
  .row.desktop .tiles a{
    margin-bottom: 2rem;
  }
  .row.desktop .tiles:last-of-type a:last-of-type{
    margin-bottom: 0px;
  }
}
html,
body{
  margin: 0px;
  min-height: 100dvh;
  padding: 0px;
  font-style: normal;
  transition: none;
}

body{
  max-width: 100%;
  overflow-x: hidden;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: open-sans, sans-serif;
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

body:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

body {
  min-height: 100vh;
}
body:not(.is-accessibility){
  font-size: 0.95rem;
  line-height: 1.4rem;
}

.app{
  display: flex;
  min-height: 100dvh;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.app:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

html.color-theme-in-transition,
html.color-theme-in-transition *,
html.color-theme-in-transition *:before,
html.color-theme-in-transition *:after {
  transition: all 0.4s !important;
  transition-delay: 0ms !important;
  transition-timing-function: linear !important;
}

@keyframes theme-switch-circle-anim {
  0% {
    opacity: 1;
    width: 50px;
    height: 50px;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    width: 8000px;
    height: 8000px;
  }
}
.theme-switch {
  position: fixed;
  display: none;
  width: 1px;
  height: 1px;
  z-index: 999999;
  pointer-events: none;
}
.theme-switch::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  margin: auto;
  transform: translateX(-50%);
  background: #F3F6F9 !important;
  border-radius: 100%;
  opacity: 0;
}
[data-theme=dark] .theme-switch::before {
  background: #151521 !important;
}
.theme-switch.animated {
  display: block;
}
.theme-switch.animated::before {
  animation: theme-switch-circle-anim 0.5s;
}

body.dark .theme-switch {
  background: #151521 !important;
}

.blog-layout table .block-post-sections{
  font-size: 0.75rem;
  line-height: 1rem;
}
.blog-layout table .block-post-sections span{
  font-weight: 600;
}
.blog-layout table.gescheaftsbereiche tbody tr.selected td{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.blog-layout table.gescheaftsbereiche tbody tr.selected td a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.blog-layout table.gescheaftsbereiche tbody tr td:first-of-type{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.blog-layout table.gescheaftsbereiche tbody tr td:first-of-type a{
  display: block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.blog-layout table.gescheaftsbereiche tbody tr td:last-of-type{
  padding-top: 0px;
  padding-bottom: 0px;
}
.blog-layout .content-with-sidebar ul{
  margin-left: 1rem;
  list-style-type: disc;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.blog-layout .box-quellen ul.quellen{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 1rem !important;
  list-style-type: disc !important;
  padding-left: 0.5rem !important;
}
.blog-layout .box-quellen ul.quellen li{
  margin: 0px !important;
  padding-left: 0.25rem !important;
}

.users-layout h2.underline{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-decoration: none;
  margin-top: 2rem;
  text-decoration-thickness: 0px;
}
.users-layout .kacheln .kachel{
  border-width: 0px;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-drop-shadow: drop-shadow(0 0 #0000);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.users-layout .kacheln .kachel:not(:hover):not(.current-account){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.users-layout .kacheln .kachel:not(:hover):not(.current-account):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.users-layout ul.steps{
  position: relative;
  margin: 0px;
  margin-bottom: 1rem;
  display: flex;
  width: 100%;
  list-style-type: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.users-layout ul.steps:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: 1;
  display: block;
  height: 1px;
  width: 100%;
  border-bottom-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.users-layout ul.steps:is(.dark *):before{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.users-layout ul.steps li{
  position: relative;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  list-style-type: none;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.users-layout ul.steps li:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.users-layout ul.steps li.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.users-layout ul.steps li.active:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.users-layout ul.steps li.active.current{
  background-color: rgb(0 48 94 / 0.95);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.users-layout ul.steps li.active.current:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.users-layout .account-basic-infos{
  margin-bottom: 1.5rem;
  margin-top: 0.5rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}
.users-layout .account-basic-infos .overview{
  height: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-drop-shadow: drop-shadow(0 0 #0000);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.users-layout .account-basic-infos .overview:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.users-layout .account-basic-infos .overview .overview-header{
  margin-bottom: 0.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom-width: 3px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(178 0 25 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1.15rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
.users-layout .account-basic-infos .overview .overview-header:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.users-layout .account-basic-infos .overview .overview-header svg{
  margin-right: 0.25rem;
  height: 22px;
  width: 22px;
  stroke-width: 1.8px;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
.users-layout .account-basic-infos .overview .overview-header svg:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.users-layout .account-basic-infos .overview .overview-content{
  display: flex;
  flex-direction: column;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.users-layout .account-basic-infos .overview .overview-content ul{
  margin-left: 1.5rem;
  display: flex;
  list-style-type: disc;
  flex-direction: column;
}
.users-layout .account-basic-infos .overview .text-nowrap{
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}
.users-layout .account-basic-infos .overview .text-nowrap > div:first-child{
  width: 150px;
  font-weight: 700;
}

body:not(.dark).contrast-mode.users-layout .overview{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
body:not(.dark).contrast-mode.users-layout .overview-header{
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
body:not(.dark).contrast-mode.users-layout .underline{
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}

body.dark.contrast-mode.users-layout .overview{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode.users-layout .overview-header{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
body.dark.contrast-mode.users-layout .underline{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}

@media (max-width: 1280px) {
  .users-layout .account-basic-infos{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .users-layout .account-basic-infos{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
  }
  .users-layout ul.steps{
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 300px;
    flex-direction: column;
  }
  .users-layout ul.steps:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 1;
    display: block;
    height: 100%;
    width: 100%;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-left-color: rgb(229 231 235 / var(--tw-border-opacity));
  }
  .users-layout ul.steps:is(.dark *):before{
    --tw-border-opacity: 1;
    border-left-color: rgb(3 7 18 / var(--tw-border-opacity));
  }
  .users-layout ul.steps li {
    text-align: center;
  }
  .users-layout ul.steps li:not(:last-of-type){
    margin-bottom: 2rem;
  }
}
.job-data table{
  margin-bottom: 1rem;
}
.job-data table .state-column{
  width: 0.5rem;
  max-width: 0.5rem;
  padding-left: 0px;
  padding-right: 0px;
}
.job-data table tr:not(.details) td:last-of-type a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
.job-data table tr.details{
  background-color: transparent !important;
}
.job-data table tr.details td{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.job-data table tr.details td:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.job-data table tr.details td > div {
  transition: all 0.3s;
  overflow: hidden;
  max-height: initial;
  will-change: contents;
}
.job-data table tr.details.closed {
  border: 0 !important;
}
.job-data table tr.details.closed td {
  padding: 0 12px;
}
.job-data table tr.details.closed td > div {
  max-height: 0 !important;
}
.job-data table tr.details:empty {
  display: none;
}

.job-details .beruf-details table tbody tr.invalid td{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  opacity: 0.6;
}

.job-details .beruf-details table tbody tr.invalid td:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.communications {
  margin-bottom: 15px;
}
.communications form:nth-of-type(even) .entry {
  background-color: #f0f0f0;
}
.communications form:nth-of-type(odd) .entry {
  background-color: #fff;
}
.communications form:first-child .entry {
  border-top: 1px solid #ddd;
}
.communications .entry{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.communications .entry:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.communications .entry.unpublished{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important;
}
.communications .entry.unpublished:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity)) !important;
}
.communications .entry .info {
  position: absolute;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: help;
  right: 10px;
  z-index: 2;
}
.communications .entry .form-control {
  height: 27px;
}
.communications .entry div.type {
  min-width: 120px;
  font-weight: bold;
}
.communications .entry .fieldTarget {
  line-height: normal;
  margin: 0px !important;
  display: flex !important;
  height: 33px !important;
  flex: 1 1 auto !important;
  flex-direction: row !important;
  align-items: center !important;
}
.communications .entry .fieldTarget input{
  margin: 0px !important;
  margin-left: -0.375rem !important;
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}
.communications .entry .channel_id {
  min-width: 120px;
  padding-right: 5px;
}
.communications .entry .channel_id select {
  height: 27px;
}
.communications .entry .action{
  width: 74px;
  min-width: 74px;
  max-width: 74px;
  overflow: hidden;
}
.communications .entry .action button{
  height: 30px;
  min-height: 0px;
  width: 30px;
  min-width: 0px;
}

.cols-entry {
  display: flex;
  flex-direction: row;
}
.cols-entry span:first-child {
  width: 120px;
  font-weight: bold;
}

.user-event-statistic{
  margin-bottom: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.user-event-statistic:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.user-event-statistic .user-event-statistic-details{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-top-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding-top: 0.5rem;
}
.user-event-statistic .user-event-statistic-details:is(.dark *){
  --tw-border-opacity: 1;
  border-top-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.user-event-statistic .user-event-statistic-details > div {
  width: 30%;
  display: flex;
  flex-direction: row;
  padding: 5px 15px 0 0;
}
.user-event-statistic .user-event-statistic-details > div > div:last-child {
  flex: 1 1 auto;
  text-align: right;
}

@media (max-width: 910px) {
  .user-event-statistic .user-event-statistic-details > div {
    width: 49%;
  }
  .user-event-statistic .user-event-statistic-details > div > div:first-child {
    width: 70% !important;
  }
}
@media (max-width: 700px) {
  .user-event-statistic .user-event-statistic-details > div {
    width: 100%;
  }
  .user-event-statistic .user-event-statistic-details > div > div:first-child {
    width: 70% !important;
  }
}
.trainings-data.account .RespTable tbody tr td .registredworkers {
  display: flex;
  flex-direction: column;
}
.trainings-data.account .RespTable tbody tr td .registredworkers > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.trainings-data.account .RespTable tbody tr td .registredworkers > div > div:first-child {
  flex: 70px;
}
.trainings-data.account .RespTable tbody tr td .registredworkers > div > div:last-child {
  width: 70px;
}

.message-filters{
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  margin-top: 10px;
}

.message-filters:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}
.message-filters h3{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1.15rem;
  line-height: 1.75rem;
}
.message-filters h3:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.message-filters .row {
  align-items: center;
  margin: 0;
}
.message-filters .row input,
.message-filters .row select {
  margin: 0;
}
.message-filters .row:last-of-type {
  align-items: flex-end;
}
.message-filters .row:last-of-type .form-field {
  margin: 0;
}

.nachrichten-uebersicht .message-folders {
  list-style: none;
}
.nachrichten-uebersicht .message-folders li {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.nachrichten-uebersicht .message-folders li a {
  padding: 6px 8px;
  min-width: 120px;
}
.nachrichten-uebersicht .message-folders li .counter{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  padding: 0px 6px;
  font-size: small;
  border-radius: 4px;
  line-height: normal;
  margin-top: 4px;
}
.nachrichten-uebersicht table .message-hide td {
  opacity: 0.6;
}
.nachrichten-uebersicht table .unread{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}
.nachrichten-uebersicht table .working{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}
.nachrichten-uebersicht table .open{
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity));
}
.nachrichten-uebersicht table .closed{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}
.nachrichten-uebersicht table .is-hide{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
.nachrichten-uebersicht table .status {
  width: 10px;
  padding: 0 !important;
  position: relative;
}
.nachrichten-uebersicht table .status div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.nachrichten-uebersicht table .author {
  width: 35%;
}
.nachrichten-uebersicht table tbody {
  font-size: 1rem;
}
.nachrichten-uebersicht table tbody tr.readed td{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.nachrichten-uebersicht table tbody tr.readed td:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.nachrichten-uebersicht table tbody .date {
  font-size: small;
}
.nachrichten-uebersicht table tbody .from {
  font-size: small;
}
.nachrichten-uebersicht .attachments{
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.nachrichten-uebersicht .attachments:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(3 7 18 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.nachrichten-uebersicht .attachments .attachment {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: small;
  line-height: normal;
  padding: 8px 10px;
}
.nachrichten-uebersicht .attachments .attachment:not(:last-of-type){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.nachrichten-uebersicht .attachments .attachment:not(:last-of-type):is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.nachrichten-uebersicht .attachments .attachment:nth-of-type(even){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.nachrichten-uebersicht .attachments .attachment:nth-of-type(even):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.nachrichten-uebersicht .attachments .attachment:nth-of-type(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.nachrichten-uebersicht .attachments .attachment:nth-of-type(odd):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.nachrichten-uebersicht .attachments .attachment > span:not(.badge) {
  flex: 1 1 auto;
}

.message-history{
  position: relative;
  margin-top: 60px;
}
.message-history:before{
  position: relative;
  top: -20px;
  display: block;
  width: 100%;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.message-history:is(.dark *):before{
  --tw-border-opacity: 1;
  border-top-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.message-history:before {
  content: "";
}

.message-history-accordion .card:not(:last-of-type) {
  border-bottom: 0;
}
.message-history-accordion .card-header {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.message-history-accordion .card-header > div:not(.date) {
  font-weight: bold;
}
.message-history-accordion .card-header > .date {
  font-size: small;
}

.messenger-legende li {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.messenger-legende span {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}
.messenger-legende .unread{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}
.messenger-legende .working{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}
.messenger-legende .open{
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity));
}
.messenger-legende .is-hide{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.message-re{
  position: relative;
  margin: 0.5rem;
  border-left-width: 3px;
  --tw-border-opacity: 1;
  border-left-color: rgb(147 51 234 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.125rem;
}
.message-re:before {
  content: "Original Nachricht";
  position: absolute;
  left: 15px;
  top: -10px;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.message-re:is(.dark *):before{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.account .trainings-tabs{
  margin-bottom: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.account .trainings-tabs:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.account .trainings-tabs ul{
  margin: 0px;
  display: flex;
  list-style-type: none;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  padding: 0.25rem;
}
.account .trainings-tabs ul li{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.account .trainings-tabs ul li a {
    display: block;
    height: 100%;
    width: 100%;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    text-align: center;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 300ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
.account .trainings-tabs ul li.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.account .trainings-tabs ul li.active:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}
.account .trainings-tabs ul li.active a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.account .trainings-tabs ul li:not(.active):hover{
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
.account .trainings-tabs ul li:not(.active):hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}
.account .trainings-tabs ul li:not(.active):hover a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (max-width: 1024px) {
  .account .trainings-tabs ul{
    flex-direction: row;
    justify-content: flex-start;
  }
  .account .trainings-tabs ul li {
    width: calc(50% - 8px);
    max-width: calc(50% - 8px);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
}
.user-event-points .point-section{
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.user-event-points .point-section:is(.dark *){
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}
.user-event-points .point-section .point-section-header{
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-direction: row;
  align-items: center;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.user-event-points .point-section .point-section-header:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.user-event-points .point-section .point-section-header svg{
  margin-right: 0.5rem;
  stroke-width: 2;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.user-event-points .point-section .point-section-header.open svg{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.user-event-points .point-section .point-section-header div{
  flex: 1 1 auto;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
.user-event-points .point-section .point-section-header div:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.user-event-points .point-section .point-section-content{
  height: auto;
  padding: 0px;
}
.user-event-points .point-section .point-section-content table{
  margin-top: 0px;
  margin-bottom: 0px;
}

.account.job-data .RespTable tbody td.must-moderate{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity)) !important;
}

[data-control=banking-fields] .array-row {
  border-left: 4px solid transparent;
  position: relative;
}
[data-control=banking-fields] .array-row.is-unmoderated{
  --tw-border-opacity: 1;
  border-left-color: rgb(239 68 68 / var(--tw-border-opacity));
}
[data-control=banking-fields] .array-row.is-expired {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  --tw-border-opacity: 1;
  border-left-color: rgb(248 113 113 / var(--tw-border-opacity));
}
[data-control=banking-fields] .array-row.is-expired:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  cursor: not-allowed;
}
[data-control=banking-fields] .array-row.is-inactive:not(.is-expired){
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(156 163 175 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
}
[data-control=banking-fields] .array-row.is-active:not(.is-expired):not(.not-valid){
  --tw-border-opacity: 1;
  border-left-color: rgb(34 197 94 / var(--tw-border-opacity));
}
[data-control=banking-fields] .array-row.is-active.not-valid:not(.is-expired){
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(156 163 175 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
}
[data-control=banking-fields] .array-row .note {
  font-size: small;
}
[data-control=banking-fields] .array-row .note.is-inactive{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

form .type-switch{
  display: flex;
  flex-direction: column;
}
form .type-switch > div{
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
form .type-switch > div span{
  margin-left: 0.25rem;
}

.user-communications {
  display: flex;
  flex-direction: column;
}
.user-communications > div:not(:last-child) {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 8px 10px;
  position: relative;
}
.user-communications > div:not(:last-child):nth-of-type(even){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.user-communications > div:not(:last-child):nth-of-type(even):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.user-communications > div:not(:last-child):nth-of-type(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.user-communications > div:not(:last-child):nth-of-type(odd):is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
.user-communications > div:not(:last-child).unpublished{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important;
}
.user-communications > div:not(:last-child).unpublished:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
}
.user-communications > div:not(:last-child) .info {
  position: absolute;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: help;
  right: 10px;
  z-index: 2;
}
.user-communications > div:not(:last-child) .info svg{
  height: 18px;
  width: 18px;
}
.user-communications > div:not(:last-child).default{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.user-communications > div:not(:last-child).default:is(.dark *){
  --tw-border-opacity: 1;
  border-top-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.user-communications > div:not(:last-child).default{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.user-communications > div:not(:last-child).default:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.user-communications > div:not(:last-child).entry{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.user-communications > div:not(:last-child).entry:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.user-communications > div:not(:last-child) .form-field {
  margin: 0;
}
.user-communications > div:not(:last-child) .key-action {
  width: 43px;
  min-height: 33px;
  padding: 0 10px 0 0;
}
.user-communications > div:not(:last-child) .key-action .btn {
  padding: 2px;
  line-height: normal;
  min-height: 33px;
  max-height: 33px;
  min-width: 33px;
}
.user-communications > div:not(:last-child) .key-type {
  width: 180px;
  padding-right: 10px;
}
.user-communications > div:not(:last-child) .key-value {
  flex: 1 1 auto;
  padding-right: 40px;
}
.user-communications > div:last-child {
  margin-top: 15px;
}

.personal-manager-data .organisation-section{
  border-bottom-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.personal-manager-data .organisation-section:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.personal-manager-data .organisation-section:first-of-type {
  padding-top: 0;
}
.personal-manager-data .organisation-section:last-of-type {
  border-bottom: 0;
}
.personal-manager-data .organisation-workers-header .apo-name h4{
  margin-top: 0px;
  margin-bottom: 0px;
}
.personal-manager-data .organisation-workers-header .apo-name div{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.personal-manager-data table .must-moderate {
  background: #1f8dd6 !important;
}

#remove-account-modal .modal-dialog,
#remove-account-modal .modal-content{
  width: 540px !important;
  max-width: 100% !important;
}

.travel-reports-index table .state-column{
  width: 0.5rem;
  padding: 0px;
}
.travel-reports-index table tbody .state-column.bg-red{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.travel-reports-index table tbody .state-column.bg-red:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}
.travel-reports-index table tbody .state-column.bg-gray{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.travel-reports-index table tbody .state-column.bg-gray:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.travel-reports-downloads .file-list{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.travel-reports-downloads .file-list .file-item{
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 0.5rem;
}
.travel-reports-downloads .file-list .file-item:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.travel-reports-downloads .file-list .file-item{
  position: relative;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.travel-reports-downloads .file-list .file-item:hover{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.travel-reports-downloads .file-list .file-item:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
}
.travel-reports-downloads .file-list .file-item:hover{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.travel-reports-downloads .file-list .file-item{
  cursor: pointer;
}
.travel-reports-downloads .file-list .file-item > div:not(.badge){
  font-weight: 700;
}
.travel-reports-downloads .file-list .file-item .badge{
  position: absolute;
  right: 0.5rem;
  display: inline-flex;
  align-items: center;
}
.travel-reports-downloads .buttons{
  margin-top: 3.5rem;
}

form[name=travelreport] .form-columns .cost-section{
  margin-bottom: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding-bottom: 0.5rem;
  font-size: 1.06rem;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}

form[name=travelreport] .form-columns .cost-section:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(107 114 128 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

form[name=travelreport] .form-columns .cost-section{
  display: flex;
  flex-direction: column;
}
form[name=travelreport] .form-columns:not(:first-of-type) .cost-section{
  margin-top: 1.5rem;
}
form[name=travelreport] [data-component=account_travelreport_car_costs]{
  display: flex;
  min-height: 33.5px;
  flex-direction: row;
  align-items: center;
}
form[name=travelreport] .travelreport_car_passengers_sum_prices{
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
form[name=travelreport] .travelreport_car_passengers_sum_prices > div:first-child{
  width: 300px;
}
form[name=travelreport] .travelreport_car_passengers_sum_prices > .price{
  flex: 1 1 auto;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .travel-reports-downloads .file-list{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.5rem;
  }
}
@media (max-width: 768px) {
  .users-layout .account-basic-infos > div{
    margin-bottom: 1.25rem;
  }
  .organisation-workers .worker {
    width: calc(50% - 5px);
  }
}
@media (max-width: 640px) {
  .organisation-workers .worker {
    width: 100%;
  }
}
.calendar-data .calendar-filters{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.calendar-data .calendar-filters .filter-header{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.95rem;
  line-height: 1.4rem;
  font-weight: 600;
}
.calendar-data .calendar-filters .filter-content{
  padding: 0.5rem;
}
.calendar-data .calendar-filters .filter-content .form-field{
  margin: 0px;
}
.calendar-data .calendar-filters .filter-content [class*=col-md]:last-child{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-bottom: 0.625rem;
}
.calendar-data .RespTable .day_begin,
.calendar-data .RespTable .day_end{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.calendar-show-data .widget .calendar-status {
    margin-bottom: 0.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    font-size: 0.95rem;
    line-height: 1.4rem;
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
  }
.calendar-show-data .widget .calendar-status-buttons{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.calendar-show-data .widget .calendar-status-buttons form{
  width: 50%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.banking-hint{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
}
.banking-hint:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.banking-hint > h3{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.info-container {
    display: block;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
  }

.info-container:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}

.add-banking{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.add-banking:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
.add-banking form{
  margin: 0px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.add-banking form .select-wrap{
  margin-right: 0.5rem;
  min-width: 250px;
}

body:not(.dark).contrast-mode .add-banking{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}

body.dark.contrast-mode .add-banking{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}

.account.banking table td.state-column.bg-red{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}
.account.banking table .action-column .btn{
  display: inline-flex;
  height: 34px;
  width: 34px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px;
}

.stellenangebot-title .text-muted:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.stellenangebot-content-form{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.stellenangebot-content-form:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}

.jobmarket-layout .content-with-sidebar ul{
  margin-left: 1rem;
  list-style-type: disc;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.jobmarket-layout .job-summary{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.jobmarket-layout .job-summary:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}
.jobmarket-layout .sidebar .mb-20{
  margin-bottom: 0.5rem;
}
.jobmarket-layout .sidebar .sidebar-categories li a{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.jobmarket-layout .sidebar .job-filter + .text-right{
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.jobmarket-layout .sidebar .job-filter tbody tr td:first-of-type{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.jobmarket-layout .sidebar .job-filter tbody tr td:first-of-type > a{
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.jobmarket-layout .sidebar .job-filter tbody tr td:last-of-type{
  padding-top: 0px;
  padding-bottom: 0px;
}
.jobmarket-layout .sidebar .job-filter tbody tr.active td{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.jobmarket-layout .sidebar .job-filter tbody tr.active td a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.jobmarket-layout .stellenangebot-content > .audio-speech{
  top: -2.5rem;
}

.workexperience-layout .stellenangebot-content > .audio-speech{
  top: -2.75rem;
}

@media (max-width: 1024px) {
  .jobmarket-layout .content-with-sidebar table tbody tr td:last-child{
  display: none !important;
  }
}
.newsletter-layout .content-with-sidebar ul{
  margin-left: 1rem;
  list-style-type: disc;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.newsletter-layout .sidebar table tbody tr td:first-of-type{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.newsletter-layout .sidebar table tbody tr td:first-of-type > a{
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.newsletter-layout .sidebar table tbody tr td:last-of-type{
  padding-top: 0px;
  padding-bottom: 0px;
}
.newsletter-layout .sidebar table tbody tr.selected td{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.newsletter-layout .sidebar table tbody tr.selected td a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (max-width: 1024px) {
  .newsletter-layout table tbody tr[data-control=pdf-details], .newsletter-layout table tbody td[width="40"]{
  display: none !important;
  }
}
.emergency-notice-page main form + h2 {
  margin-top: 30px;
}

.emergency-notices{
  margin-top: 1.25rem;
}
.emergency-notices .emergency-notice-group{
  display: flex;
  flex-direction: column;
}
.emergency-notices .emergency-notice-group:not(:last-of-type){
  margin-bottom: 4rem;
}
.emergency-notices .emergency-notice-group .emergency-notice-entries{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.emergency-notices .emergency-notice-group .emergency-notice-entries .emergency-notice{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
}
.emergency-notices .emergency-notice-group .emergency-notice-entries .emergency-notice:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.emergency-notices .emergency-notice-group .emergency-notice-entries .emergency-notice p{
  margin-top: 0.5rem;
}

#account-emergency-service ul{
  display: flex;
  list-style-type: none;
  flex-direction: column;
}
#account-emergency-service ul li{
  margin-bottom: 3.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#account-emergency-service ul li:is(.dark *){
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}
#account-emergency-service ul .day-header{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 700;
}
#account-emergency-service ul .day-header:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
#account-emergency-service ul .day-header .sunday{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
#account-emergency-service ul .day-header .saturday{
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity));
}
#account-emergency-service ul .day-header .feiertag{
  border-radius: 0.25rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
#account-emergency-service ul .day-entries .row{
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#account-emergency-service ul .day-entries .row:nth-of-type(even){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
#account-emergency-service ul .day-entries .row:nth-of-type(even):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
#account-emergency-service ul .day-entries .row:nth-of-type(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
#account-emergency-service ul .day-entries .row:nth-of-type(odd):is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}

@media (max-width: 1024px) {
  .emergency-notices .emergency-notice-group .emergency-notice-entries{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }
}
.emergency-layout .intern-container .mb-15{
  margin-bottom: 1rem;
}
.emergency-layout [name=notdienst_search]{
  margin-top: 1rem;
  margin-bottom: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
}
.emergency-layout [name=notdienst_search]:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}

.emergency-layout td.action-column{
  width: 80px;
}
.emergency-layout td.action-column > div{
  display: flex;
  flex-direction: row;
}
.emergency-layout td.action-column > div > .btn:first-child:not(:last-child){
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right-width: 0px;
}
.emergency-layout td.action-column > div > .btn:last-child:not(:first-child){
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.emergency-layout .hint-row .hint-column{
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.emergency-layout .hint-row .hint-column:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}

.edit-exchange-modal .modal-content{
  border-radius: 0.375rem !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.edit-exchange-modal .modal-content:is(.dark *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(3 7 18 / var(--tw-border-opacity)) !important;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  --tw-shadow-color: rgb(3 7 18 / 0.2) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.edit-exchange-modal .modal-content .modal-header{
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.edit-exchange-modal .modal-content .modal-header:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.edit-exchange-modal .modal-content .modal-footer{
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.edit-exchange-modal .modal-content .modal-footer:is(.dark *){
  --tw-border-opacity: 1;
  border-top-color: rgb(3 7 18 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.edit-exchange-modal .modal-body{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.edit-exchange-modal .modal-body:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

body:not(.dark).contrast-mode.emergency-layout [name=notdienst_search]{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}

body.dark.contrast-mode.emergency-layout [name=notdienst_search]{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}

.elearning-layout .question{
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
  margin-top: 10px;
}

.elearning-layout .question:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.elearning-layout .question > h4{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.elearning-layout .question > h4:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.elearning-layout .question .answers{
  display: flex;
  flex-direction: column;
}
.elearning-layout .question .answers .answer{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.elearning-layout .question .answers .answer > div:first-child{
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.elearning-layout > .question:not(:last-child){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.elearning-layout > .question:not(:last-child):is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.elearning-layout > .question:last-child{
  border-bottom-width: 0px;
}

.training-layout .content-with-sidebar h1{
  margin-bottom: 0.25rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom-width: 1px;
  padding-bottom: 0.5rem;
}
.training-layout .content-with-sidebar h1 svg{
  margin-right: 0.5rem;
  margin-top: 0.125rem;
  height: 24px;
  width: 24px;
  min-width: 24px;
}
.training-layout .content-with-sidebar ul{
  margin-left: 1rem;
  list-style-type: disc;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.training-layout .RespTable tbody td .title{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.training-layout .RespTable tbody td .title svg{
  margin-right: 0.5rem;
  height: 18px;
  width: 18px;
  min-width: 18px;
}
.training-layout .sidebar-va-infos{
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: row;
}
.training-layout .sidebar-va-infos .va-infos-icons{
  width: 30px !important;
  min-width: 30px !important;
}
.training-layout .sidebar-va-infos .va-infos-icons svg{
  height: 22px;
  width: 22px;
}
.training-layout .sidebar-va-infos .va-infos-content > span{
  font-weight: 600;
}
.training-layout .price{
  display: flex;
  flex-direction: row;
}
.training-layout .price .price-icon{
  width: 30px !important;
  min-width: 30px !important;
}
.training-layout .price .price-icon svg{
  height: 22px;
  width: 22px;
}
.training-layout .price .price-content > span{
  font-weight: 600;
}
.training-layout .price .price-content > p{
  margin-bottom: 0.25rem;
}
.training-layout .training-subscribe-details > .d-flex{
  display: flex;
  flex-direction: row;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
}
.training-layout .training-subscribe-details > .d-flex > div:first-of-type{
  width: 80px;
  min-width: 80px;
  font-weight: 600;
}
.training-layout .training-subscribe-details > .d-flex > div:last-of-type{
  flex: 1 1 auto;
}
.training-layout .register-personal-for-event{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 1rem;
}
.training-layout .register-personal-for-event:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.4;
}
.training-layout .register-personal-for-event .btn{
  margin-bottom: 0px;
}
.training-layout .training-tax-warning{
  margin-bottom: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
}
.training-layout .training-tax-warning:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.4;
}
.training-layout .training-tax-warning > p:last-child{
  margin-bottom: 0px;
}

.training-manager-edit .training-manager-tax-warning{
  margin-bottom: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.training-manager-edit .training-manager-tax-warning:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.4;
}
.training-manager-edit .training-manager-tax-warning > p:last-child{
  margin-bottom: 0px;
}
.training-manager-edit .training-label > svg{
  width: 16px;
  min-width: 16px;
}
.training-manager-edit .training-label > b{
  margin-left: 0.5rem;
}
.training-manager-edit .training-costs .cost-list > div{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.training-manager-edit .training-costs .cost-list > div div:first-of-type{
  flex: 1 1 auto;
}
.training-manager-edit .training-costs .cost-list > div div:last-of-type{
  padding-left: 0.5rem;
}
.training-manager-edit .training-costs .cost-list > div:last-of-type{
  margin-top: 0.5rem;
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-top-color: rgb(107 114 128 / var(--tw-border-opacity));
  padding-top: 0.5rem;
}
.training-manager-edit .training-costs .cost-list > div:last-of-type:is(.dark *){
  --tw-border-opacity: 1;
  border-top-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.training-manager-edit .organisation-workers{
  margin-bottom: 2.5rem;
  margin-top: 10px;
}
.training-manager-edit .organisation-workers:last-of-type{
  margin-bottom: 0px;
}
.training-manager-edit .organisation-workers .organisation-workers-payment{
  margin-left: -0px;
  margin-right: -0px;
  margin-top: 1rem;
  min-width: 100%;
  padding-bottom: 0px;
}
.training-manager-edit .organisation-workers .organisation-workers-header{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: row;
}
.training-manager-edit .organisation-workers .organisation-workers-header .apo-name{
  flex: 1 1 auto;
}
.training-manager-edit .organisation-workers .organisation-workers-header .apo-name h4{
  margin-bottom: 0px;
}
.training-manager-edit .organisation-workers .organisation-workers-header .sum-price-container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.training-manager-edit .organisation-workers .organisation-workers-header .sum-price-container span:first-of-type{
  padding-right: 0.25rem;
}
.training-manager-edit .organisation-workers .organisation-workers-header .sum-price-container .sum-price{
  font-weight: 600;
}
.training-manager-edit .organisation-workers .worker-list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.training-manager-edit .organisation-workers .worker {
  width: calc(33% - 5px);
  position: relative;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.training-manager-edit .organisation-workers .worker > label:first-of-type{
  position: relative;
  z-index: 10;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding: 0.5rem;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}
.training-manager-edit .organisation-workers .worker > label:first-of-type:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.training-manager-edit .organisation-workers .worker > label:first-of-type{
  display: flex;
  height: 100%;
  cursor: pointer;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.training-manager-edit .organisation-workers .worker > label:first-of-type .adress{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.training-manager-edit .organisation-workers .worker > label:first-of-type .name{
  font-weight: 600;
}
.training-manager-edit .organisation-workers .worker > label:first-of-type .type{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}
.training-manager-edit .organisation-workers .worker input[type=checkbox] {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.training-manager-edit .organisation-workers .worker input[type=checkbox]:checked + label:first-of-type{
  --tw-border-opacity: 1;
  border-color: rgb(0 48 94 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.training-manager-edit .organisation-workers .worker input[type=checkbox]:checked + label:first-of-type:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.training-manager-edit .organisation-workers .worker.invalid, .training-manager-edit .organisation-workers .worker.invalid label {
  cursor: not-allowed !important;
}
.training-manager-edit .organisation-workers .worker.invalid label{
  --tw-bg-opacity: 1;
  background-color: rgb(178 0 25 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0.5;
}
.training-manager-edit .organisation-workers .worker.invalid label .text-red{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.training-manager-edit .organisation-workers .worker.disabled > label:first-of-type{
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  opacity: 0.6;
}
.training-manager-edit .organisation-workers .worker.disabled > label:first-of-type:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.training-manager-edit .organisation-workers .worker.disabled:not(:hover) input[type=checkbox] {
  display: none;
}
.training-manager-edit .organisation-workers .worker.disabled input[type=checkbox]:checked + label:first-of-type{
  --tw-border-opacity: 1;
  border-color: rgb(0 48 94 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.training-manager-edit .organisation-workers .worker.disabled input[type=checkbox]:checked + label:first-of-type:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}
.training-manager-edit .organisation-workers .worker.disabled input[type=checkbox]:checked + label:first-of-type .text-red{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.training-manager-edit .organisation-workers .worker.disabled input[type=checkbox]:checked + label:first-of-type .text-red:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.training-manager-edit .organisation-workers .worker.disabled input[type=checkbox]:checked + label:first-of-type .text-red{
  --tw-text-opacity: 1;
  color: rgb(178 0 25 / var(--tw-text-opacity));
}
.training-manager-edit .organisation-workers .worker.disabled input[type=checkbox]:checked + label:first-of-type .text-red:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}
.training-manager-edit .organisation-workers .worker:not(.invalid):hover > label:first-of-type{
  --tw-border-opacity: 1;
  border-color: rgb(0 48 94 / var(--tw-border-opacity));
}
.training-manager-edit .organisation-workers .worker:not(.invalid):hover > label:first-of-type:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.training-manager-edit .organisation-workers .worker:not(.invalid).selected > label:first-of-type{
  --tw-border-opacity: 1;
  border-color: rgb(0 48 94 / var(--tw-border-opacity));
  background-color: rgb(0 48 94 / 0.7);
}
.training-manager-edit .organisation-workers .worker:not(.invalid).selected > label:first-of-type:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}
.training-manager-edit .organisation-workers .worker:not(.invalid).self-registred > label:first-of-type{
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity));
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.training-manager-edit .organisation-workers .worker:not(.invalid).self-registred > label:first-of-type .price > span{
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}
.training-manager-edit .organisation-workers .worker .price {
  position: absolute;
  right: 4px;
  top: 4px;
  padding: 0 4px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.training-manager-edit .organisation-workers .worker .price .current{
  margin-bottom: 0.125rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.training-manager-edit .organisation-workers .worker .price .new{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.training-manager-edit .organisation-workers .worker .text-red.text-small {
  font-size: 90%;
}

.glossar-layout .char-list{
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: row;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.glossar-layout .char-list:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}
.glossar-layout .char-list > span,
.glossar-layout .char-list > a{
  margin-right: 0.25rem;
  display: inline-flex;
  min-width: 30px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.glossar-layout .char-list > a{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.glossar-layout .char-list > a:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.glossar-layout .char-list > span{
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.glossar-layout .char-list > span:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.glossar-layout .glossar-entry-list .char-items{
  margin-left: 1rem;
  list-style-type: disc;
}
.glossar-layout .glossar-entry h4{
  font-size: 1.35rem;
  line-height: 1.75rem;
}

.sitemap-layout .sitemap{
  margin-bottom: 1.25rem;
}
.sitemap-layout .sitemap .sitemap-list > ul{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
.sitemap-layout .sitemap .sitemap-list > ul > li{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.sitemap-layout .sitemap .sitemap-list > ul > li:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}
.sitemap-layout .sitemap .sitemap-list > ul > li{
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.sitemap-layout .sitemap .sitemap-list > ul > li > a,
.sitemap-layout .sitemap .sitemap-list > ul > li > span{
  display: block;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1.15rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.sitemap-layout .sitemap .sitemap-list > ul > li > a:is(.dark *),
.sitemap-layout .sitemap .sitemap-list > ul > li > span:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.sitemap-layout .sitemap .sitemap-list > ul > li > .childs{
  margin-left: 0px;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.sitemap-layout .sitemap .sitemap-list > ul > li ul{
  margin-left: 1rem;
  display: flex;
  list-style-type: none;
  flex-direction: column;
}
.sitemap-layout .sitemap .sitemap-list > ul > li ul li{
  position: relative;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-inline-start: 0.5em;
}
.sitemap-layout .sitemap .sitemap-list > ul > li ul li > a,
.sitemap-layout .sitemap .sitemap-list > ul > li ul li > span{
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: row;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 0.5rem;
}
.sitemap-layout .sitemap .sitemap-list > ul > li ul li > a::before,
.sitemap-layout .sitemap .sitemap-list > ul > li ul li > span::before {
  content: "›";
  position: relative;
  top: -2px;
  margin-right: 0.5rem;
  display: block;
}
.sitemap-layout .sitemap .sitemap-list > ul > li ul li > a:is(.dark *)::before,
.sitemap-layout .sitemap .sitemap-list > ul > li ul li > span:is(.dark *)::before{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (max-width: 768px) {
  .sitemap-layout .sitemap .sitemap-list > ul{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.contact-success {
  position: relative;
}
.contact-success button {
  position: absolute;
  right: 0;
  top: 0;
}
.contact-success hr:first-of-type {
  margin-bottom: 30px;
}
.contact-success hr:last-of-type {
  margin-top: 30px;
}
.contact-success > div {
  padding: 0 30px;
}
.contact-success > div b {
  font-size: 110%;
}
.contact-success > div b + div {
  margin-bottom: 15px;
}
.contact-success > div pre {
  overflow: hidden;
  white-space: pre-wrap;
}

.contact-layout main h2 + div{
  margin-left: 0px;
  margin-right: 0px;
  align-items: flex-end;
}
.contact-layout main h2 + div > div{
  padding-left: 0px;
  padding-right: 0px;
}
.contact-layout main h2 + div > div:first-of-type{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.contact-layout main h2 + div > div:first-of-type:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.contact-layout form[name=contact]{
  margin-top: 1rem;
  margin-bottom: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.contact-layout form[name=contact]:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}

.search-result .search-form{
  border-radius: 0.375rem;
  background-color: rgb(243 244 246 / 0.8);
  padding: 1rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.search-result .search-form:is(.dark *){
  background-color: rgb(31 41 55 / 0.6);
}
.search-result .search-form .amino-search{
  margin-top: 1.25rem;
}
.search-result .search-form button svg{
  margin-right: 0.25rem;
}
.search-result .search-form .filter-options{
  margin-bottom: 0.75rem;
  display: grid;
  width: auto;
  min-width: 0px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.search-result .search-form .filter-options .form-field{
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.search-result .search-form .filter-options .form-field .field-label {
    white-space: nowrap;
    text-align: right;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
.jobmarket-layout .sidebar .job-filter + .search-result .search-form .filter-options .form-field .field-label{
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.workexperience .sidebar .filter-table + .search-result .search-form .filter-options .form-field .field-label{
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.search-result .search-form .filter-options .form-field .field-label{
  margin: 0px;
  padding: 0px;
  padding-right: 0.25rem;
}
.search-result .search-form .filter-options .form-field .field-label label{
  margin: 0px;
  padding: 0px;
}
.search-result .search-form .filter-options .form-field .form-field-wrapper{
  flex: 1 1 auto;
}
.search-result .search-form .controls{
  margin-bottom: 0.5rem;
  display: flex;
  width: 100%;
  flex-direction: row;
}
.search-result .search-form .controls input{
  margin: 0px;
  margin-right: 0.25rem;
  flex: 1 1 auto;
}
.search-result .search-form .description{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.search-result .search-form .description div{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.search-result .search-form .description div span:first-child {
    display: inline-block;
    width: 1.25rem;
    min-width: 1.25rem;
    text-align: center;
    font-weight: 600;
  }
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(.search-result .search-form .description div span:first-child){
  margin-top: 30px;
}
.search-result .search-form .description div span:last-of-type{
  flex: 1 1 auto;
}
.search-result .search-result-infos{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.search-result .search-warning{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.15rem;
  line-height: 1.75rem;
}
.search-result .widget-search .widget-content{
  padding: 0px;
}
.search-result .widget-search .widget-content ul li a{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.search-result .widget-search .widget-content ul li.active a{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.search-result .widget-search .widget-content ul li.active a:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

body:not(.dark).contrast-mode.search-result .search-form{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}

.dark.contrast-mode.search-result .search-form{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}

@media (max-width: 1280px) {
  .search-result .search-form .filter-options{
    margin-right: 0px;
    margin-bottom: 0.75rem;
    display: grid;
    width: auto;
    min-width: 0px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    padding-right: 0px;
  }
  .search-result .search-form .filter-options .form-field{
    margin: 0px !important;
    display: flex !important;
    width: 100% !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 0px !important;
  }
}
@media (max-width: 1024px) {
  .search-result .search-form .filter-options{
    margin-bottom: 0.75rem;
    display: grid;
    width: auto;
    min-width: 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
    padding-right: 4rem;
    margin-right: 30px;
  }
  .search-result .search-form .filter-options .form-field{
    margin: 0px !important;
    display: flex !important;
    width: 100% !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 0px !important;
  }
  .search-result .search-form .filter-options .form-field .field-label {
    width: 25%;
    padding-right: 1rem;
    text-align: right;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
.jobmarket-layout .sidebar .job-filter + .search-result .search-form .filter-options .form-field .field-label{
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
  }
.workexperience .sidebar .filter-table + .search-result .search-form .filter-options .form-field .field-label{
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
  }
  .search-result .search-form .filter-options .form-field .form-field-wrapper{
    flex: 1 1 auto;
  }
}
@media (max-width: 768px) {
  .search-result .search-form .filter-options{
    margin-right: 0px !important;
    margin-bottom: 0.75rem !important;
    display: grid !important;
    width: auto !important;
    min-width: 0px !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
    padding-right: 0px !important;
  }
  .search-result .search-form .filter-options .form-field{
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .search-result .search-form .filter-options .form-field .field-label {
    width: 100%;
    padding-right: 1rem;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
  }
  .search-result .search-form .filter-options .form-field .form-field-wrapper{
    width: 100%;
  }
}
@keyframes hightlight-source-text {
  from{
    background-color: transparent;
    color: inherit;
  }
  to {
    background-color: #ff6227;
    color: #fff;
  }
}
.amino-search{
  border-radius: 0.375rem;
  background-color: rgb(243 244 246 / 0.8);
  padding: 1rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.amino-search:is(.dark *){
  background-color: rgb(31 41 55 / 0.6);
}
.amino-search .controls{
  margin-bottom: 0.5rem;
  display: flex;
  width: 100%;
  flex-direction: row;
}
.amino-search .controls input{
  margin: 0px;
  margin-right: 0.25rem;
  flex: 1 1 auto;
}
.amino-search .search-query-operators div{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.amino-search .search-query-operators div span:first-child {
    display: inline-block;
    width: 1.25rem;
    min-width: 1.25rem;
    text-align: center;
    font-weight: 600;
  }
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(.amino-search .search-query-operators div span:first-child){
  margin-top: 30px;
}
.amino-search .search-query-operators div span:last-of-type{
  flex: 1 1 auto;
}

.question pre,
.answer pre{
  white-space: pre-wrap;
  font-family: open-sans, sans-serif;
  font-weight: 400;
}
.question [data-reference],
.answer [data-reference]{
  font-weight: 700;
}

.box-sources .source.hightlight-source {
  animation-name: hightlight-source-text;
  animation-duration: 0.25s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  animation-timing-function: ease;
}
.box-sources .source .source-content{
  white-space: pre-wrap;
}

.applysmcb-layout #smcb-apotheke > .d-flex{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.applysmcb-layout #smcb-apotheke > .d-flex > div:first-child{
  flex: 1 1 auto;
  padding-right: 0.5rem;
}
.applysmcb-layout main > div[class*=justify-content-around]{
  display: flex;
  width: 100%;
  flex-direction: row;
  align-content: space-around;
  align-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.applysmcb-layout main > div[class*=justify-content-around]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.smcb-apo-select{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.smcb-apo-select:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.workexperience .sidebar .contact-info .widget-content > div:not(:last-of-type){
  margin-bottom: 0.75rem;
}
.workexperience .sidebar .filter-table{
  margin-bottom: 0.5rem;
}
.workexperience .sidebar .filter-table + .text-right{
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.workexperience .sidebar .filter-table tbody tr td{
  padding-top: 0px;
  padding-bottom: 0px;
}
.workexperience .sidebar .filter-table tbody tr a{
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.workexperience .sidebar .filter-table tbody tr.selected td{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.workexperience .sidebar .filter-table tbody tr.selected td:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.workexperience .sidebar .filter-table tbody tr.selected td a{
  display: block;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.workexperience .content-with-sidebar ul{
  margin-left: 1rem;
  list-style-type: disc;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.workexperience-layout .job-title > h1{
  display: none;
}
.workexperience-layout .job-title > .title-buttons{
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.workexperience-layout .job-title > .title-buttons > a{
  margin-right: 0.25rem !important;
  display: inline-flex !important;
  height: 30px !important;
  min-height: 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
}
.workexperience-layout .job-title > .title-buttons > a svg {
  width: 16px;
  height: 16px;
}

[data-component=pharmacy_register] .school-class-options{
  display: flex;
  flex-direction: column;
}
[data-component=pharmacy_register] .school-class-options .school-class{
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: flex-start;
}
[data-component=pharmacy_register] .school-class-options .school-class .school-class-name{
  display: flex;
  width: 10%;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
[data-component=pharmacy_register] .school-class-options .school-class .num_of_students,
[data-component=pharmacy_register] .school-class-options .school-class .num_of_accompanying_persons{
  flex: 1 1 auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media (max-width: 768px) {
  [data-component=pharmacy_register] .school-class-options .school-class{
    display: flex;
    flex-direction: column;
  }
  [data-component=pharmacy_register] .school-class-options .school-class > div{
    display: block !important;
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  [data-component=pharmacy_register] .school-class-options .school-class .school-class-name{
    font-weight: 700;
  }
  [data-component=pharmacy_register] .school-class-options .school-class:not(:first-child){
    margin-top: 1.5rem;
  }
}
.header-logo, img:is(.dark *), svg, a, .image-container, select::picker-icon, .-rotate-45, .rotate-\[135\], .scale-110, .scale-\[103\%\], .scale-\[130\%\], .transform{
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
ul, .file-upload:not(.multiple), .multiple, .form-error-messages, .container, tr, .box-links, .box-downloads, .box-literatur, .box-authors, .box-videos, .box-quellen, .box-sources, .box-warning, .kachel-login, .kachel, .modal-dialog, .modal-content, [class*=language-], [data-component=notification], .notify-container, .n-acc, .header-nav, .navbar, .mb-50, .error-container, .widget, a, div, .news-medium, .news-smaller, .blog-container, .events-container, .jobs-angebote-container, .jobs-gesuche-container, .overview, .message-filters, .point-section, .file-item, .stellenangebot-content-form, .job-summary, li, .modal-content:is(.dark *), .char-list, [name=contact], .search-form, .amino-search, .btn, button:not(.play-btn):not(.btn-primary):not(.ghost-btn):not(.play-btn), .\!btn, [type=date], [type=email], [type=text], [type=tel], [type=number], [type=color], [type=password], .form-control, select, textarea, select::picker(select), .shadow, .shadow-2xl, .shadow-lg, .shadow-md, .shadow-none, .hover\:shadow-inner, .dark\:shadow-xl:is(.dark *){
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
.kachel, .overview, .blur, .drop-shadow-none, .invert, .filter{
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
}
/* ! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: open-sans, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
:root{
  --color-transparent: transparent;
  --color-current: currentColor;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-gray-950: #030712;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bfdbfe;
  --color-blue-300: #93c5fd;
  --color-blue-400: #60a5fa;
  --color-blue-500: #3b82f6;
  --color-blue-600: #2563eb;
  --color-blue-700: #1d4ed8;
  --color-blue-800: #1e40af;
  --color-blue-900: #1e3a8a;
  --color-blue-950: #172554;
  --color-purple-50: #faf5ff;
  --color-purple-100: #f3e8ff;
  --color-purple-200: #e9d5ff;
  --color-purple-300: #d8b4fe;
  --color-purple-400: #c084fc;
  --color-purple-500: #a855f7;
  --color-purple-600: #9333ea;
  --color-purple-700: #7e22ce;
  --color-purple-800: #6b21a8;
  --color-purple-900: #581c87;
  --color-purple-950: #3b0764;
  --color-amber-50: #fffbeb;
  --color-amber-100: #fef3c7;
  --color-amber-200: #fde68a;
  --color-amber-300: #fcd34d;
  --color-amber-400: #fbbf24;
  --color-amber-500: #f59e0b;
  --color-amber-600: #d97706;
  --color-amber-700: #b45309;
  --color-amber-800: #92400e;
  --color-amber-900: #78350f;
  --color-amber-950: #451a03;
  --color-yellow-50: #fefce8;
  --color-yellow-100: #fef9c3;
  --color-yellow-200: #fef08a;
  --color-yellow-300: #fde047;
  --color-yellow-400: #facc15;
  --color-yellow-500: #eab308;
  --color-yellow-600: #ca8a04;
  --color-yellow-700: #a16207;
  --color-yellow-800: #854d0e;
  --color-yellow-900: #713f12;
  --color-yellow-950: #422006;
  --color-orange-50: #fff7ed;
  --color-orange-100: #ffedd5;
  --color-orange-200: #fed7aa;
  --color-orange-300: #fdba74;
  --color-orange-400: #fb923c;
  --color-orange-500: #f97316;
  --color-orange-600: #ea580c;
  --color-orange-700: #c2410c;
  --color-orange-800: #9a3412;
  --color-orange-900: #7c2d12;
  --color-orange-950: #431407;
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-300: #fca5a5;
  --color-red-400: #f87171;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;
  --color-red-950: #450a0a;
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #bbf7d0;
  --color-green-300: #86efac;
  --color-green-400: #4ade80;
  --color-green-500: #22c55e;
  --color-green-600: #16a34a;
  --color-green-700: #15803d;
  --color-green-800: #166534;
  --color-green-900: #14532d;
  --color-green-950: #052e16;
  --color-teal-50: #f0fdfa;
  --color-teal-100: #ccfbf1;
  --color-teal-200: #99f6e4;
  --color-teal-300: #5eead4;
  --color-teal-400: #2dd4bf;
  --color-teal-500: #14b8a6;
  --color-teal-600: #0d9488;
  --color-teal-700: #0f766e;
  --color-teal-800: #115e59;
  --color-teal-900: #134e4a;
  --color-teal-950: #042f2e;
  --color-emerald-50: #ecfdf5;
  --color-emerald-100: #d1fae5;
  --color-emerald-200: #a7f3d0;
  --color-emerald-300: #6ee7b7;
  --color-emerald-400: #34d399;
  --color-emerald-500: #10b981;
  --color-emerald-600: #059669;
  --color-emerald-700: #047857;
  --color-emerald-800: #065f46;
  --color-emerald-900: #064e3b;
  --color-emerald-950: #022c22;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-slate-950: #020617;
  --color-logo-red: #de0e2c;
  --color-lakt-red: #b20019;
  --color-lakt-blue: #00305e;
}
table{
  margin-top: 1.25rem;
  margin-bottom: 5rem;
  width: 100%;
  border-width: 0px;
}
.jobmarket-layout .sidebar table{
  margin-bottom: 0.5rem;
}
table{
  margin-top: 20px;
}
table:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
table thead th,
  table tr th {
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.7;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: left;
  }
table thead th:is(.dark *),
  table tr th:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(3 7 18 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
table thead th a,
  table tr th a {
    flex: 1 1 auto;
    text-align: left;
  }
table thead th svg,
  table tr th svg {
    width: 18px;
    height: 18px;
    stroke-width: 2px;
    margin-right: 3px;
    stroke: #00305e;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 300ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
table thead th svg:is(.dark *),
  table tr th svg:is(.dark *){
  stroke: #93c5fd;
}
table thead th > div:hover svg,
  table tr th > div:hover svg{
  stroke: #b20019;
}
table thead th > div:hover svg:is(.dark *),
  table tr th > div:hover svg:is(.dark *){
  stroke: #3b82f6;
}
table thead th.state-column,
  table tr th.state-column{
  width: 0.5rem;
  min-width: 0.5rem;
  max-width: 0.5rem;
  padding: 0px;
}
table tbody tr td{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
}
table tbody tr td:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}
table tbody tr td.state-column{
  width: 0.5rem;
  min-width: 0.5rem;
  max-width: 0.5rem;
  padding: 0px;
}
table tbody tr:not([data-control=pdf-details]):nth-of-type(even) td, table tbody tr:not([data-control=pdf-details]).e td{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
table tbody tr:not([data-control=pdf-details]):nth-of-type(even) td:is(.dark *), table tbody tr:not([data-control=pdf-details]).e td:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
 table tbody tr:not([data-control=pdf-details]).\!e td{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
 table tbody tr:not([data-control=pdf-details]).\!e td:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
table tbody tr:not([data-control=pdf-details]):nth-of-type(odd) td, table tbody tr:not([data-control=pdf-details]).o td{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
table tbody tr:not([data-control=pdf-details]):nth-of-type(odd) td:is(.dark *), table tbody tr:not([data-control=pdf-details]).o td:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
 table tbody tr:not([data-control=pdf-details]).\!o td{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
 table tbody tr:not([data-control=pdf-details]).\!o td:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
table tbody tr:not([data-control=pdf-details]):hover td, table tbody tr:not([data-control=pdf-details]).e:hover td, table tbody tr:not([data-control=pdf-details]).o:hover td{
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
table tbody tr:not([data-control=pdf-details]):hover td:is(.dark *), table tbody tr:not([data-control=pdf-details]).e:hover td:is(.dark *), table tbody tr:not([data-control=pdf-details]).o:hover td:is(.dark *){
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
 table tbody tr:not([data-control=pdf-details]).\!e:hover td{
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
 table tbody tr:not([data-control=pdf-details]).\!e:hover td:is(.dark *){
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
 table tbody tr:not([data-control=pdf-details]).\!o:hover td{
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
 table tbody tr:not([data-control=pdf-details]).\!o:hover td:is(.dark *){
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
table tbody tr.\!e td{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}
table tbody tr.\!e td:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.8 !important;
}
table tbody tr.e td{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}
table tbody tr.e td:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.8 !important;
}
table tbody tr.\!o td{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
}
table tbody tr.\!o td:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.5 !important;
}
table tbody tr.o td{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
}
table tbody tr.o td:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.5 !important;
}
table tbody tr.\!e:hover td{
  background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.8 !important;
}
table tbody tr.\!e:hover td:is(.dark *){
  background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.8 !important;
}
table tbody tr.e:hover td, table tbody tr.o:hover td{
  background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.8 !important;
}
table tbody tr.e:hover td:is(.dark *), table tbody tr.o:hover td:is(.dark *){
  background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.8 !important;
}
 table tbody tr.\!o:hover td{
  background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.8 !important;
}
 table tbody tr.\!o:hover td:is(.dark *){
  background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.8 !important;
}
table tbody tr.disabled td{
  opacity: 0.3;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1300px){
  .container{
    max-width: 1300px;
  }
}
.btn,
  button:not(.play-btn):not(.btn-primary):not(.ghost-btn):not(.play-btn) {
    position: relative;
    display: inline-flex;
    min-height: 30px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: transparent;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 300ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
.btn:is(.dark *),
  button:not(.play-btn):not(.btn-primary):not(.ghost-btn):not(.play-btn):is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.\!btn {
    position: relative;
    display: inline-flex;
    min-height: 30px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: transparent;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 300ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
.\!btn:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.\!btn.btn-sm{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.btn.btn-sm,
  button:not(.play-btn):not(.btn-primary):not(.ghost-btn):not(.play-btn).btn-sm{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\!btn.btn-block {
    width: 100%;
    text-align: center;
  }
.btn.btn-block,
  button:not(.play-btn):not(.btn-primary):not(.ghost-btn):not(.play-btn).btn-block {
    width: 100%;
    text-align: center;
  }
.\!btn > .icon-wrap{
  margin-right: 0.125rem;
}
.btn > .icon-wrap,
  button:not(.play-btn):not(.btn-primary):not(.ghost-btn):not(.play-btn) > .icon-wrap{
  margin-right: 0.125rem;
}
.\!btn > .icon-wrap svg {
    width: 16px !important;
    height: 16px !important;
  }
.btn > .icon-wrap svg,
  button:not(.play-btn):not(.btn-primary):not(.ghost-btn):not(.play-btn) > .icon-wrap svg {
    width: 16px;
    height: 16px;
  }
.\!btn > .icon-wrap svg{
  margin-right: 0px;
}
.btn > .icon-wrap svg,
  button:not(.play-btn):not(.btn-primary):not(.ghost-btn):not(.play-btn) > .icon-wrap svg{
  margin-right: 0px;
}
.btn:not(.btn-primary):not(.ghost-btn),
  a.red-bg,
  a.btn-default,
  button.red-bg,
  button.btn-default,
  button:not(.btn-primary):not(.ghost-btn):not(.play-btn){
  border-width: 1px;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-border-opacity: 0.5;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.btn:not(.btn-primary):not(.ghost-btn):is(.dark *),
  a.red-bg:is(.dark *),
  a.btn-default:is(.dark *),
  button.red-bg:is(.dark *),
  button.btn-default:is(.dark *),
  button:not(.btn-primary):not(.ghost-btn):not(.play-btn):is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.\!btn:not(.btn-primary):not(.ghost-btn){
  border-width: 1px;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-border-opacity: 0.5;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.\!btn:not(.btn-primary):not(.ghost-btn):is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.btn:not(.btn-primary):not(.ghost-btn):hover, .btn:not(.btn-primary):not(.ghost-btn):focus,
  a.red-bg:hover,
  a.red-bg:focus,
  a.btn-default:hover,
  a.btn-default:focus,
  button.red-bg:hover,
  button.red-bg:focus,
  button.btn-default:hover,
  button.btn-default:focus,
  button:not(.btn-primary):not(.ghost-btn):not(.play-btn):hover,
  button:not(.btn-primary):not(.ghost-btn):not(.play-btn):focus{
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-border-opacity: 0.4;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.btn:not(.btn-primary):not(.ghost-btn):hover:is(.dark *), .btn:not(.btn-primary):not(.ghost-btn):focus:is(.dark *),
  a.red-bg:hover:is(.dark *),
  a.red-bg:focus:is(.dark *),
  a.btn-default:hover:is(.dark *),
  a.btn-default:focus:is(.dark *),
  button.red-bg:hover:is(.dark *),
  button.red-bg:focus:is(.dark *),
  button.btn-default:hover:is(.dark *),
  button.btn-default:focus:is(.dark *),
  button:not(.btn-primary):not(.ghost-btn):not(.play-btn):hover:is(.dark *),
  button:not(.btn-primary):not(.ghost-btn):not(.play-btn):focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\!btn:not(.btn-primary):not(.ghost-btn):hover, .\!btn:not(.btn-primary):not(.ghost-btn):focus{
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-border-opacity: 0.4;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.\!btn:not(.btn-primary):not(.ghost-btn):hover:is(.dark *), .\!btn:not(.btn-primary):not(.ghost-btn):focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\!btn:not(.btn-primary):not(.ghost-btn):hover, .\!btn:not(.btn-primary):not(.ghost-btn):focus{
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-border-opacity: 0.4;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.\!btn:not(.btn-primary):not(.ghost-btn):hover:is(.dark *), .\!btn:not(.btn-primary):not(.ghost-btn):focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn:not(.btn-primary):not(.ghost-btn).disabled, .btn:not(.btn-primary):not(.ghost-btn):disabled,
  a.red-bg.disabled,
  a.red-bg:disabled,
  a.btn-default.disabled,
  a.btn-default:disabled,
  button.red-bg.disabled,
  button.red-bg:disabled,
  button.btn-default.disabled,
  button.btn-default:disabled,
  button:not(.btn-primary):not(.ghost-btn):not(.play-btn).disabled,
  button:not(.btn-primary):not(.ghost-btn):not(.play-btn):disabled{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  opacity: 0.7;
}
.btn:not(.btn-primary):not(.ghost-btn).disabled:is(.dark *), .btn:not(.btn-primary):not(.ghost-btn):disabled:is(.dark *),
  a.red-bg.disabled:is(.dark *),
  a.red-bg:disabled:is(.dark *),
  a.btn-default.disabled:is(.dark *),
  a.btn-default:disabled:is(.dark *),
  button.red-bg.disabled:is(.dark *),
  button.red-bg:disabled:is(.dark *),
  button.btn-default.disabled:is(.dark *),
  button.btn-default:disabled:is(.dark *),
  button:not(.btn-primary):not(.ghost-btn):not(.play-btn).disabled:is(.dark *),
  button:not(.btn-primary):not(.ghost-btn):not(.play-btn):disabled:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.\!btn:not(.btn-primary):not(.ghost-btn).disabled, .\!btn:not(.btn-primary):not(.ghost-btn):disabled{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  opacity: 0.7;
}
.\!btn:not(.btn-primary):not(.ghost-btn).disabled:is(.dark *), .\!btn:not(.btn-primary):not(.ghost-btn):disabled:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.\!btn:not(.btn-primary):not(.ghost-btn).disabled, .\!btn:not(.btn-primary):not(.ghost-btn):disabled{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  opacity: 0.7;
}
.\!btn:not(.btn-primary):not(.ghost-btn).disabled:is(.dark *), .\!btn:not(.btn-primary):not(.ghost-btn):disabled:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.btn-primary{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-primary:is(.dark *){
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.btn-primary:hover:not(:disabled), .btn-primary:focus:not(:disabled){
  border-color: rgb(30 58 138 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-primary:hover:not(:disabled):is(.dark *), .btn-primary:focus:not(:disabled):is(.dark *){
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
.btn-primary.disabled, .btn-primary:disabled{
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: rgb(0 48 94 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0.7;
}
.btn-primary.disabled:is(.dark *), .btn-primary:disabled:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
button.btn-blue,
  button.blue-bg,
  a.btn-blue,
  a.blue-bg{
  position: relative;
  min-height: 30px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
button.btn-blue:is(.dark *),
  button.blue-bg:is(.dark *),
  a.btn-blue:is(.dark *),
  a.blue-bg:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(23 37 84 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
button.btn-blue:hover:not(:disabled):is(.dark *), button.btn-blue:focus:not(:disabled):is(.dark *),
  button.blue-bg:hover:not(:disabled):is(.dark *),
  button.blue-bg:focus:not(:disabled):is(.dark *),
  a.btn-blue:hover:not(:disabled):is(.dark *),
  a.btn-blue:focus:not(:disabled):is(.dark *),
  a.blue-bg:hover:not(:disabled):is(.dark *),
  a.blue-bg:focus:not(:disabled):is(.dark *){
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
button.btn-blue:hover:not(:disabled), button.btn-blue:focus:not(:disabled),
  button.blue-bg:hover:not(:disabled),
  button.blue-bg:focus:not(:disabled),
  a.btn-blue:hover:not(:disabled),
  a.btn-blue:focus:not(:disabled),
  a.blue-bg:hover:not(:disabled),
  a.blue-bg:focus:not(:disabled){
  border-color: rgb(0 48 94 / var(--tw-border-opacity));
  --tw-border-opacity: 0.8;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.95;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
button.ghost-btn,
  .ghost-btn{
  position: relative;
  z-index: 10;
  display: inline-block;
  overflow: hidden;
  border-radius: 0.25rem;
  border-width: 2px;
  border-color: rgb(23 37 84 / var(--tw-border-opacity));
  --tw-border-opacity: 0.5;
  background-color: transparent;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(button.ghost-btn),.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
  .ghost-btn){
  margin-top: 30px;
}
button.ghost-btn:is(.dark *),
  .ghost-btn:is(.dark *){
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
  --tw-border-opacity: 0.7;
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
button.ghost-btn.btn-block,
  .ghost-btn.btn-block {
    width: 100%;
    text-align: center;
  }
button.ghost-btn:before,
  .ghost-btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0px;
    bottom: -0.125rem;
    display: inline-block;
    width: 0px;
  }
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(button.ghost-btn):before,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
  .ghost-btn):before{
  margin-top: 30px;
}
button.ghost-btn:before,
  .ghost-btn:before{
  z-index: -1;
  --tw-bg-opacity: 1;
  background-color: rgb(23 37 84 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
button.ghost-btn:after,
  .ghost-btn:after {
    content: "";
    position: absolute;
    right: 50%;
    top: 0px;
    bottom: -0.125rem;
    z-index: -1;
    display: inline-block;
    width: 0px;
  }
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(button.ghost-btn):after,.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(
  .ghost-btn):after{
  margin-top: 30px;
}
button.ghost-btn:after,
  .ghost-btn:after{
  --tw-bg-opacity: 1;
  background-color: rgb(23 37 84 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
button.ghost-btn:hover,
  .ghost-btn:hover{
  --tw-border-opacity: 1;
  border-color: rgb(23 37 84 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
button.ghost-btn:hover:is(.dark *),
  .ghost-btn:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
button.ghost-btn:hover:before,
  .ghost-btn:hover:before {
    left: -2px;
    width: calc(50% + 2px);
  }
button.ghost-btn:hover:after,
  .ghost-btn:hover:after {
    right: -2px;
    width: calc(50% + 2px);
  }
.btn-details {
    cursor: pointer;
  }
.btn-details svg {
    transition: all 0.3s;
    transform: rotate(0grad);
  }
.btn-details.is-open svg {
    transform: rotate(100grad);
  }
.btn-group{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.btn-group .btn{
  margin: 0px;
}
.btn-group .\!btn{
  margin: 0px;
}
.btn-group .btn:not(:first-child):not(:last-child){
  margin-left: -1px;
  border-radius: 0px;
}
.btn-group .\!btn:not(:first-child):not(:last-child){
  margin-left: -1px;
  border-radius: 0px;
}
.btn-group .btn:not(:first-child){
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.btn-group .\!btn:not(:first-child){
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.btn-group .btn:not(:last-child){
  margin-left: -1px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.btn-group .\!btn:not(:last-child){
  margin-left: -1px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.btn-line{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.btn-line .btn{
  margin: 0px;
}
.btn-line .\!btn{
  margin: 0px;
}
.btn-line .btn:not(:first-child){
  margin-left: 0.25rem;
}
.btn-line .\!btn:not(:first-child){
  margin-left: 0.25rem;
}
body:not(.dark).contrast-mode .btn-default{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
body.dark.contrast-mode .btn-default, body.dark.contrast-mode .btn-primary{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
::placeholder,
  input[type=date]:placeholder{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
input[type=date],
  input[type=email],
  input[type=text],
  input[type=tel],
  input[type=number],
  input[type=color],
  input[type=password],
  select {
    min-height: 33.5px;
    max-height: 33.5px;
  }
input[type=date],
  input[type=email],
  input[type=text],
  input[type=tel],
  input[type=number],
  input[type=color],
  input[type=password],
  .form-control,
  select,
  textarea{
  margin-bottom: 0.5rem;
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
input[type=date]:is(.dark *),
  input[type=email]:is(.dark *),
  input[type=text]:is(.dark *),
  input[type=tel]:is(.dark *),
  input[type=number]:is(.dark *),
  input[type=color]:is(.dark *),
  input[type=password]:is(.dark *),
  .form-control:is(.dark *),
  select:is(.dark *),
  textarea:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}
input[type=date],
  input[type=email],
  input[type=text],
  input[type=tel],
  input[type=number],
  input[type=color],
  input[type=password],
  .form-control,
  select,
  textarea {
    outline: none !important;
  }
input[type=date]:hover,
  input[type=email]:hover,
  input[type=text]:hover,
  input[type=tel]:hover,
  input[type=number]:hover,
  input[type=color]:hover,
  input[type=password]:hover,
  .form-control:hover,
  select:hover,
  textarea:hover{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
input[type=date]:hover:is(.dark *),
  input[type=email]:hover:is(.dark *),
  input[type=text]:hover:is(.dark *),
  input[type=tel]:hover:is(.dark *),
  input[type=number]:hover:is(.dark *),
  input[type=color]:hover:is(.dark *),
  input[type=password]:hover:is(.dark *),
  .form-control:hover:is(.dark *),
  select:hover:is(.dark *),
  textarea:hover:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
}
input[type=date]:focus,
  input[type=email]:focus,
  input[type=text]:focus,
  input[type=tel]:focus,
  input[type=number]:focus,
  input[type=color]:focus,
  input[type=password]:focus,
  .form-control:focus,
  select:focus,
  textarea:focus{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
input[type=date]:focus:is(.dark *),
  input[type=email]:focus:is(.dark *),
  input[type=text]:focus:is(.dark *),
  input[type=tel]:focus:is(.dark *),
  input[type=number]:focus:is(.dark *),
  input[type=color]:focus:is(.dark *),
  input[type=password]:focus:is(.dark *),
  .form-control:focus:is(.dark *),
  select:focus:is(.dark *),
  textarea:focus:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
}
input[type=date]:disabled,
  input[type=email]:disabled,
  input[type=text]:disabled,
  input[type=tel]:disabled,
  input[type=number]:disabled,
  input[type=color]:disabled,
  input[type=password]:disabled,
  .form-control:disabled,
  select:disabled,
  textarea:disabled {
    opacity: 0.5;
  }
textarea{
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
input:not([type=radio]):not([type=checkbox]),
  textarea{
  width: 100%;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
textarea + .limiter{
  left: auto;
  right: 0.75rem;
  bottom: -0.5rem;
  display: flex;
  flex-direction: row;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
textarea + .limiter + .error{
  position: absolute;
  bottom: -0.5rem;
}
textarea + .limiter + .\!error{
  position: absolute;
  bottom: -0.5rem;
}
.select-wrap{
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
}
.select-wrap > select + span{
  pointer-events: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 1px;
  z-index: 10;
  display: inline-flex;
  height: 100%;
  min-height: 16px;
  width: 24px;
  min-width: 24px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.select-wrap > select + span > svg{
  display: inline-block;
  height: 16px;
  min-height: 16px;
  width: 16px;
  min-width: 16px;
}
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(.select-wrap > select + span > svg){
  margin-top: 30px;
}
.select-wrap > select {
    margin: 0 !important;
  }
select {
    min-inline-size: calc(anchor-size(self-inline) + 20px);
    scroll-behavior: smooth;
    scrollbar-color: var(--color-slate-400) transparent;
    position: relative;
    z-index: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 0px;
    background-color: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 300ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
select:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}
select {
    height: 33.5px;
    min-height: 33.5px;
    line-height: 1.5;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    /* enable transitions in the drop down */
    /* set the off stage styles */
    /* set the on stage styles */
    /* reset some picker styles */
  }
select:focus{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
select:focus:is(.dark *){
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
}
select option{
  flex: 1 1 auto;
  cursor: pointer;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.375rem;
  padding-right: 1rem;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  animation-duration: 200ms;
}
select option:nth-of-type(even){
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
select option:nth-of-type(even):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
select option:nth-of-type(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
select option:nth-of-type(odd):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}
select option:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
select option:hover:not(:disabled){
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
select option:disabled{
  cursor: not-allowed;
  opacity: 0.9;
}
select::picker(select) {
    background-color: Field;
    margin: 0;
    padding: 0;
    inset: auto;
    min-inline-size: calc(anchor-size(self-inline) + 10px);
    max-block-size: 20lh;
    scrollbar-width: thin;
    position-try-fallbacks: block-start span-inline-end, block-end span-inline-start, block-start span-inline-start;
    transition: opacity 0.2s ease, transform 0.2s var(--ease-out-3), display 0.2s allow-discrete, overlay 0.2s allow-discrete;
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 300ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
select::picker-icon{
  margin-top: -7px;
  margin-right: 0.25rem;
  font-size: 1.15rem;
  line-height: 1.75rem;
  position: absolute;
  right: 0.5rem;
  display: inline-flex;
  height: 14px;
  min-height: 14px;
  width: 14px;
  min-width: 14px;
  max-width: 14px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  --tw-rotate: -45deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 300ms !important;
  animation-duration: 300ms !important;
    margin-inline-start: 0;
    content: "⌞";
    line-height: normal;
}
select:not(:open)::picker(select) {
    opacity: 0;
    transform: scale(0.95);
  }
select:open::picker(select) {
    opacity: 1;
    transform: scale(1);
    border-radius: 0.375rem;
  }
select:open::picker-icon{
  --tw-rotate: 135;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
select::picker(select){
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 0px;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
select:is(.dark *)::picker(select){
  --tw-border-opacity: 1;
  border-color: rgb(3 7 18 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
select::picker(select) {
    margin-block: 1px;
  }
.dark select {
    scrollbar-color: var(--color-gray-300) transparent;
  }
input[type=radio] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    /* Not removed via appearance */
    margin: 0;
    height: 20px;
    min-width: 20px;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
input[type=radio]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(3 7 18 / var(--tw-border-opacity));
}
input[type=radio]:is(.dark *):is(.dark *){
  background-color: rgb(31 41 55 / 0.7);
}
input[type=radio]{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-content: center;
  place-items: center;
}
input[type=radio]::before {
    content: "";
    display: inline-block;
    height: 12px;
    min-height: 12px;
    width: 12px;
    min-width: 12px;
    border-radius: 9999px;
  }
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(input[type=radio])::before{
  margin-top: 30px;
}
input[type=radio]:is(:checked)::before{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
  }
input[type=checkbox]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(3 7 18 / var(--tw-border-opacity));
}
input[type=checkbox]{
  margin-right: 0.5rem;
  height: 20px;
  min-width: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
input[type=checkbox]:is(.dark *):is(.dark *){
  background-color: rgb(31 41 55 / 0.7);
}
input[type=checkbox]::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    display: inline-block;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(input[type=checkbox])::before{
  margin-top: 30px;
}
input[type=checkbox]:checked:is(.dark *):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
input[type=checkbox]:checked::before {
    content: "✓";
    font-family: open-sans, sans-serif;
    font-size: 0.95rem;
    line-height: 1.4rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
  }
input[type=checkbox]:checked:is(.dark *)::before{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.control-checkbox{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
label.control-checkbox{
  display: flex;
  flex-direction: row;
}
.inline-checkboxes{
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.inline-checkboxes > label{
  margin-bottom: 0px;
  margin-right: 0.5rem;
  display: inline-flex;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
}
.inline-checkboxes input[type=radio],
  .inline-checkboxes input[type=checkbox]{
  margin-right: 0.25rem;
}
.control-radio{
  margin-right: 0.5rem;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.control-radio input[type=radio]{
  margin-right: 0.25rem;
  display: inline-flex;
}
.radio{
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.radio input[type=radio]{
  margin-right: 0.5rem;
  height: 20px;
  width: 20px;
  min-width: 20px;
}
.radio > label{
  flex: 1 1 auto;
  cursor: pointer;
}
.radio-field-list{
  display: flex;
  flex-direction: column;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.radio-field-list label {
    margin: 0;
  }
.radio-field-list .field-item{
  margin-right: 0.5rem;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.radio-field-list .field-item .radio-field{
  margin-right: 0.125rem;
  display: inline-flex;
}
.radio-field-list .field-item .radio-field input{
  height: 20px;
  width: 20px;
}
.radio-field-list .radio-field-label,
  .radio-field-list .radio-field-label label{
  cursor: pointer;
}
.radio-field-list .radio-field-label label{
  white-space: break-spaces;
}
.radio-field-list.horizontal{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.radio-field-list:not(.horizontal) .field-item {
    margin-right: 0;
    margin-bottom: 8px;
  }
.checkbox{
  display: flex;
  width: auto;
  flex-direction: row;
  flex-wrap: nowrap;
}
.checkbox-field-list {
    display: flex;
    flex-direction: column;
    padding: 3px 0 8px;
  }
.checkbox-field-list .field-item {
    flex: auto;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 5px;
    flex-wrap: nowrap;
  }
.checkbox-field-list .field-item .checkbox-field {
    margin-right: 3px;
    display: inline-flex;
  }
.checkbox-field-list .field-item .checkbox-field input {
    width: 20px;
    height: 20px;
  }
.checkbox-field-list .field-item .checkbox-field-label,
  .checkbox-field-list .field-item .checkbox-field-label label {
    cursor: pointer;
  }
.checkbox-field-list .field-item .checkbox-field-label label {
    white-space: break-spaces;
    margin-bottom: 0;
  }
.checkbox-field-list.horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
.checkbox-field-list.horizontal .field-item {
    width: 48%;
  }
.checkbox-field-list:not(.horizontal) .field-item {
    margin-right: 0;
    margin-bottom: 8px;
  }
.checkbox-field-label,
  .radio-field-label {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.type-checkbox > .form-field-wrapper {
    display: flex;
    flex-direction: row;
  }
.type-checkbox > .form-field-wrapper > .checkbox {
    position: relative;
    top: 1px;
  }
.type-radiolist > .form-field-wrapper .radio-field-list .field-item label {
    margin: 0 !important;
  }
.type-radiolist > .form-field-wrapper .radio-field-list.horizontal .field-item label {
    margin: 0 !important;
  }
.apo-radio-list input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    cursor: pointer;
  }
.apo-radio-list .entry .label {
    cursor: pointer !important;
    position: relative;
    z-index: 3;
    pointer-events: none;
  }
h1, h2, h3, h4, h5, h6{
  margin-bottom: 0.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
h1:is(.dark *), h2:is(.dark *), h3:is(.dark *), h4:is(.dark *), h5:is(.dark *), h6:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
h1 div, h2 div, h3 div, h4 div, h5 div, h6 div{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
h1 div:is(.dark *), h2 div:is(.dark *), h3 div:is(.dark *), h4 div:is(.dark *), h5 div:is(.dark *), h6 div:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
h1 div, h2 div, h3 div, h4 div, h5 div, h6 div{
  margin-bottom: 0.25rem;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding-top: 0.125rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(178 0 25 / var(--tw-text-opacity));
}
h1 div:is(.dark *), h2 div:is(.dark *), h3 div:is(.dark *), h4 div:is(.dark *), h5 div:is(.dark *), h6 div:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(75 85 99 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
h1 div:empty, h2 div:empty, h3 div:empty, h4 div:empty, h5 div:empty, h6 div:empty {
    padding: 0.35rem 0;
  }
h1 + h2,
  h2 + h3,
  h3 + h4,
  h4 + h5,
  h5 + h6{
  margin-top: 0.625rem;
}
p + h2, p + h3, p + h4, p + h5, p + h6,
  div + h2, div + h3, div + h4, div + h5, div + h6{
  margin-top: 0.625rem;
}
h1{
  font-size: 1.5rem;
  line-height: 2rem;
}
h2{
  font-size: 1.35rem;
  line-height: 1.75rem;
}
h2.underline {
    text-decoration: none !important;
    border-bottom-width: 3px;
    --tw-border-opacity: 1;
    border-color: rgb(178 0 25 / var(--tw-border-opacity));
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: unset;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 0.25rem;
  }
h3{
  font-size: 1.15rem;
  line-height: 1.75rem;
}
h4{
  font-size: 0.95rem;
  line-height: 1.4rem;
}
h5{
  font-size: 0.95rem;
  line-height: 1.4rem;
}
h6{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.sub-header{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.sub-header:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.sub-header{
  margin-bottom: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding-top: 0.125rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(178 0 25 / var(--tw-text-opacity));
}
.sub-header:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(17 24 39 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.wichtig{
  font-weight: 600;
}
p{
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
}
abbr,
  [rel=help] {
    border-bottom: 1px dotted;
  }
a[rel=help] {
    -webkit-text-decoration: dotted;
            text-decoration: dotted;
  }
a,
  a:hover{
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
a{
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
a:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
a:not([rel=help]) {
    text-decoration: none;
  }
a:hover{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
a:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
a:hover{
  --tw-text-opacity: 1;
  color: rgb(178 0 25 / var(--tw-text-opacity));
}
a:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-normal{
  font-size: 0.95rem;
  line-height: 1.4rem;
}
.text-muted{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-muted:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-bold{
  font-weight: 700;
}
.text-blue{
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
.text-blue:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.dark [class*=text-lakt-blue]{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.text-lakt-red,
  .text-red{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-lakt-red:is(.dark *),
  .text-red:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
small,
  .small{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-nowrap,
  .nobr{
  white-space: nowrap;
}
.text-small {
    font-size: small;
  }
.text-italic {
    font-style: italic;
  }
.text-center {
    text-align: center;
  }
.text-right {
    text-align: right;
  }
.text-left {
    text-align: left;
  }
.content-with-sidebar .text-muted{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.content-with-sidebar .text-muted:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
main .single-content p:not(:first-of-type),
  main .content-with-sidebar p:not(:first-of-type){
  margin-top: 0px;
}
main .single-content ul:not(.nav-tabs):not(.form-errors-list),
  main .content-with-sidebar ul:not(.nav-tabs):not(.form-errors-list){
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1.25rem;
  list-style-type: disc;
}
main .single-content ul:not(.nav-tabs):not(.form-errors-list) li,
  main .content-with-sidebar ul:not(.nav-tabs):not(.form-errors-list) li{
  margin-bottom: 0.5rem;
}
main .single-content ol:not(.nav-tabs):not(.form-errors-list),
  main .content-with-sidebar ol:not(.nav-tabs):not(.form-errors-list){
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1.25rem;
  list-style-type: decimal;
}
main .single-content ol:not(.nav-tabs):not(.form-errors-list) li,
  main .content-with-sidebar ol:not(.nav-tabs):not(.form-errors-list) li{
  margin-bottom: 0.5rem;
}
body:not(.dark).contrast-mode table thead th, body:not(.dark).contrast-mode table tbody tr td{
  --tw-border-opacity: 1 !important;
  border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}
.dark.contrast-mode table thead th, .dark.contrast-mode table tbody tr td{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
.pointer-events-none{
  pointer-events: none;
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.-bottom-0{
  bottom: -0px;
}
.-bottom-0\.5{
  bottom: -0.125rem;
}
.-bottom-2{
  bottom: -0.5rem;
}
.-bottom-\[2px\]{
  bottom: -2px;
}
.-left-\[2px\]{
  left: -2px;
}
.-left-\[8px\]{
  left: -8px;
}
.-left-full{
  left: -100%;
}
.-right-\[70px\]{
  right: -70px;
}
.-right-full{
  right: -100%;
}
.-top-0\.5{
  top: -0.125rem;
}
.-top-\[10px\]{
  top: -10px;
}
.-top-\[20px\]{
  top: -20px;
}
.-top-\[2px\]{
  top: -2px;
}
.-top-\[5px\]{
  top: -5px;
}
.-top-full{
  top: -100%;
}
.bottom-0{
  bottom: 0px;
}
.bottom-0\.5{
  bottom: 0.125rem;
}
.bottom-1{
  bottom: 0.25rem;
}
.bottom-\[40\%\]{
  bottom: 40%;
}
.bottom-\[5px\]{
  bottom: 5px;
}
.left-0{
  left: 0px;
}
.left-0\.5{
  left: 0.125rem;
}
.left-1\/2{
  left: 50%;
}
.left-\[10px\]{
  left: 10px;
}
.left-\[15px\]{
  left: 15px;
}
.left-\[35\%\]{
  left: 35%;
}
.left-auto{
  left: auto;
}
.right-0{
  right: 0px;
}
.right-1{
  right: 0.25rem;
}
.right-1\/2{
  right: 50%;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.right-5{
  right: 1.25rem;
}
.right-\[100px\]{
  right: 100px;
}
.right-\[170px\]{
  right: 170px;
}
.right-px{
  right: 1px;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1{
  top: 0.25rem;
}
.top-1\/2{
  top: 50%;
}
.top-3{
  top: 0.75rem;
}
.top-\[30\%\]{
  top: 30%;
}
.top-\[55px\]{
  top: 55px;
}
.top-\[5px\]{
  top: 5px;
}
.top-full{
  top: 100%;
}
.-z-\[1\]{
  z-index: -1;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-50{
  z-index: 50;
}
.z-\[10\]{
  z-index: 10;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[2\]{
  z-index: 2;
}
.z-\[3\]{
  z-index: 3;
}
.z-\[9999\]{
  z-index: 9999;
}
.z-\[999\]{
  z-index: 999;
}
.float-right{
  float: right;
}
.float-left{
  float: left;
}
.m-0{
  margin: 0px;
}
.m-2{
  margin: 0.5rem;
}
.m-\[15px\]{
  margin: 15px;
}
.-mx-0{
  margin-left: -0px;
  margin-right: -0px;
}
.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-\[15px\]{
  margin-left: -15px;
  margin-right: -15px;
}
.mx-0{
  margin-left: 0px;
  margin-right: 0px;
}
.mx-0\.5{
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-\[30px\]{
  margin-top: 30px;
  margin-bottom: 30px;
}
.-ml-1\.5{
  margin-left: -0.375rem;
}
.-mt-\[7px\]{
  margin-top: -7px;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-14{
  margin-bottom: 3.5rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mb-20{
  margin-bottom: 5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-40{
  margin-bottom: 10rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-\[20px\]{
  margin-bottom: 20px;
}
.mb-\[30px\]{
  margin-bottom: 30px;
}
.mb-\[40px\]{
  margin-bottom: 40px;
}
.ml-0{
  margin-left: 0px;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-10{
  margin-left: 2.5rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-20{
  margin-left: 5rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-\[10px\]{
  margin-left: 10px;
}
.ml-\[20px\]{
  margin-left: 20px;
}
.ml-\[30px\]{
  margin-left: 30px;
}
.mr-0{
  margin-right: 0px;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-10{
  margin-right: 2.5rem;
}
.mr-12{
  margin-right: 3rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-2\.5{
  margin-right: 0.625rem;
}
.mr-20{
  margin-right: 5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-\[10px\]{
  margin-right: 10px;
}
.mr-\[20px\]{
  margin-right: 20px;
}
.mr-\[30px\]{
  margin-right: 30px;
}
.mt-0{
  margin-top: 0px;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-14{
  margin-top: 3.5rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-20{
  margin-top: 5rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-40{
  margin-top: 10rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-\[10px\]{
  margin-top: 10px;
}
.mt-\[20px\]{
  margin-top: 20px;
}
.mt-\[30px\]{
  margin-top: 30px;
}
.mt-\[40px\]{
  margin-top: 40px;
}
.mt-\[50px\]{
  margin-top: 50px;
}
.mt-\[60px\]{
  margin-top: 60px;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.h-14{
  height: 3.5rem;
}
.h-3{
  height: 0.75rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[100\%\]{
  height: 100%;
}
.h-\[12px\]{
  height: 12px;
}
.h-\[14px\]{
  height: 14px;
}
.h-\[16px\]{
  height: 16px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[190px\]{
  height: 190px;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[200px\]{
  height: 200px;
}
.h-\[20px\]{
  height: 20px;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[24px\]{
  height: 24px;
}
.h-\[26px\]{
  height: 26px;
}
.h-\[30px\]{
  height: 30px;
}
.h-\[32px\]{
  height: 32px;
}
.h-\[33\.5px\]{
  height: 33.5px;
}
.h-\[33px\]{
  height: 33px;
}
.h-\[34px\]{
  height: 34px;
}
.h-\[36px\]{
  height: 36px;
}
.h-\[400px\]{
  height: 400px;
}
.h-\[40px\]{
  height: 40px;
}
.h-\[45px\]{
  height: 45px;
}
.h-\[48px\]{
  height: 48px;
}
.h-\[50px\]{
  height: 50px;
}
.h-\[55px\]{
  height: 55px;
}
.h-\[60px\]{
  height: 60px;
}
.h-\[85px\]{
  height: 85px;
}
.h-\[90px\]{
  height: 90px;
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.max-h-0{
  max-height: 0px;
}
.max-h-14{
  max-height: 3.5rem;
}
.max-h-\[100vh\]{
  max-height: 100vh;
}
.max-h-\[30px\]{
  max-height: 30px;
}
.max-h-\[400px\]{
  max-height: 400px;
}
.max-h-\[45px\]{
  max-height: 45px;
}
.max-h-\[70px\]{
  max-height: 70px;
}
.min-h-0{
  min-height: 0px;
}
.min-h-30{
  min-height: 30px;
}
.min-h-6{
  min-height: 1.5rem;
}
.min-h-\[100dvh\]{
  min-height: 100dvh;
}
.min-h-\[100px\]{
  min-height: 100px;
}
.min-h-\[12px\]{
  min-height: 12px;
}
.min-h-\[14px\]{
  min-height: 14px;
}
.min-h-\[16px\]{
  min-height: 16px;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-\[30px\]{
  min-height: 30px;
}
.min-h-\[31px\]{
  min-height: 31px;
}
.min-h-\[33\.5px\]{
  min-height: 33.5px;
}
.min-h-\[38px\]{
  min-height: 38px;
}
.min-h-\[40px\]{
  min-height: 40px;
}
.min-h-\[50px\]{
  min-height: 50px;
}
.min-h-\[64px\]{
  min-height: 64px;
}
.min-h-\[70px\]{
  min-height: 70px;
}
.min-h-\[unset\]{
  min-height: unset;
}
.w-0{
  width: 0px;
}
.w-1\/2{
  width: 50%;
}
.w-1\/4{
  width: 25%;
}
.w-2{
  width: 0.5rem;
}
.w-4{
  width: 1rem;
}
.w-5{
  width: 1.25rem;
}
.w-\[10\%\]{
  width: 10%;
}
.w-\[100\%\]{
  width: 100%;
}
.w-\[120px\]{
  width: 120px;
}
.w-\[12px\]{
  width: 12px;
}
.w-\[144px\]{
  width: 144px;
}
.w-\[14px\]{
  width: 14px;
}
.w-\[150px\]{
  width: 150px;
}
.w-\[16px\]{
  width: 16px;
}
.w-\[175px\]{
  width: 175px;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[20px\]{
  width: 20px;
}
.w-\[22px\]{
  width: 22px;
}
.w-\[24px\]{
  width: 24px;
}
.w-\[26px\]{
  width: 26px;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[30px\]{
  width: 30px;
}
.w-\[34px\]{
  width: 34px;
}
.w-\[35\%\]{
  width: 35%;
}
.w-\[350px\]{
  width: 350px;
}
.w-\[36px\]{
  width: 36px;
}
.w-\[40\%\]{
  width: 40%;
}
.w-\[40px\]{
  width: 40px;
}
.w-\[540px\]{
  width: 540px;
}
.w-\[55px\]{
  width: 55px;
}
.w-\[60px\]{
  width: 60px;
}
.w-\[70px\]{
  width: 70px;
}
.w-\[74px\]{
  width: 74px;
}
.w-\[75px\]{
  width: 75px;
}
.w-\[80px\]{
  width: 80px;
}
.w-\[90\%\]{
  width: 90%;
}
.w-\[95px\]{
  width: 95px;
}
.w-\[99\%\]{
  width: 99%;
}
.w-auto{
  width: auto;
}
.w-full{
  width: 100%;
}
.min-w-0{
  min-width: 0px;
}
.min-w-2{
  min-width: 0.5rem;
}
.min-w-4{
  min-width: 1rem;
}
.min-w-5{
  min-width: 1.25rem;
}
.min-w-\[100\%\]{
  min-width: 100%;
}
.min-w-\[12px\]{
  min-width: 12px;
}
.min-w-\[14px\]{
  min-width: 14px;
}
.min-w-\[16px\]{
  min-width: 16px;
}
.min-w-\[175px\]{
  min-width: 175px;
}
.min-w-\[18px\]{
  min-width: 18px;
}
.min-w-\[20px\]{
  min-width: 20px;
}
.min-w-\[24px\]{
  min-width: 24px;
}
.min-w-\[250px\]{
  min-width: 250px;
}
.min-w-\[25px\]{
  min-width: 25px;
}
.min-w-\[30px\]{
  min-width: 30px;
}
.min-w-\[33px\]{
  min-width: 33px;
}
.min-w-\[40px\]{
  min-width: 40px;
}
.min-w-\[74px\]{
  min-width: 74px;
}
.min-w-\[75px\]{
  min-width: 75px;
}
.min-w-\[80px\]{
  min-width: 80px;
}
.min-w-\[98\%\]{
  min-width: 98%;
}
.max-w-2{
  max-width: 0.5rem;
}
.max-w-\[140px\]{
  max-width: 140px;
}
.max-w-\[14px\]{
  max-width: 14px;
}
.max-w-\[300px\]{
  max-width: 300px;
}
.max-w-\[50\%\]{
  max-width: 50%;
}
.max-w-\[65\%\]{
  max-width: 65%;
}
.max-w-\[74px\]{
  max-width: 74px;
}
.max-w-\[90\%\]{
  max-width: 90%;
}
.max-w-full{
  max-width: 100%;
}
.max-w-none{
  max-width: none;
}
.flex-auto{
  flex: 1 1 auto;
}
.border-collapse{
  border-collapse: collapse;
}
.-rotate-45{
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[135\]{
  --tw-rotate: 135;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[103\%\]{
  --tw-scale-x: 103%;
  --tw-scale-y: 103%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[130\%\]{
  --tw-scale-x: 130%;
  --tw-scale-y: 130%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize{
  resize: both;
}
.list-decimal{
  list-style-type: decimal;
}
.list-disc{
  list-style-type: disc;
}
.list-none{
  list-style-type: none;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.place-items-center{
  place-items: center;
}
.content-around{
  align-content: space-around;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-stretch{
  align-items: stretch;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.justify-evenly{
  justify-content: space-evenly;
}
.justify-stretch{
  justify-content: stretch;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.text-nowrap{
  text-wrap: nowrap;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-none{
  border-radius: 0px;
}
.rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-md{
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-l-none{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r-none{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-md{
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-bl{
  border-bottom-left-radius: 0.25rem;
}
.rounded-bl-\[4px\]{
  border-bottom-left-radius: 4px;
}
.rounded-bl-none{
  border-bottom-left-radius: 0px;
}
.rounded-br{
  border-bottom-right-radius: 0.25rem;
}
.rounded-br-\[4px\]{
  border-bottom-right-radius: 4px;
}
.rounded-tl-\[4px\]{
  border-top-left-radius: 4px;
}
.rounded-tl-none{
  border-top-left-radius: 0px;
}
.rounded-tr-\[4px\]{
  border-top-right-radius: 4px;
}
.rounded-tr-none{
  border-top-right-radius: 0px;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-\[2px\]{
  border-width: 2px;
}
.border-\[3px\]{
  border-width: 3px;
}
.border-x{
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-0{
  border-bottom-width: 0px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-b-\[3px\]{
  border-bottom-width: 3px;
}
.border-b-\[5px\]{
  border-bottom-width: 5px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-\[3px\]{
  border-left-width: 3px;
}
.border-r-0{
  border-right-width: 0px;
}
.border-r-2{
  border-right-width: 2px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-2{
  border-top-width: 2px;
}
.border-dashed{
  border-style: dashed;
}
.border-blue-200{
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity));
}
.border-blue-500{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}
.border-blue-900{
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity));
}
.border-blue-950{
  --tw-border-opacity: 1;
  border-color: rgb(23 37 84 / var(--tw-border-opacity));
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-400{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.border-gray-500{
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
.border-lakt-blue{
  --tw-border-opacity: 1;
  border-color: rgb(0 48 94 / var(--tw-border-opacity));
}
.border-lakt-red{
  --tw-border-opacity: 1;
  border-color: rgb(178 0 25 / var(--tw-border-opacity));
}
.border-orange-500{
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity));
}
.border-red-300{
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
}
.border-red-800{
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity));
}
.border-red-900{
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity));
}
.border-transparent{
  border-color: transparent;
}
.border-b-gray-200{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-b-gray-300{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-b-lakt-red{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(178 0 25 / var(--tw-border-opacity));
}
.border-b-transparent{
  border-bottom-color: transparent;
}
.border-b-white{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-l-gray-200{
  --tw-border-opacity: 1;
  border-left-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-l-gray-400{
  --tw-border-opacity: 1;
  border-left-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.border-l-purple-600{
  --tw-border-opacity: 1;
  border-left-color: rgb(147 51 234 / var(--tw-border-opacity));
}
.border-r-gray-300{
  --tw-border-opacity: 1;
  border-right-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-r-transparent{
  border-right-color: transparent;
}
.border-t-gray-200{
  --tw-border-opacity: 1;
  border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-t-gray-300{
  --tw-border-opacity: 1;
  border-top-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-t-gray-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(107 114 128 / var(--tw-border-opacity));
}
.border-t-lakt-blue{
  --tw-border-opacity: 1;
  border-top-color: rgb(0 48 94 / var(--tw-border-opacity));
}
.border-opacity-40{
  --tw-border-opacity: 0.4;
}
.border-opacity-50{
  --tw-border-opacity: 0.5;
}
.border-opacity-60{
  --tw-border-opacity: 0.6;
}
.border-opacity-80{
  --tw-border-opacity: 0.8;
}
.bg-amber-400{
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.bg-blue-300{
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}
.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-blue-700{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.bg-blue-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}
.bg-blue-950{
  --tw-bg-opacity: 1;
  background-color: rgb(23 37 84 / var(--tw-bg-opacity));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-100\/80{
  background-color: rgb(243 244 246 / 0.8);
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-gray-950{
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity));
}
.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.bg-lakt-blue{
  --tw-bg-opacity: 1;
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
}
.bg-lakt-blue\/70{
  background-color: rgb(0 48 94 / 0.7);
}
.bg-lakt-blue\/95{
  background-color: rgb(0 48 94 / 0.95);
}
.bg-lakt-red{
  --tw-bg-opacity: 1;
  background-color: rgb(178 0 25 / var(--tw-bg-opacity));
}
.bg-orange-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / var(--tw-bg-opacity));
}
.bg-orange-500{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}
.bg-orange-600{
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}
.bg-purple-500{
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-red-800{
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
}
.bg-red-900{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-opacity-10{
  --tw-bg-opacity: 0.1;
}
.bg-opacity-100{
  --tw-bg-opacity: 1;
}
.bg-opacity-20{
  --tw-bg-opacity: 0.2;
}
.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}
.bg-opacity-60{
  --tw-bg-opacity: 0.6;
}
.bg-opacity-70{
  --tw-bg-opacity: 0.7;
}
.bg-opacity-80{
  --tw-bg-opacity: 0.8;
}
.bg-opacity-90{
  --tw-bg-opacity: 0.9;
}
.bg-cover{
  background-size: cover;
}
.fill-blue-400{
  fill: #60a5fa;
}
.fill-blue-500{
  fill: #3b82f6;
}
.fill-gray-100{
  fill: #f3f4f6;
}
.fill-gray-800{
  fill: #1f2937;
}
.fill-white{
  fill: #ffffff;
}
.stroke-lakt-blue{
  stroke: #00305e;
}
.stroke-lakt-red{
  stroke: #b20019;
}
.stroke-2{
  stroke-width: 2;
}
.stroke-\[1\.5px\]{
  stroke-width: 1.5px;
}
.stroke-\[1\.6px\]{
  stroke-width: 1.6px;
}
.stroke-\[1\.8px\]{
  stroke-width: 1.8px;
}
.stroke-\[2\.4px\]{
  stroke-width: 2.4px;
}
.stroke-\[2px\]{
  stroke-width: 2px;
}
.stroke-\[4px\]{
  stroke-width: 4px;
}
.p-0{
  padding: 0px;
}
.p-10{
  padding: 2.5rem;
}
.p-2{
  padding: 0.5rem;
}
.p-4{
  padding: 1rem;
}
.p-\[15px\]{
  padding: 15px;
}
.p-\[1px\]{
  padding: 1px;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-\[20px\]{
  padding-left: 20px;
  padding-right: 20px;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-\[20px\]{
  padding-top: 20px;
  padding-bottom: 20px;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-0\.5{
  padding-bottom: 0.125rem;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-2\.5{
  padding-bottom: 0.625rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-\[30px\]{
  padding-bottom: 30px;
}
.pb-\[45px\]{
  padding-bottom: 45px;
}
.pl-0{
  padding-left: 0px;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-1\.5{
  padding-left: 0.375rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-\[148px\]{
  padding-left: 148px;
}
.pl-\[22px\]{
  padding-left: 22px;
}
.pl-\[24px\]{
  padding-left: 24px;
}
.pr-0{
  padding-right: 0px;
}
.pr-16{
  padding-right: 4rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-\[2px\]{
  padding-right: 2px;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-\[4px\]{
  padding-top: 4px;
}
.pt-\[50px\]{
  padding-top: 50px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.font-sans{
  font-family: open-sans, sans-serif;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-\[0\.85rem\]{
  font-size: 0.85rem;
}
.text-\[1\.06rem\]{
  font-size: 1.06rem;
}
.text-base{
  font-size: 0.95rem;
  line-height: 1.4rem;
}
.text-lg{
  font-size: 1.15rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.italic{
  font-style: italic;
}
.not-italic{
  font-style: normal;
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-100{
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity));
}
.text-blue-200{
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
}
.text-blue-300{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}
.text-blue-400{
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}
.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-lakt-blue{
  --tw-text-opacity: 1;
  color: rgb(0 48 94 / var(--tw-text-opacity));
}
.text-lakt-red{
  --tw-text-opacity: 1;
  color: rgb(178 0 25 / var(--tw-text-opacity));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-90{
  opacity: 0.9;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-gray-200{
  --tw-shadow-color: #e5e7eb;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-300{
  --tw-shadow-color: #d1d5db;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-400{
  --tw-shadow-color: #9ca3af;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-500{
  --tw-shadow-color: #6b7280;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-600\/10{
  --tw-shadow-color: rgb(75 85 99 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-800\/20{
  --tw-shadow-color: rgb(31 41 55 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-gray-900\/20{
  --tw-shadow-color: rgb(17 24 39 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.outline-orange-600{
  outline-color: #ea580c;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-none{
  --tw-drop-shadow: drop-shadow(0 0 #0000);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none{
  transition-property: none;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes enter{
  from{
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit{
  to{
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.duration-100{
  animation-duration: 100ms;
}
.duration-200{
  animation-duration: 200ms;
}
.duration-300{
  animation-duration: 300ms;
}
.ease-in-out{
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.running{
  animation-play-state: running;
}
:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.icon-wrap{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

svg{
  fill: none;
}

.mt-50{
  margin-top: 50px;
}

.mt-40{
  margin-top: 40px;
}

.mt-30{
  margin-top: 30px;
}

.mt-20{
  margin-top: 20px;
}

.mt-10{
  margin-top: 10px;
}

.ml-30{
  margin-left: 30px;
}

.ml-20{
  margin-left: 20px;
}

.ml-10{
  margin-left: 10px;
}

.mr-30{
  margin-right: 30px;
}

.mr-20{
  margin-right: 20px;
}

.mr-10{
  margin-right: 10px;
}

.mb-50{
  margin-top: 50px;
}

.mb-40{
  margin-top: 40px;
}

.mb-30{
  margin-bottom: 30px;
}

.mb-20{
  margin-top: 20px;
}

.mb-10{
  margin-top: 10px;
}

.mb-15{
  margin-top: 20px;
}

.p-10{
  padding: 0.5rem !important;
}

.p-15{
  padding: 15px !important;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track{
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
}

/* Handle */
::-webkit-scrollbar-thumb{
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.9;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-duration: 300ms;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover{
  background-color: rgb(0 48 94 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
}

:is(.dark)::-webkit-scrollbar-track{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

:is(.dark)::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

:is(.dark)::-webkit-scrollbar-thumb:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

:is(.dark) nav.navbar::-webkit-scrollbar-track{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

:is(.dark) nav.navbar::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

:is(.dark) nav.navbar::-webkit-scrollbar-thumb:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

address{
  font-style: normal;
}

.col-half{
  width: 50%;
}

.d-flex{
  display: flex;
  flex-direction: row;
}

[class*=flex-row]{
  flex-direction: row;
}

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

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

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

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

.hide, .hidden {
  display: none !important;
}

.text-small{
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-nowrap{
  white-space: nowrap;
}

hr{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

hr:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

pre{
  white-space: pre-wrap;
}

.file-not-found {
  word-break: break-all;
  overflow-wrap: break-word;
}

.float-right {
  float: right !important;
}

.search-query-operators{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.search-query-operators > div > b {
    display: inline-block;
    width: 20px;
    text-align: center;
  }
.form-field .form-field-wrapper > [data-show-when]:not(button):not(input):not(select):not(textarea):not(a):not(.search-query-operators > div > b){
  margin-top: 30px;
}

noscript{
  position: sticky;
  top: 0px;
  z-index: 50;
}
noscript .noscript-header {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    font-size: 1.15rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

.accordion-text-only .n-acc input[type=checkbox] + label .n-acc-id > span:not(.fa){
  display: none;
}

.hover\:border-blue-600:hover{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.hover\:border-gray-200:hover{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.hover\:bg-blue-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.hover\:text-blue-200:hover{
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
}

.hover\:text-blue-300:hover{
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:shadow-inner:hover{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:border-0:is(.dark *){
  border-width: 0px;
}

.dark\:border-b:is(.dark *){
  border-bottom-width: 1px;
}

.dark\:border-t:is(.dark *){
  border-top-width: 1px;
}

.dark\:border-blue-400:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}

.dark\:border-blue-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.dark\:border-blue-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
}

.dark\:border-blue-950:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(23 37 84 / var(--tw-border-opacity));
}

.dark\:border-gray-300:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.dark\:border-gray-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.dark\:border-gray-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}

.dark\:border-gray-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.dark\:border-gray-950:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(3 7 18 / var(--tw-border-opacity));
}

.dark\:border-b-gray-500:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(107 114 128 / var(--tw-border-opacity));
}

.dark\:border-b-gray-600:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.dark\:border-b-gray-900:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.dark\:border-b-gray-950:is(.dark *){
  --tw-border-opacity: 1;
  border-bottom-color: rgb(3 7 18 / var(--tw-border-opacity));
}

.dark\:border-r-gray-900:is(.dark *){
  --tw-border-opacity: 1;
  border-right-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.dark\:border-r-gray-950:is(.dark *){
  --tw-border-opacity: 1;
  border-right-color: rgb(3 7 18 / var(--tw-border-opacity));
}

.dark\:border-t-gray-900:is(.dark *){
  --tw-border-opacity: 1;
  border-top-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.dark\:border-t-gray-950:is(.dark *){
  --tw-border-opacity: 1;
  border-top-color: rgb(3 7 18 / var(--tw-border-opacity));
}

.dark\:border-opacity-70:is(.dark *){
  --tw-border-opacity: 0.7;
}

.dark\:border-opacity-80:is(.dark *){
  --tw-border-opacity: 0.8;
}

.dark\:bg-blue-400:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}

.dark\:bg-blue-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.dark\:bg-blue-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.dark\:bg-blue-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}

.dark\:bg-blue-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}

.dark\:bg-blue-950:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(23 37 84 / var(--tw-bg-opacity));
}

.dark\:bg-gray-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.dark\:bg-gray-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.dark\:bg-gray-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark\:bg-gray-800\/60:is(.dark *){
  background-color: rgb(31 41 55 / 0.6);
}

.dark\:bg-gray-900:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.dark\:bg-gray-950:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity));
}

.dark\:bg-orange-500:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}

.dark\:bg-red-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.dark\:bg-opacity-10:is(.dark *){
  --tw-bg-opacity: 0.1;
}

.dark\:bg-opacity-20:is(.dark *){
  --tw-bg-opacity: 0.2;
}

.dark\:bg-opacity-40:is(.dark *){
  --tw-bg-opacity: 0.4;
}

.dark\:bg-opacity-50:is(.dark *){
  --tw-bg-opacity: 0.5;
}

.dark\:bg-opacity-60:is(.dark *){
  --tw-bg-opacity: 0.6;
}

.dark\:bg-opacity-80:is(.dark *){
  --tw-bg-opacity: 0.8;
}

.dark\:bg-opacity-90:is(.dark *){
  --tw-bg-opacity: 0.9;
}

.dark\:fill-blue-500:is(.dark *){
  fill: #3b82f6;
}

.dark\:fill-white:is(.dark *){
  fill: #ffffff;
}

.dark\:stroke-blue-300:is(.dark *){
  stroke: #93c5fd;
}

.dark\:text-blue-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity));
}

.dark\:text-blue-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity));
}

.dark\:text-blue-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}

.dark\:text-gray-100:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

.dark\:text-gray-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.dark\:text-gray-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.dark\:text-gray-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.dark\:text-red-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}

.dark\:text-red-300:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}

.dark\:text-red-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}

.dark\:text-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark\:shadow-xl:is(.dark *){
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark\:shadow-gray-800:is(.dark *){
  --tw-shadow-color: #1f2937;
  --tw-shadow: var(--tw-shadow-colored);
}

.dark\:shadow-gray-900:is(.dark *){
  --tw-shadow-color: #111827;
  --tw-shadow: var(--tw-shadow-colored);
}

.dark\:shadow-gray-900\/10:is(.dark *){
  --tw-shadow-color: rgb(17 24 39 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}

.dark\:shadow-gray-900\/20:is(.dark *){
  --tw-shadow-color: rgb(17 24 39 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.dark\:shadow-gray-950:is(.dark *){
  --tw-shadow-color: #030712;
  --tw-shadow: var(--tw-shadow-colored);
}

.dark\:shadow-gray-950\/20:is(.dark *){
  --tw-shadow-color: rgb(3 7 18 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.dark\:shadow-gray-950\/80:is(.dark *){
  --tw-shadow-color: rgb(3 7 18 / 0.8);
  --tw-shadow: var(--tw-shadow-colored);
}

.dark\:hover\:border-blue-700:hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
}

.dark\:hover\:bg-gray-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

/*# sourceMappingURL=styles.css.map*/