@charset "UTF-8";

/* src/app/styles.sass */
.inv-ajax-loader {
  background-color: #fff;
  height: 100%;
  left: 0;
  opacity: 0.75;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
.inv-ajax-loader-animation {
  animation: inv-ajax-loader-spin 2.5s linear infinite;
  border: 10px solid #e2e2e2;
  border-bottom-color: #c2c2c2;
  border-radius: 50%;
  box-sizing: border-box;
  height: 100px;
  left: calc(50% - 50px);
  position: absolute;
  top: calc(50% - 50px);
  width: 100px;
  z-index: 1;
}
@keyframes inv-ajax-loader-spin {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.2) rotate(180deg);
  }
  100% {
    transform: scale(1) rotate(360deg);
  }
}
.inv-ajax-outer-elem-div {
  background-color: #fff;
  opacity: 0.75;
  z-index: 11000;
}
[ajaxloader] {
  position: relative;
}
@layer primeflex, primeicons, primeng, dxp-primeng, kuba;
@layer primeicons {
  @font-face {
    font-family: "primeicons";
    font-display: block;
    src: url("./media/primeicons.eot");
    src:
      url("./media/primeicons.eot?#iefix") format("embedded-opentype"),
      url("./media/primeicons.woff2") format("woff2"),
      url("./media/primeicons.woff") format("woff"),
      url("./media/primeicons.ttf") format("truetype"),
      url("./media/primeicons.svg?#primeicons") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  .pi {
    font-family: "primeicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .pi:before {
    --webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .pi-fw {
    width: 1.28571429em;
    text-align: center;
  }
  .pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
  }
  @media (prefers-reduced-motion: reduce) {
    .pi-spin {
      -webkit-animation-delay: -1ms;
      animation-delay: -1ms;
      -webkit-animation-duration: 1ms;
      animation-duration: 1ms;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transition-duration: 0s;
      transition-duration: 0s;
    }
  }
  @-webkit-keyframes fa-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @keyframes fa-spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  .pi-eye-dropper:before {
    content: "\ea3c";
  }
  .pi-code-branch:before {
    content: "\ea3a";
  }
  .pi-signature:before {
    content: "\ea3b";
  }
  .pi-stamp:before {
    content: "\ea3d";
  }
  .pi-rectangle-xmark:before {
    content: "\ea3e";
  }
  .pi-note-sticky:before {
    content: "\ea3f";
  }
  .pi-sidebar:before {
    content: "\ea40";
  }
  .pi-slash:before {
    content: "\ea41";
  }
  .pi-grid-2:before {
    content: "\ea42";
  }
  .pi-columns-2:before {
    content: "\ea43";
  }
  .pi-rows-2:before {
    content: "\ea44";
  }
  .pi-square:before {
    content: "\ea45";
  }
  .pi-compress:before {
    content: "\ea46";
  }
  .pi-pen-line:before {
    content: "\ea47";
  }
  .pi-case-sensitive:before {
    content: "\ea48";
  }
  .pi-text-color:before {
    content: "\ea49";
  }
  .pi-list-tree:before {
    content: "\ea4a";
  }
  .pi-highlighter:before {
    content: "\ea4b";
  }
  .pi-text:before {
    content: "\ea4c";
  }
  .pi-heading-6:before {
    content: "\ea4d";
  }
  .pi-heading-5:before {
    content: "\ea4e";
  }
  .pi-heading-4:before {
    content: "\ea4f";
  }
  .pi-heading-3:before {
    content: "\ea50";
  }
  .pi-heading-2:before {
    content: "\ea51";
  }
  .pi-heading-1:before {
    content: "\ea52";
  }
  .pi-heading:before {
    content: "\ea53";
  }
  .pi-grip:before {
    content: "\ea54";
  }
  .pi-grip-horizontal:before {
    content: "\ea55";
  }
  .pi-grip-vertical:before {
    content: "\ea56";
  }
  .pi-paragraph-right:before {
    content: "\ea57";
  }
  .pi-paragraph-left:before {
    content: "\ea58";
  }
  .pi-arrow-u-turn-up-left:before {
    content: "\ea59";
  }
  .pi-arrow-u-turn-up-right:before {
    content: "\ea5a";
  }
  .pi-horizontal-rule:before {
    content: "\ea5b";
  }
  .pi-outdent:before {
    content: "\ea5c";
  }
  .pi-indent:before {
    content: "\ea5d";
  }
  .pi-list-ol:before {
    content: "\ea5e";
  }
  .pi-block-quote:before {
    content: "\ea5f";
  }
  .pi-superscript:before {
    content: "\ea60";
  }
  .pi-subscript:before {
    content: "\ea61";
  }
  .pi-strikethrough:before {
    content: "\ea62";
  }
  .pi-underline:before {
    content: "\ea63";
  }
  .pi-italic:before {
    content: "\ea64";
  }
  .pi-bold:before {
    content: "\ea65";
  }
  .pi-dot:before {
    content: "\ea66";
  }
  .pi-folder-plus:before {
    content: "\ea05";
  }
  .pi-receipt:before {
    content: "\ea06";
  }
  .pi-asterisk:before {
    content: "\ea07";
  }
  .pi-face-smile:before {
    content: "\ea08";
  }
  .pi-pinterest:before {
    content: "\ea09";
  }
  .pi-expand:before {
    content: "\ea0a";
  }
  .pi-pen-to-square:before {
    content: "\ea0b";
  }
  .pi-wave-pulse:before {
    content: "\ea0c";
  }
  .pi-turkish-lira:before {
    content: "\ea0d";
  }
  .pi-spinner-dotted:before {
    content: "\ea0e";
  }
  .pi-crown:before {
    content: "\ea0f";
  }
  .pi-pause-circle:before {
    content: "\ea10";
  }
  .pi-warehouse:before {
    content: "\ea11";
  }
  .pi-objects-column:before {
    content: "\ea12";
  }
  .pi-clipboard:before {
    content: "\ea13";
  }
  .pi-play-circle:before {
    content: "\ea14";
  }
  .pi-venus:before {
    content: "\ea15";
  }
  .pi-cart-minus:before {
    content: "\ea16";
  }
  .pi-file-plus:before {
    content: "\ea17";
  }
  .pi-microchip:before {
    content: "\ea18";
  }
  .pi-twitch:before {
    content: "\ea19";
  }
  .pi-building-columns:before {
    content: "\ea1a";
  }
  .pi-file-check:before {
    content: "\ea1b";
  }
  .pi-microchip-ai:before {
    content: "\ea1c";
  }
  .pi-trophy:before {
    content: "\ea1d";
  }
  .pi-barcode:before {
    content: "\ea1e";
  }
  .pi-file-arrow-up:before {
    content: "\ea1f";
  }
  .pi-mars:before {
    content: "\ea20";
  }
  .pi-tiktok:before {
    content: "\ea21";
  }
  .pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
  }
  .pi-ethereum:before {
    content: "\ea23";
  }
  .pi-list-check:before {
    content: "\ea24";
  }
  .pi-thumbtack:before {
    content: "\ea25";
  }
  .pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
  }
  .pi-equals:before {
    content: "\ea27";
  }
  .pi-lightbulb:before {
    content: "\ea28";
  }
  .pi-star-half:before {
    content: "\ea29";
  }
  .pi-address-book:before {
    content: "\ea2a";
  }
  .pi-chart-scatter:before {
    content: "\ea2b";
  }
  .pi-indian-rupee:before {
    content: "\ea2c";
  }
  .pi-star-half-fill:before {
    content: "\ea2d";
  }
  .pi-cart-arrow-down:before {
    content: "\ea2e";
  }
  .pi-calendar-clock:before {
    content: "\ea2f";
  }
  .pi-sort-up-fill:before {
    content: "\ea30";
  }
  .pi-sparkles:before {
    content: "\ea31";
  }
  .pi-bullseye:before {
    content: "\ea32";
  }
  .pi-sort-down-fill:before {
    content: "\ea33";
  }
  .pi-graduation-cap:before {
    content: "\ea34";
  }
  .pi-hammer:before {
    content: "\ea35";
  }
  .pi-bell-slash:before {
    content: "\ea36";
  }
  .pi-gauge:before {
    content: "\ea37";
  }
  .pi-shop:before {
    content: "\ea38";
  }
  .pi-headphones:before {
    content: "\ea39";
  }
  .pi-eraser:before {
    content: "\ea04";
  }
  .pi-stopwatch:before {
    content: "\ea01";
  }
  .pi-verified:before {
    content: "\ea02";
  }
  .pi-delete-left:before {
    content: "\ea03";
  }
  .pi-hourglass:before {
    content: "\e9fe";
  }
  .pi-truck:before {
    content: "\ea00";
  }
  .pi-wrench:before {
    content: "\e9ff";
  }
  .pi-microphone:before {
    content: "\e9fa";
  }
  .pi-megaphone:before {
    content: "\e9fb";
  }
  .pi-arrow-right-arrow-left:before {
    content: "\e9fc";
  }
  .pi-bitcoin:before {
    content: "\e9fd";
  }
  .pi-file-edit:before {
    content: "\e9f6";
  }
  .pi-language:before {
    content: "\e9f7";
  }
  .pi-file-export:before {
    content: "\e9f8";
  }
  .pi-file-import:before {
    content: "\e9f9";
  }
  .pi-file-word:before {
    content: "\e9f1";
  }
  .pi-gift:before {
    content: "\e9f2";
  }
  .pi-cart-plus:before {
    content: "\e9f3";
  }
  .pi-thumbs-down-fill:before {
    content: "\e9f4";
  }
  .pi-thumbs-up-fill:before {
    content: "\e9f5";
  }
  .pi-arrows-alt:before {
    content: "\e9f0";
  }
  .pi-calculator:before {
    content: "\e9ef";
  }
  .pi-sort-alt-slash:before {
    content: "\e9ee";
  }
  .pi-arrows-h:before {
    content: "\e9ec";
  }
  .pi-arrows-v:before {
    content: "\e9ed";
  }
  .pi-pound:before {
    content: "\e9eb";
  }
  .pi-prime:before {
    content: "\e9ea";
  }
  .pi-chart-pie:before {
    content: "\e9e9";
  }
  .pi-reddit:before {
    content: "\e9e8";
  }
  .pi-code:before {
    content: "\e9e7";
  }
  .pi-sync:before {
    content: "\e9e6";
  }
  .pi-shopping-bag:before {
    content: "\e9e5";
  }
  .pi-server:before {
    content: "\e9e4";
  }
  .pi-database:before {
    content: "\e9e3";
  }
  .pi-hashtag:before {
    content: "\e9e2";
  }
  .pi-bookmark-fill:before {
    content: "\e9df";
  }
  .pi-filter-fill:before {
    content: "\e9e0";
  }
  .pi-heart-fill:before {
    content: "\e9e1";
  }
  .pi-flag-fill:before {
    content: "\e9de";
  }
  .pi-circle:before {
    content: "\e9dc";
  }
  .pi-circle-fill:before {
    content: "\e9dd";
  }
  .pi-bolt:before {
    content: "\e9db";
  }
  .pi-history:before {
    content: "\e9da";
  }
  .pi-box:before {
    content: "\e9d9";
  }
  .pi-at:before {
    content: "\e9d8";
  }
  .pi-arrow-up-right:before {
    content: "\e9d4";
  }
  .pi-arrow-up-left:before {
    content: "\e9d5";
  }
  .pi-arrow-down-left:before {
    content: "\e9d6";
  }
  .pi-arrow-down-right:before {
    content: "\e9d7";
  }
  .pi-telegram:before {
    content: "\e9d3";
  }
  .pi-stop-circle:before {
    content: "\e9d2";
  }
  .pi-stop:before {
    content: "\e9d1";
  }
  .pi-whatsapp:before {
    content: "\e9d0";
  }
  .pi-building:before {
    content: "\e9cf";
  }
  .pi-qrcode:before {
    content: "\e9ce";
  }
  .pi-car:before {
    content: "\e9cd";
  }
  .pi-instagram:before {
    content: "\e9cc";
  }
  .pi-linkedin:before {
    content: "\e9cb";
  }
  .pi-send:before {
    content: "\e9ca";
  }
  .pi-slack:before {
    content: "\e9c9";
  }
  .pi-moon:before {
    content: "\e9c7";
  }
  .pi-sun:before {
    content: "\e9c8";
  }
  .pi-youtube:before {
    content: "\e9c5";
  }
  .pi-vimeo:before {
    content: "\e9c6";
  }
  .pi-flag:before {
    content: "\e9c4";
  }
  .pi-wallet:before {
    content: "\e9c3";
  }
  .pi-map:before {
    content: "\e9c2";
  }
  .pi-link:before {
    content: "\e9c1";
  }
  .pi-credit-card:before {
    content: "\e9bf";
  }
  .pi-discord:before {
    content: "\e9c0";
  }
  .pi-percentage:before {
    content: "\e9be";
  }
  .pi-euro:before {
    content: "\e9bd";
  }
  .pi-book:before {
    content: "\e9ba";
  }
  .pi-shield:before {
    content: "\e9b9";
  }
  .pi-paypal:before {
    content: "\e9bb";
  }
  .pi-amazon:before {
    content: "\e9bc";
  }
  .pi-phone:before {
    content: "\e9b8";
  }
  .pi-filter-slash:before {
    content: "\e9b7";
  }
  .pi-facebook:before {
    content: "\e9b4";
  }
  .pi-github:before {
    content: "\e9b5";
  }
  .pi-twitter:before {
    content: "\e9b6";
  }
  .pi-step-backward-alt:before {
    content: "\e9ac";
  }
  .pi-step-forward-alt:before {
    content: "\e9ad";
  }
  .pi-forward:before {
    content: "\e9ae";
  }
  .pi-backward:before {
    content: "\e9af";
  }
  .pi-fast-backward:before {
    content: "\e9b0";
  }
  .pi-fast-forward:before {
    content: "\e9b1";
  }
  .pi-pause:before {
    content: "\e9b2";
  }
  .pi-play:before {
    content: "\e9b3";
  }
  .pi-compass:before {
    content: "\e9ab";
  }
  .pi-id-card:before {
    content: "\e9aa";
  }
  .pi-ticket:before {
    content: "\e9a9";
  }
  .pi-file-o:before {
    content: "\e9a8";
  }
  .pi-reply:before {
    content: "\e9a7";
  }
  .pi-directions-alt:before {
    content: "\e9a5";
  }
  .pi-directions:before {
    content: "\e9a6";
  }
  .pi-thumbs-up:before {
    content: "\e9a3";
  }
  .pi-thumbs-down:before {
    content: "\e9a4";
  }
  .pi-sort-numeric-down-alt:before {
    content: "\e996";
  }
  .pi-sort-numeric-up-alt:before {
    content: "\e997";
  }
  .pi-sort-alpha-down-alt:before {
    content: "\e998";
  }
  .pi-sort-alpha-up-alt:before {
    content: "\e999";
  }
  .pi-sort-numeric-down:before {
    content: "\e99a";
  }
  .pi-sort-numeric-up:before {
    content: "\e99b";
  }
  .pi-sort-alpha-down:before {
    content: "\e99c";
  }
  .pi-sort-alpha-up:before {
    content: "\e99d";
  }
  .pi-sort-alt:before {
    content: "\e99e";
  }
  .pi-sort-amount-up:before {
    content: "\e99f";
  }
  .pi-sort-amount-down:before {
    content: "\e9a0";
  }
  .pi-sort-amount-down-alt:before {
    content: "\e9a1";
  }
  .pi-sort-amount-up-alt:before {
    content: "\e9a2";
  }
  .pi-palette:before {
    content: "\e995";
  }
  .pi-undo:before {
    content: "\e994";
  }
  .pi-desktop:before {
    content: "\e993";
  }
  .pi-sliders-v:before {
    content: "\e991";
  }
  .pi-sliders-h:before {
    content: "\e992";
  }
  .pi-search-plus:before {
    content: "\e98f";
  }
  .pi-search-minus:before {
    content: "\e990";
  }
  .pi-file-excel:before {
    content: "\e98e";
  }
  .pi-file-pdf:before {
    content: "\e98d";
  }
  .pi-check-square:before {
    content: "\e98c";
  }
  .pi-chart-line:before {
    content: "\e98b";
  }
  .pi-user-edit:before {
    content: "\e98a";
  }
  .pi-exclamation-circle:before {
    content: "\e989";
  }
  .pi-android:before {
    content: "\e985";
  }
  .pi-google:before {
    content: "\e986";
  }
  .pi-apple:before {
    content: "\e987";
  }
  .pi-microsoft:before {
    content: "\e988";
  }
  .pi-heart:before {
    content: "\e984";
  }
  .pi-mobile:before {
    content: "\e982";
  }
  .pi-tablet:before {
    content: "\e983";
  }
  .pi-key:before {
    content: "\e981";
  }
  .pi-shopping-cart:before {
    content: "\e980";
  }
  .pi-comments:before {
    content: "\e97e";
  }
  .pi-comment:before {
    content: "\e97f";
  }
  .pi-briefcase:before {
    content: "\e97d";
  }
  .pi-bell:before {
    content: "\e97c";
  }
  .pi-paperclip:before {
    content: "\e97b";
  }
  .pi-share-alt:before {
    content: "\e97a";
  }
  .pi-envelope:before {
    content: "\e979";
  }
  .pi-volume-down:before {
    content: "\e976";
  }
  .pi-volume-up:before {
    content: "\e977";
  }
  .pi-volume-off:before {
    content: "\e978";
  }
  .pi-eject:before {
    content: "\e975";
  }
  .pi-money-bill:before {
    content: "\e974";
  }
  .pi-images:before {
    content: "\e973";
  }
  .pi-image:before {
    content: "\e972";
  }
  .pi-sign-in:before {
    content: "\e970";
  }
  .pi-sign-out:before {
    content: "\e971";
  }
  .pi-wifi:before {
    content: "\e96f";
  }
  .pi-sitemap:before {
    content: "\e96e";
  }
  .pi-chart-bar:before {
    content: "\e96d";
  }
  .pi-camera:before {
    content: "\e96c";
  }
  .pi-dollar:before {
    content: "\e96b";
  }
  .pi-lock-open:before {
    content: "\e96a";
  }
  .pi-table:before {
    content: "\e969";
  }
  .pi-map-marker:before {
    content: "\e968";
  }
  .pi-list:before {
    content: "\e967";
  }
  .pi-eye-slash:before {
    content: "\e965";
  }
  .pi-eye:before {
    content: "\e966";
  }
  .pi-folder-open:before {
    content: "\e964";
  }
  .pi-folder:before {
    content: "\e963";
  }
  .pi-video:before {
    content: "\e962";
  }
  .pi-inbox:before {
    content: "\e961";
  }
  .pi-lock:before {
    content: "\e95f";
  }
  .pi-unlock:before {
    content: "\e960";
  }
  .pi-tags:before {
    content: "\e95d";
  }
  .pi-tag:before {
    content: "\e95e";
  }
  .pi-power-off:before {
    content: "\e95c";
  }
  .pi-save:before {
    content: "\e95b";
  }
  .pi-question-circle:before {
    content: "\e959";
  }
  .pi-question:before {
    content: "\e95a";
  }
  .pi-copy:before {
    content: "\e957";
  }
  .pi-file:before {
    content: "\e958";
  }
  .pi-clone:before {
    content: "\e955";
  }
  .pi-calendar-times:before {
    content: "\e952";
  }
  .pi-calendar-minus:before {
    content: "\e953";
  }
  .pi-calendar-plus:before {
    content: "\e954";
  }
  .pi-ellipsis-v:before {
    content: "\e950";
  }
  .pi-ellipsis-h:before {
    content: "\e951";
  }
  .pi-bookmark:before {
    content: "\e94e";
  }
  .pi-globe:before {
    content: "\e94f";
  }
  .pi-replay:before {
    content: "\e94d";
  }
  .pi-filter:before {
    content: "\e94c";
  }
  .pi-print:before {
    content: "\e94b";
  }
  .pi-align-right:before {
    content: "\e946";
  }
  .pi-align-left:before {
    content: "\e947";
  }
  .pi-align-center:before {
    content: "\e948";
  }
  .pi-align-justify:before {
    content: "\e949";
  }
  .pi-cog:before {
    content: "\e94a";
  }
  .pi-cloud-download:before {
    content: "\e943";
  }
  .pi-cloud-upload:before {
    content: "\e944";
  }
  .pi-cloud:before {
    content: "\e945";
  }
  .pi-pencil:before {
    content: "\e942";
  }
  .pi-users:before {
    content: "\e941";
  }
  .pi-clock:before {
    content: "\e940";
  }
  .pi-user-minus:before {
    content: "\e93e";
  }
  .pi-user-plus:before {
    content: "\e93f";
  }
  .pi-trash:before {
    content: "\e93d";
  }
  .pi-window-minimize:before {
    content: "\e93a";
  }
  .pi-window-maximize:before {
    content: "\e93b";
  }
  .pi-external-link:before {
    content: "\e93c";
  }
  .pi-refresh:before {
    content: "\e938";
  }
  .pi-user:before {
    content: "\e939";
  }
  .pi-exclamation-triangle:before {
    content: "\e922";
  }
  .pi-calendar:before {
    content: "\e927";
  }
  .pi-chevron-circle-left:before {
    content: "\e928";
  }
  .pi-chevron-circle-down:before {
    content: "\e929";
  }
  .pi-chevron-circle-right:before {
    content: "\e92a";
  }
  .pi-chevron-circle-up:before {
    content: "\e92b";
  }
  .pi-angle-double-down:before {
    content: "\e92c";
  }
  .pi-angle-double-left:before {
    content: "\e92d";
  }
  .pi-angle-double-right:before {
    content: "\e92e";
  }
  .pi-angle-double-up:before {
    content: "\e92f";
  }
  .pi-angle-down:before {
    content: "\e930";
  }
  .pi-angle-left:before {
    content: "\e931";
  }
  .pi-angle-right:before {
    content: "\e932";
  }
  .pi-angle-up:before {
    content: "\e933";
  }
  .pi-upload:before {
    content: "\e934";
  }
  .pi-download:before {
    content: "\e956";
  }
  .pi-ban:before {
    content: "\e935";
  }
  .pi-star-fill:before {
    content: "\e936";
  }
  .pi-star:before {
    content: "\e937";
  }
  .pi-chevron-left:before {
    content: "\e900";
  }
  .pi-chevron-right:before {
    content: "\e901";
  }
  .pi-chevron-down:before {
    content: "\e902";
  }
  .pi-chevron-up:before {
    content: "\e903";
  }
  .pi-caret-left:before {
    content: "\e904";
  }
  .pi-caret-right:before {
    content: "\e905";
  }
  .pi-caret-down:before {
    content: "\e906";
  }
  .pi-caret-up:before {
    content: "\e907";
  }
  .pi-search:before {
    content: "\e908";
  }
  .pi-check:before {
    content: "\e909";
  }
  .pi-check-circle:before {
    content: "\e90a";
  }
  .pi-times:before {
    content: "\e90b";
  }
  .pi-times-circle:before {
    content: "\e90c";
  }
  .pi-plus:before {
    content: "\e90d";
  }
  .pi-plus-circle:before {
    content: "\e90e";
  }
  .pi-minus:before {
    content: "\e90f";
  }
  .pi-minus-circle:before {
    content: "\e910";
  }
  .pi-circle-on:before {
    content: "\e911";
  }
  .pi-circle-off:before {
    content: "\e912";
  }
  .pi-sort-down:before {
    content: "\e913";
  }
  .pi-sort-up:before {
    content: "\e914";
  }
  .pi-sort:before {
    content: "\e915";
  }
  .pi-step-backward:before {
    content: "\e916";
  }
  .pi-step-forward:before {
    content: "\e917";
  }
  .pi-th-large:before {
    content: "\e918";
  }
  .pi-arrow-down:before {
    content: "\e919";
  }
  .pi-arrow-left:before {
    content: "\e91a";
  }
  .pi-arrow-right:before {
    content: "\e91b";
  }
  .pi-arrow-up:before {
    content: "\e91c";
  }
  .pi-bars:before {
    content: "\e91d";
  }
  .pi-arrow-circle-down:before {
    content: "\e91e";
  }
  .pi-arrow-circle-left:before {
    content: "\e91f";
  }
  .pi-arrow-circle-right:before {
    content: "\e920";
  }
  .pi-arrow-circle-up:before {
    content: "\e921";
  }
  .pi-info:before {
    content: "\e923";
  }
  .pi-info-circle:before {
    content: "\e924";
  }
  .pi-home:before {
    content: "\e925";
  }
  .pi-spinner:before {
    content: "\e926";
  }
}
@layer primeflex {
  .grid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
  }
  .grid > .col,
  .grid > [class*=col] {
    box-sizing: border-box;
  }
  .grid-nogutter {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
  }
  .grid-nogutter > .col,
  .grid-nogutter > [class*=col-] {
    padding: 0;
  }
  .col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
  @media screen and (min-width: 576px) {
    .sm\:col {
      flex-grow: 1;
      flex-basis: 0;
      padding: 0.5rem;
    }
    .sm\:col-fixed {
      flex: 0 0 auto;
      padding: 0.5rem;
    }
    .sm\:col-1 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 8.3333%;
    }
    .sm\:col-2 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 16.6667%;
    }
    .sm\:col-3 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 25%;
    }
    .sm\:col-4 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 33.3333%;
    }
    .sm\:col-5 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 41.6667%;
    }
    .sm\:col-6 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 50%;
    }
    .sm\:col-7 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 58.3333%;
    }
    .sm\:col-8 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 66.6667%;
    }
    .sm\:col-9 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 75%;
    }
    .sm\:col-10 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 83.3333%;
    }
    .sm\:col-11 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 91.6667%;
    }
    .sm\:col-12 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 100%;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:col {
      flex-grow: 1;
      flex-basis: 0;
      padding: 0.5rem;
    }
    .md\:col-fixed {
      flex: 0 0 auto;
      padding: 0.5rem;
    }
    .md\:col-1 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 8.3333%;
    }
    .md\:col-2 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 16.6667%;
    }
    .md\:col-3 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 25%;
    }
    .md\:col-4 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 33.3333%;
    }
    .md\:col-5 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 41.6667%;
    }
    .md\:col-6 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 50%;
    }
    .md\:col-7 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 58.3333%;
    }
    .md\:col-8 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 66.6667%;
    }
    .md\:col-9 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 75%;
    }
    .md\:col-10 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 83.3333%;
    }
    .md\:col-11 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 91.6667%;
    }
    .md\:col-12 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 100%;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:col {
      flex-grow: 1;
      flex-basis: 0;
      padding: 0.5rem;
    }
    .lg\:col-fixed {
      flex: 0 0 auto;
      padding: 0.5rem;
    }
    .lg\:col-1 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 8.3333%;
    }
    .lg\:col-2 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 16.6667%;
    }
    .lg\:col-3 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 25%;
    }
    .lg\:col-4 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 33.3333%;
    }
    .lg\:col-5 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 41.6667%;
    }
    .lg\:col-6 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 50%;
    }
    .lg\:col-7 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 58.3333%;
    }
    .lg\:col-8 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 66.6667%;
    }
    .lg\:col-9 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 75%;
    }
    .lg\:col-10 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 83.3333%;
    }
    .lg\:col-11 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 91.6667%;
    }
    .lg\:col-12 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 100%;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:col {
      flex-grow: 1;
      flex-basis: 0;
      padding: 0.5rem;
    }
    .xl\:col-fixed {
      flex: 0 0 auto;
      padding: 0.5rem;
    }
    .xl\:col-1 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 8.3333%;
    }
    .xl\:col-2 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 16.6667%;
    }
    .xl\:col-3 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 25%;
    }
    .xl\:col-4 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 33.3333%;
    }
    .xl\:col-5 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 41.6667%;
    }
    .xl\:col-6 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 50%;
    }
    .xl\:col-7 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 58.3333%;
    }
    .xl\:col-8 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 66.6667%;
    }
    .xl\:col-9 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 75%;
    }
    .xl\:col-10 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 83.3333%;
    }
    .xl\:col-11 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 91.6667%;
    }
    .xl\:col-12 {
      flex: 0 0 auto;
      padding: 0.5rem;
      width: 100%;
    }
  }
  .col-offset-0 {
    margin-left: 0 !important;
  }
  .col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .col-offset-3 {
    margin-left: 25% !important;
  }
  .col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .col-offset-6 {
    margin-left: 50% !important;
  }
  .col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .col-offset-9 {
    margin-left: 75% !important;
  }
  .col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .col-offset-12 {
    margin-left: 100% !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:col-offset-0 {
      margin-left: 0 !important;
    }
    .sm\:col-offset-1 {
      margin-left: 8.3333% !important;
    }
    .sm\:col-offset-2 {
      margin-left: 16.6667% !important;
    }
    .sm\:col-offset-3 {
      margin-left: 25% !important;
    }
    .sm\:col-offset-4 {
      margin-left: 33.3333% !important;
    }
    .sm\:col-offset-5 {
      margin-left: 41.6667% !important;
    }
    .sm\:col-offset-6 {
      margin-left: 50% !important;
    }
    .sm\:col-offset-7 {
      margin-left: 58.3333% !important;
    }
    .sm\:col-offset-8 {
      margin-left: 66.6667% !important;
    }
    .sm\:col-offset-9 {
      margin-left: 75% !important;
    }
    .sm\:col-offset-10 {
      margin-left: 83.3333% !important;
    }
    .sm\:col-offset-11 {
      margin-left: 91.6667% !important;
    }
    .sm\:col-offset-12 {
      margin-left: 100% !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:col-offset-0 {
      margin-left: 0 !important;
    }
    .md\:col-offset-1 {
      margin-left: 8.3333% !important;
    }
    .md\:col-offset-2 {
      margin-left: 16.6667% !important;
    }
    .md\:col-offset-3 {
      margin-left: 25% !important;
    }
    .md\:col-offset-4 {
      margin-left: 33.3333% !important;
    }
    .md\:col-offset-5 {
      margin-left: 41.6667% !important;
    }
    .md\:col-offset-6 {
      margin-left: 50% !important;
    }
    .md\:col-offset-7 {
      margin-left: 58.3333% !important;
    }
    .md\:col-offset-8 {
      margin-left: 66.6667% !important;
    }
    .md\:col-offset-9 {
      margin-left: 75% !important;
    }
    .md\:col-offset-10 {
      margin-left: 83.3333% !important;
    }
    .md\:col-offset-11 {
      margin-left: 91.6667% !important;
    }
    .md\:col-offset-12 {
      margin-left: 100% !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:col-offset-0 {
      margin-left: 0 !important;
    }
    .lg\:col-offset-1 {
      margin-left: 8.3333% !important;
    }
    .lg\:col-offset-2 {
      margin-left: 16.6667% !important;
    }
    .lg\:col-offset-3 {
      margin-left: 25% !important;
    }
    .lg\:col-offset-4 {
      margin-left: 33.3333% !important;
    }
    .lg\:col-offset-5 {
      margin-left: 41.6667% !important;
    }
    .lg\:col-offset-6 {
      margin-left: 50% !important;
    }
    .lg\:col-offset-7 {
      margin-left: 58.3333% !important;
    }
    .lg\:col-offset-8 {
      margin-left: 66.6667% !important;
    }
    .lg\:col-offset-9 {
      margin-left: 75% !important;
    }
    .lg\:col-offset-10 {
      margin-left: 83.3333% !important;
    }
    .lg\:col-offset-11 {
      margin-left: 91.6667% !important;
    }
    .lg\:col-offset-12 {
      margin-left: 100% !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:col-offset-0 {
      margin-left: 0 !important;
    }
    .xl\:col-offset-1 {
      margin-left: 8.3333% !important;
    }
    .xl\:col-offset-2 {
      margin-left: 16.6667% !important;
    }
    .xl\:col-offset-3 {
      margin-left: 25% !important;
    }
    .xl\:col-offset-4 {
      margin-left: 33.3333% !important;
    }
    .xl\:col-offset-5 {
      margin-left: 41.6667% !important;
    }
    .xl\:col-offset-6 {
      margin-left: 50% !important;
    }
    .xl\:col-offset-7 {
      margin-left: 58.3333% !important;
    }
    .xl\:col-offset-8 {
      margin-left: 66.6667% !important;
    }
    .xl\:col-offset-9 {
      margin-left: 75% !important;
    }
    .xl\:col-offset-10 {
      margin-left: 83.3333% !important;
    }
    .xl\:col-offset-11 {
      margin-left: 91.6667% !important;
    }
    .xl\:col-offset-12 {
      margin-left: 100% !important;
    }
  }
  .text-0 {
    color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .text-50 {
    color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
  }
  .text-100 {
    color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
  }
  .text-200 {
    color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
  }
  .text-300 {
    color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
  }
  .text-400 {
    color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
  }
  .text-500 {
    color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
  }
  .text-600 {
    color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
  }
  .text-700 {
    color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
  }
  .text-800 {
    color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
  }
  .text-900 {
    color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
  }
  .focus\:text-0:focus {
    color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .hover\:text-0:hover {
    color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .active\:text-0:active {
    color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .focus\:text-50:focus {
    color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
  }
  .hover\:text-50:hover {
    color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
  }
  .active\:text-50:active {
    color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
  }
  .focus\:text-100:focus {
    color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
  }
  .hover\:text-100:hover {
    color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
  }
  .active\:text-100:active {
    color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
  }
  .focus\:text-200:focus {
    color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
  }
  .hover\:text-200:hover {
    color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
  }
  .active\:text-200:active {
    color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
  }
  .focus\:text-300:focus {
    color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
  }
  .hover\:text-300:hover {
    color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
  }
  .active\:text-300:active {
    color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
  }
  .focus\:text-400:focus {
    color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
  }
  .hover\:text-400:hover {
    color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
  }
  .active\:text-400:active {
    color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
  }
  .focus\:text-500:focus {
    color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
  }
  .hover\:text-500:hover {
    color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
  }
  .active\:text-500:active {
    color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
  }
  .focus\:text-600:focus {
    color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
  }
  .hover\:text-600:hover {
    color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
  }
  .active\:text-600:active {
    color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
  }
  .focus\:text-700:focus {
    color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
  }
  .hover\:text-700:hover {
    color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
  }
  .active\:text-700:active {
    color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
  }
  .focus\:text-800:focus {
    color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
  }
  .hover\:text-800:hover {
    color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
  }
  .active\:text-800:active {
    color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
  }
  .focus\:text-900:focus {
    color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
  }
  .hover\:text-900:hover {
    color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
  }
  .active\:text-900:active {
    color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
  }
  .surface-0 {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .surface-50 {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
  }
  .surface-100 {
    background-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
  }
  .surface-200 {
    background-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
  }
  .surface-300 {
    background-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
  }
  .surface-400 {
    background-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
  }
  .surface-500 {
    background-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
  }
  .surface-600 {
    background-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
  }
  .surface-700 {
    background-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
  }
  .surface-800 {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
  }
  .surface-900 {
    background-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
  }
  .focus\:surface-0:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .hover\:surface-0:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .active\:surface-0:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .focus\:surface-50:focus {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
  }
  .hover\:surface-50:hover {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
  }
  .active\:surface-50:active {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
  }
  .focus\:surface-100:focus {
    background-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
  }
  .hover\:surface-100:hover {
    background-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
  }
  .active\:surface-100:active {
    background-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
  }
  .focus\:surface-200:focus {
    background-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
  }
  .hover\:surface-200:hover {
    background-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
  }
  .active\:surface-200:active {
    background-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
  }
  .focus\:surface-300:focus {
    background-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
  }
  .hover\:surface-300:hover {
    background-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
  }
  .active\:surface-300:active {
    background-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
  }
  .focus\:surface-400:focus {
    background-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
  }
  .hover\:surface-400:hover {
    background-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
  }
  .active\:surface-400:active {
    background-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
  }
  .focus\:surface-500:focus {
    background-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
  }
  .hover\:surface-500:hover {
    background-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
  }
  .active\:surface-500:active {
    background-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
  }
  .focus\:surface-600:focus {
    background-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
  }
  .hover\:surface-600:hover {
    background-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
  }
  .active\:surface-600:active {
    background-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
  }
  .focus\:surface-700:focus {
    background-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
  }
  .hover\:surface-700:hover {
    background-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
  }
  .active\:surface-700:active {
    background-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
  }
  .focus\:surface-800:focus {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
  }
  .hover\:surface-800:hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
  }
  .active\:surface-800:active {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
  }
  .focus\:surface-900:focus {
    background-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
  }
  .hover\:surface-900:hover {
    background-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
  }
  .active\:surface-900:active {
    background-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
  }
  .border-0 {
    border-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .border-50 {
    border-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
  }
  .border-100 {
    border-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
  }
  .border-200 {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
  }
  .border-300 {
    border-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
  }
  .border-400 {
    border-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
  }
  .border-500 {
    border-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
  }
  .border-600 {
    border-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
  }
  .border-700 {
    border-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
  }
  .border-800 {
    border-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
  }
  .border-900 {
    border-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
  }
  .focus\:border-0:focus {
    border-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .hover\:border-0:hover {
    border-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .active\:border-0:active {
    border-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .focus\:border-50:focus {
    border-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
  }
  .hover\:border-50:hover {
    border-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
  }
  .active\:border-50:active {
    border-color: light-dark(var(--p-surface-50), var(--p-surface-800)) !important;
  }
  .focus\:border-100:focus {
    border-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
  }
  .hover\:border-100:hover {
    border-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
  }
  .active\:border-100:active {
    border-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
  }
  .focus\:border-200:focus {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
  }
  .hover\:border-200:hover {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
  }
  .active\:border-200:active {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
  }
  .focus\:border-300:focus {
    border-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
  }
  .hover\:border-300:hover {
    border-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
  }
  .active\:border-300:active {
    border-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
  }
  .focus\:border-400:focus {
    border-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
  }
  .hover\:border-400:hover {
    border-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
  }
  .active\:border-400:active {
    border-color: light-dark(var(--p-surface-400), var(--p-surface-400)) !important;
  }
  .focus\:border-500:focus {
    border-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
  }
  .hover\:border-500:hover {
    border-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
  }
  .active\:border-500:active {
    border-color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
  }
  .focus\:border-600:focus {
    border-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
  }
  .hover\:border-600:hover {
    border-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
  }
  .active\:border-600:active {
    border-color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
  }
  .focus\:border-700:focus {
    border-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
  }
  .hover\:border-700:hover {
    border-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
  }
  .active\:border-700:active {
    border-color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
  }
  .focus\:border-800:focus {
    border-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
  }
  .hover\:border-800:hover {
    border-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
  }
  .active\:border-800:active {
    border-color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
  }
  .focus\:border-900:focus {
    border-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
  }
  .hover\:border-900:hover {
    border-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
  }
  .active\:border-900:active {
    border-color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
  }
  .bg-transparent {
    background-color: transparent !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:bg-transparent {
      background-color: transparent !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:bg-transparent {
      background-color: transparent !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:bg-transparent {
      background-color: transparent !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:bg-transparent {
      background-color: transparent !important;
    }
  }
  .border-transparent {
    border-color: transparent !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:border-transparent {
      border-color: transparent !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:border-transparent {
      border-color: transparent !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:border-transparent {
      border-color: transparent !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:border-transparent {
      border-color: transparent !important;
    }
  }
  .text-blue-50 {
    color: var(--p-blue-50) !important;
  }
  .text-blue-100 {
    color: var(--p-blue-100) !important;
  }
  .text-blue-200 {
    color: var(--p-blue-200) !important;
  }
  .text-blue-300 {
    color: var(--p-blue-300) !important;
  }
  .text-blue-400 {
    color: var(--p-blue-400) !important;
  }
  .text-blue-500 {
    color: var(--p-blue-500) !important;
  }
  .text-blue-600 {
    color: var(--p-blue-600) !important;
  }
  .text-blue-700 {
    color: var(--p-blue-700) !important;
  }
  .text-blue-800 {
    color: var(--p-blue-800) !important;
  }
  .text-blue-900 {
    color: var(--p-blue-900) !important;
  }
  .focus\:text-blue-50:focus {
    color: var(--p-blue-50) !important;
  }
  .focus\:text-blue-100:focus {
    color: var(--p-blue-100) !important;
  }
  .focus\:text-blue-200:focus {
    color: var(--p-blue-200) !important;
  }
  .focus\:text-blue-300:focus {
    color: var(--p-blue-300) !important;
  }
  .focus\:text-blue-400:focus {
    color: var(--p-blue-400) !important;
  }
  .focus\:text-blue-500:focus {
    color: var(--p-blue-500) !important;
  }
  .focus\:text-blue-600:focus {
    color: var(--p-blue-600) !important;
  }
  .focus\:text-blue-700:focus {
    color: var(--p-blue-700) !important;
  }
  .focus\:text-blue-800:focus {
    color: var(--p-blue-800) !important;
  }
  .focus\:text-blue-900:focus {
    color: var(--p-blue-900) !important;
  }
  .hover\:text-blue-50:hover {
    color: var(--p-blue-50) !important;
  }
  .hover\:text-blue-100:hover {
    color: var(--p-blue-100) !important;
  }
  .hover\:text-blue-200:hover {
    color: var(--p-blue-200) !important;
  }
  .hover\:text-blue-300:hover {
    color: var(--p-blue-300) !important;
  }
  .hover\:text-blue-400:hover {
    color: var(--p-blue-400) !important;
  }
  .hover\:text-blue-500:hover {
    color: var(--p-blue-500) !important;
  }
  .hover\:text-blue-600:hover {
    color: var(--p-blue-600) !important;
  }
  .hover\:text-blue-700:hover {
    color: var(--p-blue-700) !important;
  }
  .hover\:text-blue-800:hover {
    color: var(--p-blue-800) !important;
  }
  .hover\:text-blue-900:hover {
    color: var(--p-blue-900) !important;
  }
  .active\:text-blue-50:active {
    color: var(--p-blue-50) !important;
  }
  .active\:text-blue-100:active {
    color: var(--p-blue-100) !important;
  }
  .active\:text-blue-200:active {
    color: var(--p-blue-200) !important;
  }
  .active\:text-blue-300:active {
    color: var(--p-blue-300) !important;
  }
  .active\:text-blue-400:active {
    color: var(--p-blue-400) !important;
  }
  .active\:text-blue-500:active {
    color: var(--p-blue-500) !important;
  }
  .active\:text-blue-600:active {
    color: var(--p-blue-600) !important;
  }
  .active\:text-blue-700:active {
    color: var(--p-blue-700) !important;
  }
  .active\:text-blue-800:active {
    color: var(--p-blue-800) !important;
  }
  .active\:text-blue-900:active {
    color: var(--p-blue-900) !important;
  }
  .text-green-50 {
    color: var(--p-green-50) !important;
  }
  .text-green-100 {
    color: var(--p-green-100) !important;
  }
  .text-green-200 {
    color: var(--p-green-200) !important;
  }
  .text-green-300 {
    color: var(--p-green-300) !important;
  }
  .text-green-400 {
    color: var(--p-green-400) !important;
  }
  .text-green-500 {
    color: var(--p-green-500) !important;
  }
  .text-green-600 {
    color: var(--p-green-600) !important;
  }
  .text-green-700 {
    color: var(--p-green-700) !important;
  }
  .text-green-800 {
    color: var(--p-green-800) !important;
  }
  .text-green-900 {
    color: var(--p-green-900) !important;
  }
  .focus\:text-green-50:focus {
    color: var(--p-green-50) !important;
  }
  .focus\:text-green-100:focus {
    color: var(--p-green-100) !important;
  }
  .focus\:text-green-200:focus {
    color: var(--p-green-200) !important;
  }
  .focus\:text-green-300:focus {
    color: var(--p-green-300) !important;
  }
  .focus\:text-green-400:focus {
    color: var(--p-green-400) !important;
  }
  .focus\:text-green-500:focus {
    color: var(--p-green-500) !important;
  }
  .focus\:text-green-600:focus {
    color: var(--p-green-600) !important;
  }
  .focus\:text-green-700:focus {
    color: var(--p-green-700) !important;
  }
  .focus\:text-green-800:focus {
    color: var(--p-green-800) !important;
  }
  .focus\:text-green-900:focus {
    color: var(--p-green-900) !important;
  }
  .hover\:text-green-50:hover {
    color: var(--p-green-50) !important;
  }
  .hover\:text-green-100:hover {
    color: var(--p-green-100) !important;
  }
  .hover\:text-green-200:hover {
    color: var(--p-green-200) !important;
  }
  .hover\:text-green-300:hover {
    color: var(--p-green-300) !important;
  }
  .hover\:text-green-400:hover {
    color: var(--p-green-400) !important;
  }
  .hover\:text-green-500:hover {
    color: var(--p-green-500) !important;
  }
  .hover\:text-green-600:hover {
    color: var(--p-green-600) !important;
  }
  .hover\:text-green-700:hover {
    color: var(--p-green-700) !important;
  }
  .hover\:text-green-800:hover {
    color: var(--p-green-800) !important;
  }
  .hover\:text-green-900:hover {
    color: var(--p-green-900) !important;
  }
  .active\:text-green-50:active {
    color: var(--p-green-50) !important;
  }
  .active\:text-green-100:active {
    color: var(--p-green-100) !important;
  }
  .active\:text-green-200:active {
    color: var(--p-green-200) !important;
  }
  .active\:text-green-300:active {
    color: var(--p-green-300) !important;
  }
  .active\:text-green-400:active {
    color: var(--p-green-400) !important;
  }
  .active\:text-green-500:active {
    color: var(--p-green-500) !important;
  }
  .active\:text-green-600:active {
    color: var(--p-green-600) !important;
  }
  .active\:text-green-700:active {
    color: var(--p-green-700) !important;
  }
  .active\:text-green-800:active {
    color: var(--p-green-800) !important;
  }
  .active\:text-green-900:active {
    color: var(--p-green-900) !important;
  }
  .text-yellow-50 {
    color: var(--p-yellow-50) !important;
  }
  .text-yellow-100 {
    color: var(--p-yellow-100) !important;
  }
  .text-yellow-200 {
    color: var(--p-yellow-200) !important;
  }
  .text-yellow-300 {
    color: var(--p-yellow-300) !important;
  }
  .text-yellow-400 {
    color: var(--p-yellow-400) !important;
  }
  .text-yellow-500 {
    color: var(--p-yellow-500) !important;
  }
  .text-yellow-600 {
    color: var(--p-yellow-600) !important;
  }
  .text-yellow-700 {
    color: var(--p-yellow-700) !important;
  }
  .text-yellow-800 {
    color: var(--p-yellow-800) !important;
  }
  .text-yellow-900 {
    color: var(--p-yellow-900) !important;
  }
  .focus\:text-yellow-50:focus {
    color: var(--p-yellow-50) !important;
  }
  .focus\:text-yellow-100:focus {
    color: var(--p-yellow-100) !important;
  }
  .focus\:text-yellow-200:focus {
    color: var(--p-yellow-200) !important;
  }
  .focus\:text-yellow-300:focus {
    color: var(--p-yellow-300) !important;
  }
  .focus\:text-yellow-400:focus {
    color: var(--p-yellow-400) !important;
  }
  .focus\:text-yellow-500:focus {
    color: var(--p-yellow-500) !important;
  }
  .focus\:text-yellow-600:focus {
    color: var(--p-yellow-600) !important;
  }
  .focus\:text-yellow-700:focus {
    color: var(--p-yellow-700) !important;
  }
  .focus\:text-yellow-800:focus {
    color: var(--p-yellow-800) !important;
  }
  .focus\:text-yellow-900:focus {
    color: var(--p-yellow-900) !important;
  }
  .hover\:text-yellow-50:hover {
    color: var(--p-yellow-50) !important;
  }
  .hover\:text-yellow-100:hover {
    color: var(--p-yellow-100) !important;
  }
  .hover\:text-yellow-200:hover {
    color: var(--p-yellow-200) !important;
  }
  .hover\:text-yellow-300:hover {
    color: var(--p-yellow-300) !important;
  }
  .hover\:text-yellow-400:hover {
    color: var(--p-yellow-400) !important;
  }
  .hover\:text-yellow-500:hover {
    color: var(--p-yellow-500) !important;
  }
  .hover\:text-yellow-600:hover {
    color: var(--p-yellow-600) !important;
  }
  .hover\:text-yellow-700:hover {
    color: var(--p-yellow-700) !important;
  }
  .hover\:text-yellow-800:hover {
    color: var(--p-yellow-800) !important;
  }
  .hover\:text-yellow-900:hover {
    color: var(--p-yellow-900) !important;
  }
  .active\:text-yellow-50:active {
    color: var(--p-yellow-50) !important;
  }
  .active\:text-yellow-100:active {
    color: var(--p-yellow-100) !important;
  }
  .active\:text-yellow-200:active {
    color: var(--p-yellow-200) !important;
  }
  .active\:text-yellow-300:active {
    color: var(--p-yellow-300) !important;
  }
  .active\:text-yellow-400:active {
    color: var(--p-yellow-400) !important;
  }
  .active\:text-yellow-500:active {
    color: var(--p-yellow-500) !important;
  }
  .active\:text-yellow-600:active {
    color: var(--p-yellow-600) !important;
  }
  .active\:text-yellow-700:active {
    color: var(--p-yellow-700) !important;
  }
  .active\:text-yellow-800:active {
    color: var(--p-yellow-800) !important;
  }
  .active\:text-yellow-900:active {
    color: var(--p-yellow-900) !important;
  }
  .text-cyan-50 {
    color: var(--p-cyan-50) !important;
  }
  .text-cyan-100 {
    color: var(--p-cyan-100) !important;
  }
  .text-cyan-200 {
    color: var(--p-cyan-200) !important;
  }
  .text-cyan-300 {
    color: var(--p-cyan-300) !important;
  }
  .text-cyan-400 {
    color: var(--p-cyan-400) !important;
  }
  .text-cyan-500 {
    color: var(--p-cyan-500) !important;
  }
  .text-cyan-600 {
    color: var(--p-cyan-600) !important;
  }
  .text-cyan-700 {
    color: var(--p-cyan-700) !important;
  }
  .text-cyan-800 {
    color: var(--p-cyan-800) !important;
  }
  .text-cyan-900 {
    color: var(--p-cyan-900) !important;
  }
  .focus\:text-cyan-50:focus {
    color: var(--p-cyan-50) !important;
  }
  .focus\:text-cyan-100:focus {
    color: var(--p-cyan-100) !important;
  }
  .focus\:text-cyan-200:focus {
    color: var(--p-cyan-200) !important;
  }
  .focus\:text-cyan-300:focus {
    color: var(--p-cyan-300) !important;
  }
  .focus\:text-cyan-400:focus {
    color: var(--p-cyan-400) !important;
  }
  .focus\:text-cyan-500:focus {
    color: var(--p-cyan-500) !important;
  }
  .focus\:text-cyan-600:focus {
    color: var(--p-cyan-600) !important;
  }
  .focus\:text-cyan-700:focus {
    color: var(--p-cyan-700) !important;
  }
  .focus\:text-cyan-800:focus {
    color: var(--p-cyan-800) !important;
  }
  .focus\:text-cyan-900:focus {
    color: var(--p-cyan-900) !important;
  }
  .hover\:text-cyan-50:hover {
    color: var(--p-cyan-50) !important;
  }
  .hover\:text-cyan-100:hover {
    color: var(--p-cyan-100) !important;
  }
  .hover\:text-cyan-200:hover {
    color: var(--p-cyan-200) !important;
  }
  .hover\:text-cyan-300:hover {
    color: var(--p-cyan-300) !important;
  }
  .hover\:text-cyan-400:hover {
    color: var(--p-cyan-400) !important;
  }
  .hover\:text-cyan-500:hover {
    color: var(--p-cyan-500) !important;
  }
  .hover\:text-cyan-600:hover {
    color: var(--p-cyan-600) !important;
  }
  .hover\:text-cyan-700:hover {
    color: var(--p-cyan-700) !important;
  }
  .hover\:text-cyan-800:hover {
    color: var(--p-cyan-800) !important;
  }
  .hover\:text-cyan-900:hover {
    color: var(--p-cyan-900) !important;
  }
  .active\:text-cyan-50:active {
    color: var(--p-cyan-50) !important;
  }
  .active\:text-cyan-100:active {
    color: var(--p-cyan-100) !important;
  }
  .active\:text-cyan-200:active {
    color: var(--p-cyan-200) !important;
  }
  .active\:text-cyan-300:active {
    color: var(--p-cyan-300) !important;
  }
  .active\:text-cyan-400:active {
    color: var(--p-cyan-400) !important;
  }
  .active\:text-cyan-500:active {
    color: var(--p-cyan-500) !important;
  }
  .active\:text-cyan-600:active {
    color: var(--p-cyan-600) !important;
  }
  .active\:text-cyan-700:active {
    color: var(--p-cyan-700) !important;
  }
  .active\:text-cyan-800:active {
    color: var(--p-cyan-800) !important;
  }
  .active\:text-cyan-900:active {
    color: var(--p-cyan-900) !important;
  }
  .text-pink-50 {
    color: var(--p-pink-50) !important;
  }
  .text-pink-100 {
    color: var(--p-pink-100) !important;
  }
  .text-pink-200 {
    color: var(--p-pink-200) !important;
  }
  .text-pink-300 {
    color: var(--p-pink-300) !important;
  }
  .text-pink-400 {
    color: var(--p-pink-400) !important;
  }
  .text-pink-500 {
    color: var(--p-pink-500) !important;
  }
  .text-pink-600 {
    color: var(--p-pink-600) !important;
  }
  .text-pink-700 {
    color: var(--p-pink-700) !important;
  }
  .text-pink-800 {
    color: var(--p-pink-800) !important;
  }
  .text-pink-900 {
    color: var(--p-pink-900) !important;
  }
  .focus\:text-pink-50:focus {
    color: var(--p-pink-50) !important;
  }
  .focus\:text-pink-100:focus {
    color: var(--p-pink-100) !important;
  }
  .focus\:text-pink-200:focus {
    color: var(--p-pink-200) !important;
  }
  .focus\:text-pink-300:focus {
    color: var(--p-pink-300) !important;
  }
  .focus\:text-pink-400:focus {
    color: var(--p-pink-400) !important;
  }
  .focus\:text-pink-500:focus {
    color: var(--p-pink-500) !important;
  }
  .focus\:text-pink-600:focus {
    color: var(--p-pink-600) !important;
  }
  .focus\:text-pink-700:focus {
    color: var(--p-pink-700) !important;
  }
  .focus\:text-pink-800:focus {
    color: var(--p-pink-800) !important;
  }
  .focus\:text-pink-900:focus {
    color: var(--p-pink-900) !important;
  }
  .hover\:text-pink-50:hover {
    color: var(--p-pink-50) !important;
  }
  .hover\:text-pink-100:hover {
    color: var(--p-pink-100) !important;
  }
  .hover\:text-pink-200:hover {
    color: var(--p-pink-200) !important;
  }
  .hover\:text-pink-300:hover {
    color: var(--p-pink-300) !important;
  }
  .hover\:text-pink-400:hover {
    color: var(--p-pink-400) !important;
  }
  .hover\:text-pink-500:hover {
    color: var(--p-pink-500) !important;
  }
  .hover\:text-pink-600:hover {
    color: var(--p-pink-600) !important;
  }
  .hover\:text-pink-700:hover {
    color: var(--p-pink-700) !important;
  }
  .hover\:text-pink-800:hover {
    color: var(--p-pink-800) !important;
  }
  .hover\:text-pink-900:hover {
    color: var(--p-pink-900) !important;
  }
  .active\:text-pink-50:active {
    color: var(--p-pink-50) !important;
  }
  .active\:text-pink-100:active {
    color: var(--p-pink-100) !important;
  }
  .active\:text-pink-200:active {
    color: var(--p-pink-200) !important;
  }
  .active\:text-pink-300:active {
    color: var(--p-pink-300) !important;
  }
  .active\:text-pink-400:active {
    color: var(--p-pink-400) !important;
  }
  .active\:text-pink-500:active {
    color: var(--p-pink-500) !important;
  }
  .active\:text-pink-600:active {
    color: var(--p-pink-600) !important;
  }
  .active\:text-pink-700:active {
    color: var(--p-pink-700) !important;
  }
  .active\:text-pink-800:active {
    color: var(--p-pink-800) !important;
  }
  .active\:text-pink-900:active {
    color: var(--p-pink-900) !important;
  }
  .text-indigo-50 {
    color: var(--p-indigo-50) !important;
  }
  .text-indigo-100 {
    color: var(--p-indigo-100) !important;
  }
  .text-indigo-200 {
    color: var(--p-indigo-200) !important;
  }
  .text-indigo-300 {
    color: var(--p-indigo-300) !important;
  }
  .text-indigo-400 {
    color: var(--p-indigo-400) !important;
  }
  .text-indigo-500 {
    color: var(--p-indigo-500) !important;
  }
  .text-indigo-600 {
    color: var(--p-indigo-600) !important;
  }
  .text-indigo-700 {
    color: var(--p-indigo-700) !important;
  }
  .text-indigo-800 {
    color: var(--p-indigo-800) !important;
  }
  .text-indigo-900 {
    color: var(--p-indigo-900) !important;
  }
  .focus\:text-indigo-50:focus {
    color: var(--p-indigo-50) !important;
  }
  .focus\:text-indigo-100:focus {
    color: var(--p-indigo-100) !important;
  }
  .focus\:text-indigo-200:focus {
    color: var(--p-indigo-200) !important;
  }
  .focus\:text-indigo-300:focus {
    color: var(--p-indigo-300) !important;
  }
  .focus\:text-indigo-400:focus {
    color: var(--p-indigo-400) !important;
  }
  .focus\:text-indigo-500:focus {
    color: var(--p-indigo-500) !important;
  }
  .focus\:text-indigo-600:focus {
    color: var(--p-indigo-600) !important;
  }
  .focus\:text-indigo-700:focus {
    color: var(--p-indigo-700) !important;
  }
  .focus\:text-indigo-800:focus {
    color: var(--p-indigo-800) !important;
  }
  .focus\:text-indigo-900:focus {
    color: var(--p-indigo-900) !important;
  }
  .hover\:text-indigo-50:hover {
    color: var(--p-indigo-50) !important;
  }
  .hover\:text-indigo-100:hover {
    color: var(--p-indigo-100) !important;
  }
  .hover\:text-indigo-200:hover {
    color: var(--p-indigo-200) !important;
  }
  .hover\:text-indigo-300:hover {
    color: var(--p-indigo-300) !important;
  }
  .hover\:text-indigo-400:hover {
    color: var(--p-indigo-400) !important;
  }
  .hover\:text-indigo-500:hover {
    color: var(--p-indigo-500) !important;
  }
  .hover\:text-indigo-600:hover {
    color: var(--p-indigo-600) !important;
  }
  .hover\:text-indigo-700:hover {
    color: var(--p-indigo-700) !important;
  }
  .hover\:text-indigo-800:hover {
    color: var(--p-indigo-800) !important;
  }
  .hover\:text-indigo-900:hover {
    color: var(--p-indigo-900) !important;
  }
  .active\:text-indigo-50:active {
    color: var(--p-indigo-50) !important;
  }
  .active\:text-indigo-100:active {
    color: var(--p-indigo-100) !important;
  }
  .active\:text-indigo-200:active {
    color: var(--p-indigo-200) !important;
  }
  .active\:text-indigo-300:active {
    color: var(--p-indigo-300) !important;
  }
  .active\:text-indigo-400:active {
    color: var(--p-indigo-400) !important;
  }
  .active\:text-indigo-500:active {
    color: var(--p-indigo-500) !important;
  }
  .active\:text-indigo-600:active {
    color: var(--p-indigo-600) !important;
  }
  .active\:text-indigo-700:active {
    color: var(--p-indigo-700) !important;
  }
  .active\:text-indigo-800:active {
    color: var(--p-indigo-800) !important;
  }
  .active\:text-indigo-900:active {
    color: var(--p-indigo-900) !important;
  }
  .text-teal-50 {
    color: var(--p-teal-50) !important;
  }
  .text-teal-100 {
    color: var(--p-teal-100) !important;
  }
  .text-teal-200 {
    color: var(--p-teal-200) !important;
  }
  .text-teal-300 {
    color: var(--p-teal-300) !important;
  }
  .text-teal-400 {
    color: var(--p-teal-400) !important;
  }
  .text-teal-500 {
    color: var(--p-teal-500) !important;
  }
  .text-teal-600 {
    color: var(--p-teal-600) !important;
  }
  .text-teal-700 {
    color: var(--p-teal-700) !important;
  }
  .text-teal-800 {
    color: var(--p-teal-800) !important;
  }
  .text-teal-900 {
    color: var(--p-teal-900) !important;
  }
  .focus\:text-teal-50:focus {
    color: var(--p-teal-50) !important;
  }
  .focus\:text-teal-100:focus {
    color: var(--p-teal-100) !important;
  }
  .focus\:text-teal-200:focus {
    color: var(--p-teal-200) !important;
  }
  .focus\:text-teal-300:focus {
    color: var(--p-teal-300) !important;
  }
  .focus\:text-teal-400:focus {
    color: var(--p-teal-400) !important;
  }
  .focus\:text-teal-500:focus {
    color: var(--p-teal-500) !important;
  }
  .focus\:text-teal-600:focus {
    color: var(--p-teal-600) !important;
  }
  .focus\:text-teal-700:focus {
    color: var(--p-teal-700) !important;
  }
  .focus\:text-teal-800:focus {
    color: var(--p-teal-800) !important;
  }
  .focus\:text-teal-900:focus {
    color: var(--p-teal-900) !important;
  }
  .hover\:text-teal-50:hover {
    color: var(--p-teal-50) !important;
  }
  .hover\:text-teal-100:hover {
    color: var(--p-teal-100) !important;
  }
  .hover\:text-teal-200:hover {
    color: var(--p-teal-200) !important;
  }
  .hover\:text-teal-300:hover {
    color: var(--p-teal-300) !important;
  }
  .hover\:text-teal-400:hover {
    color: var(--p-teal-400) !important;
  }
  .hover\:text-teal-500:hover {
    color: var(--p-teal-500) !important;
  }
  .hover\:text-teal-600:hover {
    color: var(--p-teal-600) !important;
  }
  .hover\:text-teal-700:hover {
    color: var(--p-teal-700) !important;
  }
  .hover\:text-teal-800:hover {
    color: var(--p-teal-800) !important;
  }
  .hover\:text-teal-900:hover {
    color: var(--p-teal-900) !important;
  }
  .active\:text-teal-50:active {
    color: var(--p-teal-50) !important;
  }
  .active\:text-teal-100:active {
    color: var(--p-teal-100) !important;
  }
  .active\:text-teal-200:active {
    color: var(--p-teal-200) !important;
  }
  .active\:text-teal-300:active {
    color: var(--p-teal-300) !important;
  }
  .active\:text-teal-400:active {
    color: var(--p-teal-400) !important;
  }
  .active\:text-teal-500:active {
    color: var(--p-teal-500) !important;
  }
  .active\:text-teal-600:active {
    color: var(--p-teal-600) !important;
  }
  .active\:text-teal-700:active {
    color: var(--p-teal-700) !important;
  }
  .active\:text-teal-800:active {
    color: var(--p-teal-800) !important;
  }
  .active\:text-teal-900:active {
    color: var(--p-teal-900) !important;
  }
  .text-orange-50 {
    color: var(--p-orange-50) !important;
  }
  .text-orange-100 {
    color: var(--p-orange-100) !important;
  }
  .text-orange-200 {
    color: var(--p-orange-200) !important;
  }
  .text-orange-300 {
    color: var(--p-orange-300) !important;
  }
  .text-orange-400 {
    color: var(--p-orange-400) !important;
  }
  .text-orange-500 {
    color: var(--p-orange-500) !important;
  }
  .text-orange-600 {
    color: var(--p-orange-600) !important;
  }
  .text-orange-700 {
    color: var(--p-orange-700) !important;
  }
  .text-orange-800 {
    color: var(--p-orange-800) !important;
  }
  .text-orange-900 {
    color: var(--p-orange-900) !important;
  }
  .focus\:text-orange-50:focus {
    color: var(--p-orange-50) !important;
  }
  .focus\:text-orange-100:focus {
    color: var(--p-orange-100) !important;
  }
  .focus\:text-orange-200:focus {
    color: var(--p-orange-200) !important;
  }
  .focus\:text-orange-300:focus {
    color: var(--p-orange-300) !important;
  }
  .focus\:text-orange-400:focus {
    color: var(--p-orange-400) !important;
  }
  .focus\:text-orange-500:focus {
    color: var(--p-orange-500) !important;
  }
  .focus\:text-orange-600:focus {
    color: var(--p-orange-600) !important;
  }
  .focus\:text-orange-700:focus {
    color: var(--p-orange-700) !important;
  }
  .focus\:text-orange-800:focus {
    color: var(--p-orange-800) !important;
  }
  .focus\:text-orange-900:focus {
    color: var(--p-orange-900) !important;
  }
  .hover\:text-orange-50:hover {
    color: var(--p-orange-50) !important;
  }
  .hover\:text-orange-100:hover {
    color: var(--p-orange-100) !important;
  }
  .hover\:text-orange-200:hover {
    color: var(--p-orange-200) !important;
  }
  .hover\:text-orange-300:hover {
    color: var(--p-orange-300) !important;
  }
  .hover\:text-orange-400:hover {
    color: var(--p-orange-400) !important;
  }
  .hover\:text-orange-500:hover {
    color: var(--p-orange-500) !important;
  }
  .hover\:text-orange-600:hover {
    color: var(--p-orange-600) !important;
  }
  .hover\:text-orange-700:hover {
    color: var(--p-orange-700) !important;
  }
  .hover\:text-orange-800:hover {
    color: var(--p-orange-800) !important;
  }
  .hover\:text-orange-900:hover {
    color: var(--p-orange-900) !important;
  }
  .active\:text-orange-50:active {
    color: var(--p-orange-50) !important;
  }
  .active\:text-orange-100:active {
    color: var(--p-orange-100) !important;
  }
  .active\:text-orange-200:active {
    color: var(--p-orange-200) !important;
  }
  .active\:text-orange-300:active {
    color: var(--p-orange-300) !important;
  }
  .active\:text-orange-400:active {
    color: var(--p-orange-400) !important;
  }
  .active\:text-orange-500:active {
    color: var(--p-orange-500) !important;
  }
  .active\:text-orange-600:active {
    color: var(--p-orange-600) !important;
  }
  .active\:text-orange-700:active {
    color: var(--p-orange-700) !important;
  }
  .active\:text-orange-800:active {
    color: var(--p-orange-800) !important;
  }
  .active\:text-orange-900:active {
    color: var(--p-orange-900) !important;
  }
  .text-bluegray-50 {
    color: var(--p-bluegray-50) !important;
  }
  .text-bluegray-100 {
    color: var(--p-bluegray-100) !important;
  }
  .text-bluegray-200 {
    color: var(--p-bluegray-200) !important;
  }
  .text-bluegray-300 {
    color: var(--p-bluegray-300) !important;
  }
  .text-bluegray-400 {
    color: var(--p-bluegray-400) !important;
  }
  .text-bluegray-500 {
    color: var(--p-bluegray-500) !important;
  }
  .text-bluegray-600 {
    color: var(--p-bluegray-600) !important;
  }
  .text-bluegray-700 {
    color: var(--p-bluegray-700) !important;
  }
  .text-bluegray-800 {
    color: var(--p-bluegray-800) !important;
  }
  .text-bluegray-900 {
    color: var(--p-bluegray-900) !important;
  }
  .focus\:text-bluegray-50:focus {
    color: var(--p-bluegray-50) !important;
  }
  .focus\:text-bluegray-100:focus {
    color: var(--p-bluegray-100) !important;
  }
  .focus\:text-bluegray-200:focus {
    color: var(--p-bluegray-200) !important;
  }
  .focus\:text-bluegray-300:focus {
    color: var(--p-bluegray-300) !important;
  }
  .focus\:text-bluegray-400:focus {
    color: var(--p-bluegray-400) !important;
  }
  .focus\:text-bluegray-500:focus {
    color: var(--p-bluegray-500) !important;
  }
  .focus\:text-bluegray-600:focus {
    color: var(--p-bluegray-600) !important;
  }
  .focus\:text-bluegray-700:focus {
    color: var(--p-bluegray-700) !important;
  }
  .focus\:text-bluegray-800:focus {
    color: var(--p-bluegray-800) !important;
  }
  .focus\:text-bluegray-900:focus {
    color: var(--p-bluegray-900) !important;
  }
  .hover\:text-bluegray-50:hover {
    color: var(--p-bluegray-50) !important;
  }
  .hover\:text-bluegray-100:hover {
    color: var(--p-bluegray-100) !important;
  }
  .hover\:text-bluegray-200:hover {
    color: var(--p-bluegray-200) !important;
  }
  .hover\:text-bluegray-300:hover {
    color: var(--p-bluegray-300) !important;
  }
  .hover\:text-bluegray-400:hover {
    color: var(--p-bluegray-400) !important;
  }
  .hover\:text-bluegray-500:hover {
    color: var(--p-bluegray-500) !important;
  }
  .hover\:text-bluegray-600:hover {
    color: var(--p-bluegray-600) !important;
  }
  .hover\:text-bluegray-700:hover {
    color: var(--p-bluegray-700) !important;
  }
  .hover\:text-bluegray-800:hover {
    color: var(--p-bluegray-800) !important;
  }
  .hover\:text-bluegray-900:hover {
    color: var(--p-bluegray-900) !important;
  }
  .active\:text-bluegray-50:active {
    color: var(--p-bluegray-50) !important;
  }
  .active\:text-bluegray-100:active {
    color: var(--p-bluegray-100) !important;
  }
  .active\:text-bluegray-200:active {
    color: var(--p-bluegray-200) !important;
  }
  .active\:text-bluegray-300:active {
    color: var(--p-bluegray-300) !important;
  }
  .active\:text-bluegray-400:active {
    color: var(--p-bluegray-400) !important;
  }
  .active\:text-bluegray-500:active {
    color: var(--p-bluegray-500) !important;
  }
  .active\:text-bluegray-600:active {
    color: var(--p-bluegray-600) !important;
  }
  .active\:text-bluegray-700:active {
    color: var(--p-bluegray-700) !important;
  }
  .active\:text-bluegray-800:active {
    color: var(--p-bluegray-800) !important;
  }
  .active\:text-bluegray-900:active {
    color: var(--p-bluegray-900) !important;
  }
  .text-purple-50 {
    color: var(--p-purple-50) !important;
  }
  .text-purple-100 {
    color: var(--p-purple-100) !important;
  }
  .text-purple-200 {
    color: var(--p-purple-200) !important;
  }
  .text-purple-300 {
    color: var(--p-purple-300) !important;
  }
  .text-purple-400 {
    color: var(--p-purple-400) !important;
  }
  .text-purple-500 {
    color: var(--p-purple-500) !important;
  }
  .text-purple-600 {
    color: var(--p-purple-600) !important;
  }
  .text-purple-700 {
    color: var(--p-purple-700) !important;
  }
  .text-purple-800 {
    color: var(--p-purple-800) !important;
  }
  .text-purple-900 {
    color: var(--p-purple-900) !important;
  }
  .focus\:text-purple-50:focus {
    color: var(--p-purple-50) !important;
  }
  .focus\:text-purple-100:focus {
    color: var(--p-purple-100) !important;
  }
  .focus\:text-purple-200:focus {
    color: var(--p-purple-200) !important;
  }
  .focus\:text-purple-300:focus {
    color: var(--p-purple-300) !important;
  }
  .focus\:text-purple-400:focus {
    color: var(--p-purple-400) !important;
  }
  .focus\:text-purple-500:focus {
    color: var(--p-purple-500) !important;
  }
  .focus\:text-purple-600:focus {
    color: var(--p-purple-600) !important;
  }
  .focus\:text-purple-700:focus {
    color: var(--p-purple-700) !important;
  }
  .focus\:text-purple-800:focus {
    color: var(--p-purple-800) !important;
  }
  .focus\:text-purple-900:focus {
    color: var(--p-purple-900) !important;
  }
  .hover\:text-purple-50:hover {
    color: var(--p-purple-50) !important;
  }
  .hover\:text-purple-100:hover {
    color: var(--p-purple-100) !important;
  }
  .hover\:text-purple-200:hover {
    color: var(--p-purple-200) !important;
  }
  .hover\:text-purple-300:hover {
    color: var(--p-purple-300) !important;
  }
  .hover\:text-purple-400:hover {
    color: var(--p-purple-400) !important;
  }
  .hover\:text-purple-500:hover {
    color: var(--p-purple-500) !important;
  }
  .hover\:text-purple-600:hover {
    color: var(--p-purple-600) !important;
  }
  .hover\:text-purple-700:hover {
    color: var(--p-purple-700) !important;
  }
  .hover\:text-purple-800:hover {
    color: var(--p-purple-800) !important;
  }
  .hover\:text-purple-900:hover {
    color: var(--p-purple-900) !important;
  }
  .active\:text-purple-50:active {
    color: var(--p-purple-50) !important;
  }
  .active\:text-purple-100:active {
    color: var(--p-purple-100) !important;
  }
  .active\:text-purple-200:active {
    color: var(--p-purple-200) !important;
  }
  .active\:text-purple-300:active {
    color: var(--p-purple-300) !important;
  }
  .active\:text-purple-400:active {
    color: var(--p-purple-400) !important;
  }
  .active\:text-purple-500:active {
    color: var(--p-purple-500) !important;
  }
  .active\:text-purple-600:active {
    color: var(--p-purple-600) !important;
  }
  .active\:text-purple-700:active {
    color: var(--p-purple-700) !important;
  }
  .active\:text-purple-800:active {
    color: var(--p-purple-800) !important;
  }
  .active\:text-purple-900:active {
    color: var(--p-purple-900) !important;
  }
  .text-gray-50 {
    color: var(--p-gray-50) !important;
  }
  .text-gray-100 {
    color: var(--p-gray-100) !important;
  }
  .text-gray-200 {
    color: var(--p-gray-200) !important;
  }
  .text-gray-300 {
    color: var(--p-gray-300) !important;
  }
  .text-gray-400 {
    color: var(--p-gray-400) !important;
  }
  .text-gray-500 {
    color: var(--p-gray-500) !important;
  }
  .text-gray-600 {
    color: var(--p-gray-600) !important;
  }
  .text-gray-700 {
    color: var(--p-gray-700) !important;
  }
  .text-gray-800 {
    color: var(--p-gray-800) !important;
  }
  .text-gray-900 {
    color: var(--p-gray-900) !important;
  }
  .focus\:text-gray-50:focus {
    color: var(--p-gray-50) !important;
  }
  .focus\:text-gray-100:focus {
    color: var(--p-gray-100) !important;
  }
  .focus\:text-gray-200:focus {
    color: var(--p-gray-200) !important;
  }
  .focus\:text-gray-300:focus {
    color: var(--p-gray-300) !important;
  }
  .focus\:text-gray-400:focus {
    color: var(--p-gray-400) !important;
  }
  .focus\:text-gray-500:focus {
    color: var(--p-gray-500) !important;
  }
  .focus\:text-gray-600:focus {
    color: var(--p-gray-600) !important;
  }
  .focus\:text-gray-700:focus {
    color: var(--p-gray-700) !important;
  }
  .focus\:text-gray-800:focus {
    color: var(--p-gray-800) !important;
  }
  .focus\:text-gray-900:focus {
    color: var(--p-gray-900) !important;
  }
  .hover\:text-gray-50:hover {
    color: var(--p-gray-50) !important;
  }
  .hover\:text-gray-100:hover {
    color: var(--p-gray-100) !important;
  }
  .hover\:text-gray-200:hover {
    color: var(--p-gray-200) !important;
  }
  .hover\:text-gray-300:hover {
    color: var(--p-gray-300) !important;
  }
  .hover\:text-gray-400:hover {
    color: var(--p-gray-400) !important;
  }
  .hover\:text-gray-500:hover {
    color: var(--p-gray-500) !important;
  }
  .hover\:text-gray-600:hover {
    color: var(--p-gray-600) !important;
  }
  .hover\:text-gray-700:hover {
    color: var(--p-gray-700) !important;
  }
  .hover\:text-gray-800:hover {
    color: var(--p-gray-800) !important;
  }
  .hover\:text-gray-900:hover {
    color: var(--p-gray-900) !important;
  }
  .active\:text-gray-50:active {
    color: var(--p-gray-50) !important;
  }
  .active\:text-gray-100:active {
    color: var(--p-gray-100) !important;
  }
  .active\:text-gray-200:active {
    color: var(--p-gray-200) !important;
  }
  .active\:text-gray-300:active {
    color: var(--p-gray-300) !important;
  }
  .active\:text-gray-400:active {
    color: var(--p-gray-400) !important;
  }
  .active\:text-gray-500:active {
    color: var(--p-gray-500) !important;
  }
  .active\:text-gray-600:active {
    color: var(--p-gray-600) !important;
  }
  .active\:text-gray-700:active {
    color: var(--p-gray-700) !important;
  }
  .active\:text-gray-800:active {
    color: var(--p-gray-800) !important;
  }
  .active\:text-gray-900:active {
    color: var(--p-gray-900) !important;
  }
  .text-red-50 {
    color: var(--p-red-50) !important;
  }
  .text-red-100 {
    color: var(--p-red-100) !important;
  }
  .text-red-200 {
    color: var(--p-red-200) !important;
  }
  .text-red-300 {
    color: var(--p-red-300) !important;
  }
  .text-red-400 {
    color: var(--p-red-400) !important;
  }
  .text-red-500 {
    color: var(--p-red-500) !important;
  }
  .text-red-600 {
    color: var(--p-red-600) !important;
  }
  .text-red-700 {
    color: var(--p-red-700) !important;
  }
  .text-red-800 {
    color: var(--p-red-800) !important;
  }
  .text-red-900 {
    color: var(--p-red-900) !important;
  }
  .focus\:text-red-50:focus {
    color: var(--p-red-50) !important;
  }
  .focus\:text-red-100:focus {
    color: var(--p-red-100) !important;
  }
  .focus\:text-red-200:focus {
    color: var(--p-red-200) !important;
  }
  .focus\:text-red-300:focus {
    color: var(--p-red-300) !important;
  }
  .focus\:text-red-400:focus {
    color: var(--p-red-400) !important;
  }
  .focus\:text-red-500:focus {
    color: var(--p-red-500) !important;
  }
  .focus\:text-red-600:focus {
    color: var(--p-red-600) !important;
  }
  .focus\:text-red-700:focus {
    color: var(--p-red-700) !important;
  }
  .focus\:text-red-800:focus {
    color: var(--p-red-800) !important;
  }
  .focus\:text-red-900:focus {
    color: var(--p-red-900) !important;
  }
  .hover\:text-red-50:hover {
    color: var(--p-red-50) !important;
  }
  .hover\:text-red-100:hover {
    color: var(--p-red-100) !important;
  }
  .hover\:text-red-200:hover {
    color: var(--p-red-200) !important;
  }
  .hover\:text-red-300:hover {
    color: var(--p-red-300) !important;
  }
  .hover\:text-red-400:hover {
    color: var(--p-red-400) !important;
  }
  .hover\:text-red-500:hover {
    color: var(--p-red-500) !important;
  }
  .hover\:text-red-600:hover {
    color: var(--p-red-600) !important;
  }
  .hover\:text-red-700:hover {
    color: var(--p-red-700) !important;
  }
  .hover\:text-red-800:hover {
    color: var(--p-red-800) !important;
  }
  .hover\:text-red-900:hover {
    color: var(--p-red-900) !important;
  }
  .active\:text-red-50:active {
    color: var(--p-red-50) !important;
  }
  .active\:text-red-100:active {
    color: var(--p-red-100) !important;
  }
  .active\:text-red-200:active {
    color: var(--p-red-200) !important;
  }
  .active\:text-red-300:active {
    color: var(--p-red-300) !important;
  }
  .active\:text-red-400:active {
    color: var(--p-red-400) !important;
  }
  .active\:text-red-500:active {
    color: var(--p-red-500) !important;
  }
  .active\:text-red-600:active {
    color: var(--p-red-600) !important;
  }
  .active\:text-red-700:active {
    color: var(--p-red-700) !important;
  }
  .active\:text-red-800:active {
    color: var(--p-red-800) !important;
  }
  .active\:text-red-900:active {
    color: var(--p-red-900) !important;
  }
  .text-primary-50 {
    color: var(--p-primary-50) !important;
  }
  .text-primary-100 {
    color: var(--p-primary-100) !important;
  }
  .text-primary-200 {
    color: var(--p-primary-200) !important;
  }
  .text-primary-300 {
    color: var(--p-primary-300) !important;
  }
  .text-primary-400 {
    color: var(--p-primary-400) !important;
  }
  .text-primary-500 {
    color: var(--p-primary-500) !important;
  }
  .text-primary-600 {
    color: var(--p-primary-600) !important;
  }
  .text-primary-700 {
    color: var(--p-primary-700) !important;
  }
  .text-primary-800 {
    color: var(--p-primary-800) !important;
  }
  .text-primary-900 {
    color: var(--p-primary-900) !important;
  }
  .focus\:text-primary-50:focus {
    color: var(--p-primary-50) !important;
  }
  .focus\:text-primary-100:focus {
    color: var(--p-primary-100) !important;
  }
  .focus\:text-primary-200:focus {
    color: var(--p-primary-200) !important;
  }
  .focus\:text-primary-300:focus {
    color: var(--p-primary-300) !important;
  }
  .focus\:text-primary-400:focus {
    color: var(--p-primary-400) !important;
  }
  .focus\:text-primary-500:focus {
    color: var(--p-primary-500) !important;
  }
  .focus\:text-primary-600:focus {
    color: var(--p-primary-600) !important;
  }
  .focus\:text-primary-700:focus {
    color: var(--p-primary-700) !important;
  }
  .focus\:text-primary-800:focus {
    color: var(--p-primary-800) !important;
  }
  .focus\:text-primary-900:focus {
    color: var(--p-primary-900) !important;
  }
  .hover\:text-primary-50:hover {
    color: var(--p-primary-50) !important;
  }
  .hover\:text-primary-100:hover {
    color: var(--p-primary-100) !important;
  }
  .hover\:text-primary-200:hover {
    color: var(--p-primary-200) !important;
  }
  .hover\:text-primary-300:hover {
    color: var(--p-primary-300) !important;
  }
  .hover\:text-primary-400:hover {
    color: var(--p-primary-400) !important;
  }
  .hover\:text-primary-500:hover {
    color: var(--p-primary-500) !important;
  }
  .hover\:text-primary-600:hover {
    color: var(--p-primary-600) !important;
  }
  .hover\:text-primary-700:hover {
    color: var(--p-primary-700) !important;
  }
  .hover\:text-primary-800:hover {
    color: var(--p-primary-800) !important;
  }
  .hover\:text-primary-900:hover {
    color: var(--p-primary-900) !important;
  }
  .active\:text-primary-50:active {
    color: var(--p-primary-50) !important;
  }
  .active\:text-primary-100:active {
    color: var(--p-primary-100) !important;
  }
  .active\:text-primary-200:active {
    color: var(--p-primary-200) !important;
  }
  .active\:text-primary-300:active {
    color: var(--p-primary-300) !important;
  }
  .active\:text-primary-400:active {
    color: var(--p-primary-400) !important;
  }
  .active\:text-primary-500:active {
    color: var(--p-primary-500) !important;
  }
  .active\:text-primary-600:active {
    color: var(--p-primary-600) !important;
  }
  .active\:text-primary-700:active {
    color: var(--p-primary-700) !important;
  }
  .active\:text-primary-800:active {
    color: var(--p-primary-800) !important;
  }
  .active\:text-primary-900:active {
    color: var(--p-primary-900) !important;
  }
  .bg-blue-50 {
    background-color: var(--p-blue-50) !important;
  }
  .bg-blue-100 {
    background-color: var(--p-blue-100) !important;
  }
  .bg-blue-200 {
    background-color: var(--p-blue-200) !important;
  }
  .bg-blue-300 {
    background-color: var(--p-blue-300) !important;
  }
  .bg-blue-400 {
    background-color: var(--p-blue-400) !important;
  }
  .bg-blue-500 {
    background-color: var(--p-blue-500) !important;
  }
  .bg-blue-600 {
    background-color: var(--p-blue-600) !important;
  }
  .bg-blue-700 {
    background-color: var(--p-blue-700) !important;
  }
  .bg-blue-800 {
    background-color: var(--p-blue-800) !important;
  }
  .bg-blue-900 {
    background-color: var(--p-blue-900) !important;
  }
  .focus\:bg-blue-50:focus {
    background-color: var(--p-blue-50) !important;
  }
  .focus\:bg-blue-100:focus {
    background-color: var(--p-blue-100) !important;
  }
  .focus\:bg-blue-200:focus {
    background-color: var(--p-blue-200) !important;
  }
  .focus\:bg-blue-300:focus {
    background-color: var(--p-blue-300) !important;
  }
  .focus\:bg-blue-400:focus {
    background-color: var(--p-blue-400) !important;
  }
  .focus\:bg-blue-500:focus {
    background-color: var(--p-blue-500) !important;
  }
  .focus\:bg-blue-600:focus {
    background-color: var(--p-blue-600) !important;
  }
  .focus\:bg-blue-700:focus {
    background-color: var(--p-blue-700) !important;
  }
  .focus\:bg-blue-800:focus {
    background-color: var(--p-blue-800) !important;
  }
  .focus\:bg-blue-900:focus {
    background-color: var(--p-blue-900) !important;
  }
  .hover\:bg-blue-50:hover {
    background-color: var(--p-blue-50) !important;
  }
  .hover\:bg-blue-100:hover {
    background-color: var(--p-blue-100) !important;
  }
  .hover\:bg-blue-200:hover {
    background-color: var(--p-blue-200) !important;
  }
  .hover\:bg-blue-300:hover {
    background-color: var(--p-blue-300) !important;
  }
  .hover\:bg-blue-400:hover {
    background-color: var(--p-blue-400) !important;
  }
  .hover\:bg-blue-500:hover {
    background-color: var(--p-blue-500) !important;
  }
  .hover\:bg-blue-600:hover {
    background-color: var(--p-blue-600) !important;
  }
  .hover\:bg-blue-700:hover {
    background-color: var(--p-blue-700) !important;
  }
  .hover\:bg-blue-800:hover {
    background-color: var(--p-blue-800) !important;
  }
  .hover\:bg-blue-900:hover {
    background-color: var(--p-blue-900) !important;
  }
  .active\:bg-blue-50:active {
    background-color: var(--p-blue-50) !important;
  }
  .active\:bg-blue-100:active {
    background-color: var(--p-blue-100) !important;
  }
  .active\:bg-blue-200:active {
    background-color: var(--p-blue-200) !important;
  }
  .active\:bg-blue-300:active {
    background-color: var(--p-blue-300) !important;
  }
  .active\:bg-blue-400:active {
    background-color: var(--p-blue-400) !important;
  }
  .active\:bg-blue-500:active {
    background-color: var(--p-blue-500) !important;
  }
  .active\:bg-blue-600:active {
    background-color: var(--p-blue-600) !important;
  }
  .active\:bg-blue-700:active {
    background-color: var(--p-blue-700) !important;
  }
  .active\:bg-blue-800:active {
    background-color: var(--p-blue-800) !important;
  }
  .active\:bg-blue-900:active {
    background-color: var(--p-blue-900) !important;
  }
  .bg-green-50 {
    background-color: var(--p-green-50) !important;
  }
  .bg-green-100 {
    background-color: var(--p-green-100) !important;
  }
  .bg-green-200 {
    background-color: var(--p-green-200) !important;
  }
  .bg-green-300 {
    background-color: var(--p-green-300) !important;
  }
  .bg-green-400 {
    background-color: var(--p-green-400) !important;
  }
  .bg-green-500 {
    background-color: var(--p-green-500) !important;
  }
  .bg-green-600 {
    background-color: var(--p-green-600) !important;
  }
  .bg-green-700 {
    background-color: var(--p-green-700) !important;
  }
  .bg-green-800 {
    background-color: var(--p-green-800) !important;
  }
  .bg-green-900 {
    background-color: var(--p-green-900) !important;
  }
  .focus\:bg-green-50:focus {
    background-color: var(--p-green-50) !important;
  }
  .focus\:bg-green-100:focus {
    background-color: var(--p-green-100) !important;
  }
  .focus\:bg-green-200:focus {
    background-color: var(--p-green-200) !important;
  }
  .focus\:bg-green-300:focus {
    background-color: var(--p-green-300) !important;
  }
  .focus\:bg-green-400:focus {
    background-color: var(--p-green-400) !important;
  }
  .focus\:bg-green-500:focus {
    background-color: var(--p-green-500) !important;
  }
  .focus\:bg-green-600:focus {
    background-color: var(--p-green-600) !important;
  }
  .focus\:bg-green-700:focus {
    background-color: var(--p-green-700) !important;
  }
  .focus\:bg-green-800:focus {
    background-color: var(--p-green-800) !important;
  }
  .focus\:bg-green-900:focus {
    background-color: var(--p-green-900) !important;
  }
  .hover\:bg-green-50:hover {
    background-color: var(--p-green-50) !important;
  }
  .hover\:bg-green-100:hover {
    background-color: var(--p-green-100) !important;
  }
  .hover\:bg-green-200:hover {
    background-color: var(--p-green-200) !important;
  }
  .hover\:bg-green-300:hover {
    background-color: var(--p-green-300) !important;
  }
  .hover\:bg-green-400:hover {
    background-color: var(--p-green-400) !important;
  }
  .hover\:bg-green-500:hover {
    background-color: var(--p-green-500) !important;
  }
  .hover\:bg-green-600:hover {
    background-color: var(--p-green-600) !important;
  }
  .hover\:bg-green-700:hover {
    background-color: var(--p-green-700) !important;
  }
  .hover\:bg-green-800:hover {
    background-color: var(--p-green-800) !important;
  }
  .hover\:bg-green-900:hover {
    background-color: var(--p-green-900) !important;
  }
  .active\:bg-green-50:active {
    background-color: var(--p-green-50) !important;
  }
  .active\:bg-green-100:active {
    background-color: var(--p-green-100) !important;
  }
  .active\:bg-green-200:active {
    background-color: var(--p-green-200) !important;
  }
  .active\:bg-green-300:active {
    background-color: var(--p-green-300) !important;
  }
  .active\:bg-green-400:active {
    background-color: var(--p-green-400) !important;
  }
  .active\:bg-green-500:active {
    background-color: var(--p-green-500) !important;
  }
  .active\:bg-green-600:active {
    background-color: var(--p-green-600) !important;
  }
  .active\:bg-green-700:active {
    background-color: var(--p-green-700) !important;
  }
  .active\:bg-green-800:active {
    background-color: var(--p-green-800) !important;
  }
  .active\:bg-green-900:active {
    background-color: var(--p-green-900) !important;
  }
  .bg-yellow-50 {
    background-color: var(--p-yellow-50) !important;
  }
  .bg-yellow-100 {
    background-color: var(--p-yellow-100) !important;
  }
  .bg-yellow-200 {
    background-color: var(--p-yellow-200) !important;
  }
  .bg-yellow-300 {
    background-color: var(--p-yellow-300) !important;
  }
  .bg-yellow-400 {
    background-color: var(--p-yellow-400) !important;
  }
  .bg-yellow-500 {
    background-color: var(--p-yellow-500) !important;
  }
  .bg-yellow-600 {
    background-color: var(--p-yellow-600) !important;
  }
  .bg-yellow-700 {
    background-color: var(--p-yellow-700) !important;
  }
  .bg-yellow-800 {
    background-color: var(--p-yellow-800) !important;
  }
  .bg-yellow-900 {
    background-color: var(--p-yellow-900) !important;
  }
  .focus\:bg-yellow-50:focus {
    background-color: var(--p-yellow-50) !important;
  }
  .focus\:bg-yellow-100:focus {
    background-color: var(--p-yellow-100) !important;
  }
  .focus\:bg-yellow-200:focus {
    background-color: var(--p-yellow-200) !important;
  }
  .focus\:bg-yellow-300:focus {
    background-color: var(--p-yellow-300) !important;
  }
  .focus\:bg-yellow-400:focus {
    background-color: var(--p-yellow-400) !important;
  }
  .focus\:bg-yellow-500:focus {
    background-color: var(--p-yellow-500) !important;
  }
  .focus\:bg-yellow-600:focus {
    background-color: var(--p-yellow-600) !important;
  }
  .focus\:bg-yellow-700:focus {
    background-color: var(--p-yellow-700) !important;
  }
  .focus\:bg-yellow-800:focus {
    background-color: var(--p-yellow-800) !important;
  }
  .focus\:bg-yellow-900:focus {
    background-color: var(--p-yellow-900) !important;
  }
  .hover\:bg-yellow-50:hover {
    background-color: var(--p-yellow-50) !important;
  }
  .hover\:bg-yellow-100:hover {
    background-color: var(--p-yellow-100) !important;
  }
  .hover\:bg-yellow-200:hover {
    background-color: var(--p-yellow-200) !important;
  }
  .hover\:bg-yellow-300:hover {
    background-color: var(--p-yellow-300) !important;
  }
  .hover\:bg-yellow-400:hover {
    background-color: var(--p-yellow-400) !important;
  }
  .hover\:bg-yellow-500:hover {
    background-color: var(--p-yellow-500) !important;
  }
  .hover\:bg-yellow-600:hover {
    background-color: var(--p-yellow-600) !important;
  }
  .hover\:bg-yellow-700:hover {
    background-color: var(--p-yellow-700) !important;
  }
  .hover\:bg-yellow-800:hover {
    background-color: var(--p-yellow-800) !important;
  }
  .hover\:bg-yellow-900:hover {
    background-color: var(--p-yellow-900) !important;
  }
  .active\:bg-yellow-50:active {
    background-color: var(--p-yellow-50) !important;
  }
  .active\:bg-yellow-100:active {
    background-color: var(--p-yellow-100) !important;
  }
  .active\:bg-yellow-200:active {
    background-color: var(--p-yellow-200) !important;
  }
  .active\:bg-yellow-300:active {
    background-color: var(--p-yellow-300) !important;
  }
  .active\:bg-yellow-400:active {
    background-color: var(--p-yellow-400) !important;
  }
  .active\:bg-yellow-500:active {
    background-color: var(--p-yellow-500) !important;
  }
  .active\:bg-yellow-600:active {
    background-color: var(--p-yellow-600) !important;
  }
  .active\:bg-yellow-700:active {
    background-color: var(--p-yellow-700) !important;
  }
  .active\:bg-yellow-800:active {
    background-color: var(--p-yellow-800) !important;
  }
  .active\:bg-yellow-900:active {
    background-color: var(--p-yellow-900) !important;
  }
  .bg-cyan-50 {
    background-color: var(--p-cyan-50) !important;
  }
  .bg-cyan-100 {
    background-color: var(--p-cyan-100) !important;
  }
  .bg-cyan-200 {
    background-color: var(--p-cyan-200) !important;
  }
  .bg-cyan-300 {
    background-color: var(--p-cyan-300) !important;
  }
  .bg-cyan-400 {
    background-color: var(--p-cyan-400) !important;
  }
  .bg-cyan-500 {
    background-color: var(--p-cyan-500) !important;
  }
  .bg-cyan-600 {
    background-color: var(--p-cyan-600) !important;
  }
  .bg-cyan-700 {
    background-color: var(--p-cyan-700) !important;
  }
  .bg-cyan-800 {
    background-color: var(--p-cyan-800) !important;
  }
  .bg-cyan-900 {
    background-color: var(--p-cyan-900) !important;
  }
  .focus\:bg-cyan-50:focus {
    background-color: var(--p-cyan-50) !important;
  }
  .focus\:bg-cyan-100:focus {
    background-color: var(--p-cyan-100) !important;
  }
  .focus\:bg-cyan-200:focus {
    background-color: var(--p-cyan-200) !important;
  }
  .focus\:bg-cyan-300:focus {
    background-color: var(--p-cyan-300) !important;
  }
  .focus\:bg-cyan-400:focus {
    background-color: var(--p-cyan-400) !important;
  }
  .focus\:bg-cyan-500:focus {
    background-color: var(--p-cyan-500) !important;
  }
  .focus\:bg-cyan-600:focus {
    background-color: var(--p-cyan-600) !important;
  }
  .focus\:bg-cyan-700:focus {
    background-color: var(--p-cyan-700) !important;
  }
  .focus\:bg-cyan-800:focus {
    background-color: var(--p-cyan-800) !important;
  }
  .focus\:bg-cyan-900:focus {
    background-color: var(--p-cyan-900) !important;
  }
  .hover\:bg-cyan-50:hover {
    background-color: var(--p-cyan-50) !important;
  }
  .hover\:bg-cyan-100:hover {
    background-color: var(--p-cyan-100) !important;
  }
  .hover\:bg-cyan-200:hover {
    background-color: var(--p-cyan-200) !important;
  }
  .hover\:bg-cyan-300:hover {
    background-color: var(--p-cyan-300) !important;
  }
  .hover\:bg-cyan-400:hover {
    background-color: var(--p-cyan-400) !important;
  }
  .hover\:bg-cyan-500:hover {
    background-color: var(--p-cyan-500) !important;
  }
  .hover\:bg-cyan-600:hover {
    background-color: var(--p-cyan-600) !important;
  }
  .hover\:bg-cyan-700:hover {
    background-color: var(--p-cyan-700) !important;
  }
  .hover\:bg-cyan-800:hover {
    background-color: var(--p-cyan-800) !important;
  }
  .hover\:bg-cyan-900:hover {
    background-color: var(--p-cyan-900) !important;
  }
  .active\:bg-cyan-50:active {
    background-color: var(--p-cyan-50) !important;
  }
  .active\:bg-cyan-100:active {
    background-color: var(--p-cyan-100) !important;
  }
  .active\:bg-cyan-200:active {
    background-color: var(--p-cyan-200) !important;
  }
  .active\:bg-cyan-300:active {
    background-color: var(--p-cyan-300) !important;
  }
  .active\:bg-cyan-400:active {
    background-color: var(--p-cyan-400) !important;
  }
  .active\:bg-cyan-500:active {
    background-color: var(--p-cyan-500) !important;
  }
  .active\:bg-cyan-600:active {
    background-color: var(--p-cyan-600) !important;
  }
  .active\:bg-cyan-700:active {
    background-color: var(--p-cyan-700) !important;
  }
  .active\:bg-cyan-800:active {
    background-color: var(--p-cyan-800) !important;
  }
  .active\:bg-cyan-900:active {
    background-color: var(--p-cyan-900) !important;
  }
  .bg-pink-50 {
    background-color: var(--p-pink-50) !important;
  }
  .bg-pink-100 {
    background-color: var(--p-pink-100) !important;
  }
  .bg-pink-200 {
    background-color: var(--p-pink-200) !important;
  }
  .bg-pink-300 {
    background-color: var(--p-pink-300) !important;
  }
  .bg-pink-400 {
    background-color: var(--p-pink-400) !important;
  }
  .bg-pink-500 {
    background-color: var(--p-pink-500) !important;
  }
  .bg-pink-600 {
    background-color: var(--p-pink-600) !important;
  }
  .bg-pink-700 {
    background-color: var(--p-pink-700) !important;
  }
  .bg-pink-800 {
    background-color: var(--p-pink-800) !important;
  }
  .bg-pink-900 {
    background-color: var(--p-pink-900) !important;
  }
  .focus\:bg-pink-50:focus {
    background-color: var(--p-pink-50) !important;
  }
  .focus\:bg-pink-100:focus {
    background-color: var(--p-pink-100) !important;
  }
  .focus\:bg-pink-200:focus {
    background-color: var(--p-pink-200) !important;
  }
  .focus\:bg-pink-300:focus {
    background-color: var(--p-pink-300) !important;
  }
  .focus\:bg-pink-400:focus {
    background-color: var(--p-pink-400) !important;
  }
  .focus\:bg-pink-500:focus {
    background-color: var(--p-pink-500) !important;
  }
  .focus\:bg-pink-600:focus {
    background-color: var(--p-pink-600) !important;
  }
  .focus\:bg-pink-700:focus {
    background-color: var(--p-pink-700) !important;
  }
  .focus\:bg-pink-800:focus {
    background-color: var(--p-pink-800) !important;
  }
  .focus\:bg-pink-900:focus {
    background-color: var(--p-pink-900) !important;
  }
  .hover\:bg-pink-50:hover {
    background-color: var(--p-pink-50) !important;
  }
  .hover\:bg-pink-100:hover {
    background-color: var(--p-pink-100) !important;
  }
  .hover\:bg-pink-200:hover {
    background-color: var(--p-pink-200) !important;
  }
  .hover\:bg-pink-300:hover {
    background-color: var(--p-pink-300) !important;
  }
  .hover\:bg-pink-400:hover {
    background-color: var(--p-pink-400) !important;
  }
  .hover\:bg-pink-500:hover {
    background-color: var(--p-pink-500) !important;
  }
  .hover\:bg-pink-600:hover {
    background-color: var(--p-pink-600) !important;
  }
  .hover\:bg-pink-700:hover {
    background-color: var(--p-pink-700) !important;
  }
  .hover\:bg-pink-800:hover {
    background-color: var(--p-pink-800) !important;
  }
  .hover\:bg-pink-900:hover {
    background-color: var(--p-pink-900) !important;
  }
  .active\:bg-pink-50:active {
    background-color: var(--p-pink-50) !important;
  }
  .active\:bg-pink-100:active {
    background-color: var(--p-pink-100) !important;
  }
  .active\:bg-pink-200:active {
    background-color: var(--p-pink-200) !important;
  }
  .active\:bg-pink-300:active {
    background-color: var(--p-pink-300) !important;
  }
  .active\:bg-pink-400:active {
    background-color: var(--p-pink-400) !important;
  }
  .active\:bg-pink-500:active {
    background-color: var(--p-pink-500) !important;
  }
  .active\:bg-pink-600:active {
    background-color: var(--p-pink-600) !important;
  }
  .active\:bg-pink-700:active {
    background-color: var(--p-pink-700) !important;
  }
  .active\:bg-pink-800:active {
    background-color: var(--p-pink-800) !important;
  }
  .active\:bg-pink-900:active {
    background-color: var(--p-pink-900) !important;
  }
  .bg-indigo-50 {
    background-color: var(--p-indigo-50) !important;
  }
  .bg-indigo-100 {
    background-color: var(--p-indigo-100) !important;
  }
  .bg-indigo-200 {
    background-color: var(--p-indigo-200) !important;
  }
  .bg-indigo-300 {
    background-color: var(--p-indigo-300) !important;
  }
  .bg-indigo-400 {
    background-color: var(--p-indigo-400) !important;
  }
  .bg-indigo-500 {
    background-color: var(--p-indigo-500) !important;
  }
  .bg-indigo-600 {
    background-color: var(--p-indigo-600) !important;
  }
  .bg-indigo-700 {
    background-color: var(--p-indigo-700) !important;
  }
  .bg-indigo-800 {
    background-color: var(--p-indigo-800) !important;
  }
  .bg-indigo-900 {
    background-color: var(--p-indigo-900) !important;
  }
  .focus\:bg-indigo-50:focus {
    background-color: var(--p-indigo-50) !important;
  }
  .focus\:bg-indigo-100:focus {
    background-color: var(--p-indigo-100) !important;
  }
  .focus\:bg-indigo-200:focus {
    background-color: var(--p-indigo-200) !important;
  }
  .focus\:bg-indigo-300:focus {
    background-color: var(--p-indigo-300) !important;
  }
  .focus\:bg-indigo-400:focus {
    background-color: var(--p-indigo-400) !important;
  }
  .focus\:bg-indigo-500:focus {
    background-color: var(--p-indigo-500) !important;
  }
  .focus\:bg-indigo-600:focus {
    background-color: var(--p-indigo-600) !important;
  }
  .focus\:bg-indigo-700:focus {
    background-color: var(--p-indigo-700) !important;
  }
  .focus\:bg-indigo-800:focus {
    background-color: var(--p-indigo-800) !important;
  }
  .focus\:bg-indigo-900:focus {
    background-color: var(--p-indigo-900) !important;
  }
  .hover\:bg-indigo-50:hover {
    background-color: var(--p-indigo-50) !important;
  }
  .hover\:bg-indigo-100:hover {
    background-color: var(--p-indigo-100) !important;
  }
  .hover\:bg-indigo-200:hover {
    background-color: var(--p-indigo-200) !important;
  }
  .hover\:bg-indigo-300:hover {
    background-color: var(--p-indigo-300) !important;
  }
  .hover\:bg-indigo-400:hover {
    background-color: var(--p-indigo-400) !important;
  }
  .hover\:bg-indigo-500:hover {
    background-color: var(--p-indigo-500) !important;
  }
  .hover\:bg-indigo-600:hover {
    background-color: var(--p-indigo-600) !important;
  }
  .hover\:bg-indigo-700:hover {
    background-color: var(--p-indigo-700) !important;
  }
  .hover\:bg-indigo-800:hover {
    background-color: var(--p-indigo-800) !important;
  }
  .hover\:bg-indigo-900:hover {
    background-color: var(--p-indigo-900) !important;
  }
  .active\:bg-indigo-50:active {
    background-color: var(--p-indigo-50) !important;
  }
  .active\:bg-indigo-100:active {
    background-color: var(--p-indigo-100) !important;
  }
  .active\:bg-indigo-200:active {
    background-color: var(--p-indigo-200) !important;
  }
  .active\:bg-indigo-300:active {
    background-color: var(--p-indigo-300) !important;
  }
  .active\:bg-indigo-400:active {
    background-color: var(--p-indigo-400) !important;
  }
  .active\:bg-indigo-500:active {
    background-color: var(--p-indigo-500) !important;
  }
  .active\:bg-indigo-600:active {
    background-color: var(--p-indigo-600) !important;
  }
  .active\:bg-indigo-700:active {
    background-color: var(--p-indigo-700) !important;
  }
  .active\:bg-indigo-800:active {
    background-color: var(--p-indigo-800) !important;
  }
  .active\:bg-indigo-900:active {
    background-color: var(--p-indigo-900) !important;
  }
  .bg-teal-50 {
    background-color: var(--p-teal-50) !important;
  }
  .bg-teal-100 {
    background-color: var(--p-teal-100) !important;
  }
  .bg-teal-200 {
    background-color: var(--p-teal-200) !important;
  }
  .bg-teal-300 {
    background-color: var(--p-teal-300) !important;
  }
  .bg-teal-400 {
    background-color: var(--p-teal-400) !important;
  }
  .bg-teal-500 {
    background-color: var(--p-teal-500) !important;
  }
  .bg-teal-600 {
    background-color: var(--p-teal-600) !important;
  }
  .bg-teal-700 {
    background-color: var(--p-teal-700) !important;
  }
  .bg-teal-800 {
    background-color: var(--p-teal-800) !important;
  }
  .bg-teal-900 {
    background-color: var(--p-teal-900) !important;
  }
  .focus\:bg-teal-50:focus {
    background-color: var(--p-teal-50) !important;
  }
  .focus\:bg-teal-100:focus {
    background-color: var(--p-teal-100) !important;
  }
  .focus\:bg-teal-200:focus {
    background-color: var(--p-teal-200) !important;
  }
  .focus\:bg-teal-300:focus {
    background-color: var(--p-teal-300) !important;
  }
  .focus\:bg-teal-400:focus {
    background-color: var(--p-teal-400) !important;
  }
  .focus\:bg-teal-500:focus {
    background-color: var(--p-teal-500) !important;
  }
  .focus\:bg-teal-600:focus {
    background-color: var(--p-teal-600) !important;
  }
  .focus\:bg-teal-700:focus {
    background-color: var(--p-teal-700) !important;
  }
  .focus\:bg-teal-800:focus {
    background-color: var(--p-teal-800) !important;
  }
  .focus\:bg-teal-900:focus {
    background-color: var(--p-teal-900) !important;
  }
  .hover\:bg-teal-50:hover {
    background-color: var(--p-teal-50) !important;
  }
  .hover\:bg-teal-100:hover {
    background-color: var(--p-teal-100) !important;
  }
  .hover\:bg-teal-200:hover {
    background-color: var(--p-teal-200) !important;
  }
  .hover\:bg-teal-300:hover {
    background-color: var(--p-teal-300) !important;
  }
  .hover\:bg-teal-400:hover {
    background-color: var(--p-teal-400) !important;
  }
  .hover\:bg-teal-500:hover {
    background-color: var(--p-teal-500) !important;
  }
  .hover\:bg-teal-600:hover {
    background-color: var(--p-teal-600) !important;
  }
  .hover\:bg-teal-700:hover {
    background-color: var(--p-teal-700) !important;
  }
  .hover\:bg-teal-800:hover {
    background-color: var(--p-teal-800) !important;
  }
  .hover\:bg-teal-900:hover {
    background-color: var(--p-teal-900) !important;
  }
  .active\:bg-teal-50:active {
    background-color: var(--p-teal-50) !important;
  }
  .active\:bg-teal-100:active {
    background-color: var(--p-teal-100) !important;
  }
  .active\:bg-teal-200:active {
    background-color: var(--p-teal-200) !important;
  }
  .active\:bg-teal-300:active {
    background-color: var(--p-teal-300) !important;
  }
  .active\:bg-teal-400:active {
    background-color: var(--p-teal-400) !important;
  }
  .active\:bg-teal-500:active {
    background-color: var(--p-teal-500) !important;
  }
  .active\:bg-teal-600:active {
    background-color: var(--p-teal-600) !important;
  }
  .active\:bg-teal-700:active {
    background-color: var(--p-teal-700) !important;
  }
  .active\:bg-teal-800:active {
    background-color: var(--p-teal-800) !important;
  }
  .active\:bg-teal-900:active {
    background-color: var(--p-teal-900) !important;
  }
  .bg-orange-50 {
    background-color: var(--p-orange-50) !important;
  }
  .bg-orange-100 {
    background-color: var(--p-orange-100) !important;
  }
  .bg-orange-200 {
    background-color: var(--p-orange-200) !important;
  }
  .bg-orange-300 {
    background-color: var(--p-orange-300) !important;
  }
  .bg-orange-400 {
    background-color: var(--p-orange-400) !important;
  }
  .bg-orange-500 {
    background-color: var(--p-orange-500) !important;
  }
  .bg-orange-600 {
    background-color: var(--p-orange-600) !important;
  }
  .bg-orange-700 {
    background-color: var(--p-orange-700) !important;
  }
  .bg-orange-800 {
    background-color: var(--p-orange-800) !important;
  }
  .bg-orange-900 {
    background-color: var(--p-orange-900) !important;
  }
  .focus\:bg-orange-50:focus {
    background-color: var(--p-orange-50) !important;
  }
  .focus\:bg-orange-100:focus {
    background-color: var(--p-orange-100) !important;
  }
  .focus\:bg-orange-200:focus {
    background-color: var(--p-orange-200) !important;
  }
  .focus\:bg-orange-300:focus {
    background-color: var(--p-orange-300) !important;
  }
  .focus\:bg-orange-400:focus {
    background-color: var(--p-orange-400) !important;
  }
  .focus\:bg-orange-500:focus {
    background-color: var(--p-orange-500) !important;
  }
  .focus\:bg-orange-600:focus {
    background-color: var(--p-orange-600) !important;
  }
  .focus\:bg-orange-700:focus {
    background-color: var(--p-orange-700) !important;
  }
  .focus\:bg-orange-800:focus {
    background-color: var(--p-orange-800) !important;
  }
  .focus\:bg-orange-900:focus {
    background-color: var(--p-orange-900) !important;
  }
  .hover\:bg-orange-50:hover {
    background-color: var(--p-orange-50) !important;
  }
  .hover\:bg-orange-100:hover {
    background-color: var(--p-orange-100) !important;
  }
  .hover\:bg-orange-200:hover {
    background-color: var(--p-orange-200) !important;
  }
  .hover\:bg-orange-300:hover {
    background-color: var(--p-orange-300) !important;
  }
  .hover\:bg-orange-400:hover {
    background-color: var(--p-orange-400) !important;
  }
  .hover\:bg-orange-500:hover {
    background-color: var(--p-orange-500) !important;
  }
  .hover\:bg-orange-600:hover {
    background-color: var(--p-orange-600) !important;
  }
  .hover\:bg-orange-700:hover {
    background-color: var(--p-orange-700) !important;
  }
  .hover\:bg-orange-800:hover {
    background-color: var(--p-orange-800) !important;
  }
  .hover\:bg-orange-900:hover {
    background-color: var(--p-orange-900) !important;
  }
  .active\:bg-orange-50:active {
    background-color: var(--p-orange-50) !important;
  }
  .active\:bg-orange-100:active {
    background-color: var(--p-orange-100) !important;
  }
  .active\:bg-orange-200:active {
    background-color: var(--p-orange-200) !important;
  }
  .active\:bg-orange-300:active {
    background-color: var(--p-orange-300) !important;
  }
  .active\:bg-orange-400:active {
    background-color: var(--p-orange-400) !important;
  }
  .active\:bg-orange-500:active {
    background-color: var(--p-orange-500) !important;
  }
  .active\:bg-orange-600:active {
    background-color: var(--p-orange-600) !important;
  }
  .active\:bg-orange-700:active {
    background-color: var(--p-orange-700) !important;
  }
  .active\:bg-orange-800:active {
    background-color: var(--p-orange-800) !important;
  }
  .active\:bg-orange-900:active {
    background-color: var(--p-orange-900) !important;
  }
  .bg-bluegray-50 {
    background-color: var(--p-bluegray-50) !important;
  }
  .bg-bluegray-100 {
    background-color: var(--p-bluegray-100) !important;
  }
  .bg-bluegray-200 {
    background-color: var(--p-bluegray-200) !important;
  }
  .bg-bluegray-300 {
    background-color: var(--p-bluegray-300) !important;
  }
  .bg-bluegray-400 {
    background-color: var(--p-bluegray-400) !important;
  }
  .bg-bluegray-500 {
    background-color: var(--p-bluegray-500) !important;
  }
  .bg-bluegray-600 {
    background-color: var(--p-bluegray-600) !important;
  }
  .bg-bluegray-700 {
    background-color: var(--p-bluegray-700) !important;
  }
  .bg-bluegray-800 {
    background-color: var(--p-bluegray-800) !important;
  }
  .bg-bluegray-900 {
    background-color: var(--p-bluegray-900) !important;
  }
  .focus\:bg-bluegray-50:focus {
    background-color: var(--p-bluegray-50) !important;
  }
  .focus\:bg-bluegray-100:focus {
    background-color: var(--p-bluegray-100) !important;
  }
  .focus\:bg-bluegray-200:focus {
    background-color: var(--p-bluegray-200) !important;
  }
  .focus\:bg-bluegray-300:focus {
    background-color: var(--p-bluegray-300) !important;
  }
  .focus\:bg-bluegray-400:focus {
    background-color: var(--p-bluegray-400) !important;
  }
  .focus\:bg-bluegray-500:focus {
    background-color: var(--p-bluegray-500) !important;
  }
  .focus\:bg-bluegray-600:focus {
    background-color: var(--p-bluegray-600) !important;
  }
  .focus\:bg-bluegray-700:focus {
    background-color: var(--p-bluegray-700) !important;
  }
  .focus\:bg-bluegray-800:focus {
    background-color: var(--p-bluegray-800) !important;
  }
  .focus\:bg-bluegray-900:focus {
    background-color: var(--p-bluegray-900) !important;
  }
  .hover\:bg-bluegray-50:hover {
    background-color: var(--p-bluegray-50) !important;
  }
  .hover\:bg-bluegray-100:hover {
    background-color: var(--p-bluegray-100) !important;
  }
  .hover\:bg-bluegray-200:hover {
    background-color: var(--p-bluegray-200) !important;
  }
  .hover\:bg-bluegray-300:hover {
    background-color: var(--p-bluegray-300) !important;
  }
  .hover\:bg-bluegray-400:hover {
    background-color: var(--p-bluegray-400) !important;
  }
  .hover\:bg-bluegray-500:hover {
    background-color: var(--p-bluegray-500) !important;
  }
  .hover\:bg-bluegray-600:hover {
    background-color: var(--p-bluegray-600) !important;
  }
  .hover\:bg-bluegray-700:hover {
    background-color: var(--p-bluegray-700) !important;
  }
  .hover\:bg-bluegray-800:hover {
    background-color: var(--p-bluegray-800) !important;
  }
  .hover\:bg-bluegray-900:hover {
    background-color: var(--p-bluegray-900) !important;
  }
  .active\:bg-bluegray-50:active {
    background-color: var(--p-bluegray-50) !important;
  }
  .active\:bg-bluegray-100:active {
    background-color: var(--p-bluegray-100) !important;
  }
  .active\:bg-bluegray-200:active {
    background-color: var(--p-bluegray-200) !important;
  }
  .active\:bg-bluegray-300:active {
    background-color: var(--p-bluegray-300) !important;
  }
  .active\:bg-bluegray-400:active {
    background-color: var(--p-bluegray-400) !important;
  }
  .active\:bg-bluegray-500:active {
    background-color: var(--p-bluegray-500) !important;
  }
  .active\:bg-bluegray-600:active {
    background-color: var(--p-bluegray-600) !important;
  }
  .active\:bg-bluegray-700:active {
    background-color: var(--p-bluegray-700) !important;
  }
  .active\:bg-bluegray-800:active {
    background-color: var(--p-bluegray-800) !important;
  }
  .active\:bg-bluegray-900:active {
    background-color: var(--p-bluegray-900) !important;
  }
  .bg-purple-50 {
    background-color: var(--p-purple-50) !important;
  }
  .bg-purple-100 {
    background-color: var(--p-purple-100) !important;
  }
  .bg-purple-200 {
    background-color: var(--p-purple-200) !important;
  }
  .bg-purple-300 {
    background-color: var(--p-purple-300) !important;
  }
  .bg-purple-400 {
    background-color: var(--p-purple-400) !important;
  }
  .bg-purple-500 {
    background-color: var(--p-purple-500) !important;
  }
  .bg-purple-600 {
    background-color: var(--p-purple-600) !important;
  }
  .bg-purple-700 {
    background-color: var(--p-purple-700) !important;
  }
  .bg-purple-800 {
    background-color: var(--p-purple-800) !important;
  }
  .bg-purple-900 {
    background-color: var(--p-purple-900) !important;
  }
  .focus\:bg-purple-50:focus {
    background-color: var(--p-purple-50) !important;
  }
  .focus\:bg-purple-100:focus {
    background-color: var(--p-purple-100) !important;
  }
  .focus\:bg-purple-200:focus {
    background-color: var(--p-purple-200) !important;
  }
  .focus\:bg-purple-300:focus {
    background-color: var(--p-purple-300) !important;
  }
  .focus\:bg-purple-400:focus {
    background-color: var(--p-purple-400) !important;
  }
  .focus\:bg-purple-500:focus {
    background-color: var(--p-purple-500) !important;
  }
  .focus\:bg-purple-600:focus {
    background-color: var(--p-purple-600) !important;
  }
  .focus\:bg-purple-700:focus {
    background-color: var(--p-purple-700) !important;
  }
  .focus\:bg-purple-800:focus {
    background-color: var(--p-purple-800) !important;
  }
  .focus\:bg-purple-900:focus {
    background-color: var(--p-purple-900) !important;
  }
  .hover\:bg-purple-50:hover {
    background-color: var(--p-purple-50) !important;
  }
  .hover\:bg-purple-100:hover {
    background-color: var(--p-purple-100) !important;
  }
  .hover\:bg-purple-200:hover {
    background-color: var(--p-purple-200) !important;
  }
  .hover\:bg-purple-300:hover {
    background-color: var(--p-purple-300) !important;
  }
  .hover\:bg-purple-400:hover {
    background-color: var(--p-purple-400) !important;
  }
  .hover\:bg-purple-500:hover {
    background-color: var(--p-purple-500) !important;
  }
  .hover\:bg-purple-600:hover {
    background-color: var(--p-purple-600) !important;
  }
  .hover\:bg-purple-700:hover {
    background-color: var(--p-purple-700) !important;
  }
  .hover\:bg-purple-800:hover {
    background-color: var(--p-purple-800) !important;
  }
  .hover\:bg-purple-900:hover {
    background-color: var(--p-purple-900) !important;
  }
  .active\:bg-purple-50:active {
    background-color: var(--p-purple-50) !important;
  }
  .active\:bg-purple-100:active {
    background-color: var(--p-purple-100) !important;
  }
  .active\:bg-purple-200:active {
    background-color: var(--p-purple-200) !important;
  }
  .active\:bg-purple-300:active {
    background-color: var(--p-purple-300) !important;
  }
  .active\:bg-purple-400:active {
    background-color: var(--p-purple-400) !important;
  }
  .active\:bg-purple-500:active {
    background-color: var(--p-purple-500) !important;
  }
  .active\:bg-purple-600:active {
    background-color: var(--p-purple-600) !important;
  }
  .active\:bg-purple-700:active {
    background-color: var(--p-purple-700) !important;
  }
  .active\:bg-purple-800:active {
    background-color: var(--p-purple-800) !important;
  }
  .active\:bg-purple-900:active {
    background-color: var(--p-purple-900) !important;
  }
  .bg-gray-50 {
    background-color: var(--p-gray-50) !important;
  }
  .bg-gray-100 {
    background-color: var(--p-gray-100) !important;
  }
  .bg-gray-200 {
    background-color: var(--p-gray-200) !important;
  }
  .bg-gray-300 {
    background-color: var(--p-gray-300) !important;
  }
  .bg-gray-400 {
    background-color: var(--p-gray-400) !important;
  }
  .bg-gray-500 {
    background-color: var(--p-gray-500) !important;
  }
  .bg-gray-600 {
    background-color: var(--p-gray-600) !important;
  }
  .bg-gray-700 {
    background-color: var(--p-gray-700) !important;
  }
  .bg-gray-800 {
    background-color: var(--p-gray-800) !important;
  }
  .bg-gray-900 {
    background-color: var(--p-gray-900) !important;
  }
  .focus\:bg-gray-50:focus {
    background-color: var(--p-gray-50) !important;
  }
  .focus\:bg-gray-100:focus {
    background-color: var(--p-gray-100) !important;
  }
  .focus\:bg-gray-200:focus {
    background-color: var(--p-gray-200) !important;
  }
  .focus\:bg-gray-300:focus {
    background-color: var(--p-gray-300) !important;
  }
  .focus\:bg-gray-400:focus {
    background-color: var(--p-gray-400) !important;
  }
  .focus\:bg-gray-500:focus {
    background-color: var(--p-gray-500) !important;
  }
  .focus\:bg-gray-600:focus {
    background-color: var(--p-gray-600) !important;
  }
  .focus\:bg-gray-700:focus {
    background-color: var(--p-gray-700) !important;
  }
  .focus\:bg-gray-800:focus {
    background-color: var(--p-gray-800) !important;
  }
  .focus\:bg-gray-900:focus {
    background-color: var(--p-gray-900) !important;
  }
  .hover\:bg-gray-50:hover {
    background-color: var(--p-gray-50) !important;
  }
  .hover\:bg-gray-100:hover {
    background-color: var(--p-gray-100) !important;
  }
  .hover\:bg-gray-200:hover {
    background-color: var(--p-gray-200) !important;
  }
  .hover\:bg-gray-300:hover {
    background-color: var(--p-gray-300) !important;
  }
  .hover\:bg-gray-400:hover {
    background-color: var(--p-gray-400) !important;
  }
  .hover\:bg-gray-500:hover {
    background-color: var(--p-gray-500) !important;
  }
  .hover\:bg-gray-600:hover {
    background-color: var(--p-gray-600) !important;
  }
  .hover\:bg-gray-700:hover {
    background-color: var(--p-gray-700) !important;
  }
  .hover\:bg-gray-800:hover {
    background-color: var(--p-gray-800) !important;
  }
  .hover\:bg-gray-900:hover {
    background-color: var(--p-gray-900) !important;
  }
  .active\:bg-gray-50:active {
    background-color: var(--p-gray-50) !important;
  }
  .active\:bg-gray-100:active {
    background-color: var(--p-gray-100) !important;
  }
  .active\:bg-gray-200:active {
    background-color: var(--p-gray-200) !important;
  }
  .active\:bg-gray-300:active {
    background-color: var(--p-gray-300) !important;
  }
  .active\:bg-gray-400:active {
    background-color: var(--p-gray-400) !important;
  }
  .active\:bg-gray-500:active {
    background-color: var(--p-gray-500) !important;
  }
  .active\:bg-gray-600:active {
    background-color: var(--p-gray-600) !important;
  }
  .active\:bg-gray-700:active {
    background-color: var(--p-gray-700) !important;
  }
  .active\:bg-gray-800:active {
    background-color: var(--p-gray-800) !important;
  }
  .active\:bg-gray-900:active {
    background-color: var(--p-gray-900) !important;
  }
  .bg-red-50 {
    background-color: var(--p-red-50) !important;
  }
  .bg-red-100 {
    background-color: var(--p-red-100) !important;
  }
  .bg-red-200 {
    background-color: var(--p-red-200) !important;
  }
  .bg-red-300 {
    background-color: var(--p-red-300) !important;
  }
  .bg-red-400 {
    background-color: var(--p-red-400) !important;
  }
  .bg-red-500 {
    background-color: var(--p-red-500) !important;
  }
  .bg-red-600 {
    background-color: var(--p-red-600) !important;
  }
  .bg-red-700 {
    background-color: var(--p-red-700) !important;
  }
  .bg-red-800 {
    background-color: var(--p-red-800) !important;
  }
  .bg-red-900 {
    background-color: var(--p-red-900) !important;
  }
  .focus\:bg-red-50:focus {
    background-color: var(--p-red-50) !important;
  }
  .focus\:bg-red-100:focus {
    background-color: var(--p-red-100) !important;
  }
  .focus\:bg-red-200:focus {
    background-color: var(--p-red-200) !important;
  }
  .focus\:bg-red-300:focus {
    background-color: var(--p-red-300) !important;
  }
  .focus\:bg-red-400:focus {
    background-color: var(--p-red-400) !important;
  }
  .focus\:bg-red-500:focus {
    background-color: var(--p-red-500) !important;
  }
  .focus\:bg-red-600:focus {
    background-color: var(--p-red-600) !important;
  }
  .focus\:bg-red-700:focus {
    background-color: var(--p-red-700) !important;
  }
  .focus\:bg-red-800:focus {
    background-color: var(--p-red-800) !important;
  }
  .focus\:bg-red-900:focus {
    background-color: var(--p-red-900) !important;
  }
  .hover\:bg-red-50:hover {
    background-color: var(--p-red-50) !important;
  }
  .hover\:bg-red-100:hover {
    background-color: var(--p-red-100) !important;
  }
  .hover\:bg-red-200:hover {
    background-color: var(--p-red-200) !important;
  }
  .hover\:bg-red-300:hover {
    background-color: var(--p-red-300) !important;
  }
  .hover\:bg-red-400:hover {
    background-color: var(--p-red-400) !important;
  }
  .hover\:bg-red-500:hover {
    background-color: var(--p-red-500) !important;
  }
  .hover\:bg-red-600:hover {
    background-color: var(--p-red-600) !important;
  }
  .hover\:bg-red-700:hover {
    background-color: var(--p-red-700) !important;
  }
  .hover\:bg-red-800:hover {
    background-color: var(--p-red-800) !important;
  }
  .hover\:bg-red-900:hover {
    background-color: var(--p-red-900) !important;
  }
  .active\:bg-red-50:active {
    background-color: var(--p-red-50) !important;
  }
  .active\:bg-red-100:active {
    background-color: var(--p-red-100) !important;
  }
  .active\:bg-red-200:active {
    background-color: var(--p-red-200) !important;
  }
  .active\:bg-red-300:active {
    background-color: var(--p-red-300) !important;
  }
  .active\:bg-red-400:active {
    background-color: var(--p-red-400) !important;
  }
  .active\:bg-red-500:active {
    background-color: var(--p-red-500) !important;
  }
  .active\:bg-red-600:active {
    background-color: var(--p-red-600) !important;
  }
  .active\:bg-red-700:active {
    background-color: var(--p-red-700) !important;
  }
  .active\:bg-red-800:active {
    background-color: var(--p-red-800) !important;
  }
  .active\:bg-red-900:active {
    background-color: var(--p-red-900) !important;
  }
  .bg-primary-50 {
    background-color: var(--p-primary-50) !important;
  }
  .bg-primary-100 {
    background-color: var(--p-primary-100) !important;
  }
  .bg-primary-200 {
    background-color: var(--p-primary-200) !important;
  }
  .bg-primary-300 {
    background-color: var(--p-primary-300) !important;
  }
  .bg-primary-400 {
    background-color: var(--p-primary-400) !important;
  }
  .bg-primary-500 {
    background-color: var(--p-primary-500) !important;
  }
  .bg-primary-600 {
    background-color: var(--p-primary-600) !important;
  }
  .bg-primary-700 {
    background-color: var(--p-primary-700) !important;
  }
  .bg-primary-800 {
    background-color: var(--p-primary-800) !important;
  }
  .bg-primary-900 {
    background-color: var(--p-primary-900) !important;
  }
  .focus\:bg-primary-50:focus {
    background-color: var(--p-primary-50) !important;
  }
  .focus\:bg-primary-100:focus {
    background-color: var(--p-primary-100) !important;
  }
  .focus\:bg-primary-200:focus {
    background-color: var(--p-primary-200) !important;
  }
  .focus\:bg-primary-300:focus {
    background-color: var(--p-primary-300) !important;
  }
  .focus\:bg-primary-400:focus {
    background-color: var(--p-primary-400) !important;
  }
  .focus\:bg-primary-500:focus {
    background-color: var(--p-primary-500) !important;
  }
  .focus\:bg-primary-600:focus {
    background-color: var(--p-primary-600) !important;
  }
  .focus\:bg-primary-700:focus {
    background-color: var(--p-primary-700) !important;
  }
  .focus\:bg-primary-800:focus {
    background-color: var(--p-primary-800) !important;
  }
  .focus\:bg-primary-900:focus {
    background-color: var(--p-primary-900) !important;
  }
  .hover\:bg-primary-50:hover {
    background-color: var(--p-primary-50) !important;
  }
  .hover\:bg-primary-100:hover {
    background-color: var(--p-primary-100) !important;
  }
  .hover\:bg-primary-200:hover {
    background-color: var(--p-primary-200) !important;
  }
  .hover\:bg-primary-300:hover {
    background-color: var(--p-primary-300) !important;
  }
  .hover\:bg-primary-400:hover {
    background-color: var(--p-primary-400) !important;
  }
  .hover\:bg-primary-500:hover {
    background-color: var(--p-primary-500) !important;
  }
  .hover\:bg-primary-600:hover {
    background-color: var(--p-primary-600) !important;
  }
  .hover\:bg-primary-700:hover {
    background-color: var(--p-primary-700) !important;
  }
  .hover\:bg-primary-800:hover {
    background-color: var(--p-primary-800) !important;
  }
  .hover\:bg-primary-900:hover {
    background-color: var(--p-primary-900) !important;
  }
  .active\:bg-primary-50:active {
    background-color: var(--p-primary-50) !important;
  }
  .active\:bg-primary-100:active {
    background-color: var(--p-primary-100) !important;
  }
  .active\:bg-primary-200:active {
    background-color: var(--p-primary-200) !important;
  }
  .active\:bg-primary-300:active {
    background-color: var(--p-primary-300) !important;
  }
  .active\:bg-primary-400:active {
    background-color: var(--p-primary-400) !important;
  }
  .active\:bg-primary-500:active {
    background-color: var(--p-primary-500) !important;
  }
  .active\:bg-primary-600:active {
    background-color: var(--p-primary-600) !important;
  }
  .active\:bg-primary-700:active {
    background-color: var(--p-primary-700) !important;
  }
  .active\:bg-primary-800:active {
    background-color: var(--p-primary-800) !important;
  }
  .active\:bg-primary-900:active {
    background-color: var(--p-primary-900) !important;
  }
  .border-blue-50 {
    border-color: var(--p-blue-50) !important;
  }
  .border-blue-100 {
    border-color: var(--p-blue-100) !important;
  }
  .border-blue-200 {
    border-color: var(--p-blue-200) !important;
  }
  .border-blue-300 {
    border-color: var(--p-blue-300) !important;
  }
  .border-blue-400 {
    border-color: var(--p-blue-400) !important;
  }
  .border-blue-500 {
    border-color: var(--p-blue-500) !important;
  }
  .border-blue-600 {
    border-color: var(--p-blue-600) !important;
  }
  .border-blue-700 {
    border-color: var(--p-blue-700) !important;
  }
  .border-blue-800 {
    border-color: var(--p-blue-800) !important;
  }
  .border-blue-900 {
    border-color: var(--p-blue-900) !important;
  }
  .focus\:border-blue-50:focus {
    border-color: var(--p-blue-50) !important;
  }
  .focus\:border-blue-100:focus {
    border-color: var(--p-blue-100) !important;
  }
  .focus\:border-blue-200:focus {
    border-color: var(--p-blue-200) !important;
  }
  .focus\:border-blue-300:focus {
    border-color: var(--p-blue-300) !important;
  }
  .focus\:border-blue-400:focus {
    border-color: var(--p-blue-400) !important;
  }
  .focus\:border-blue-500:focus {
    border-color: var(--p-blue-500) !important;
  }
  .focus\:border-blue-600:focus {
    border-color: var(--p-blue-600) !important;
  }
  .focus\:border-blue-700:focus {
    border-color: var(--p-blue-700) !important;
  }
  .focus\:border-blue-800:focus {
    border-color: var(--p-blue-800) !important;
  }
  .focus\:border-blue-900:focus {
    border-color: var(--p-blue-900) !important;
  }
  .hover\:border-blue-50:hover {
    border-color: var(--p-blue-50) !important;
  }
  .hover\:border-blue-100:hover {
    border-color: var(--p-blue-100) !important;
  }
  .hover\:border-blue-200:hover {
    border-color: var(--p-blue-200) !important;
  }
  .hover\:border-blue-300:hover {
    border-color: var(--p-blue-300) !important;
  }
  .hover\:border-blue-400:hover {
    border-color: var(--p-blue-400) !important;
  }
  .hover\:border-blue-500:hover {
    border-color: var(--p-blue-500) !important;
  }
  .hover\:border-blue-600:hover {
    border-color: var(--p-blue-600) !important;
  }
  .hover\:border-blue-700:hover {
    border-color: var(--p-blue-700) !important;
  }
  .hover\:border-blue-800:hover {
    border-color: var(--p-blue-800) !important;
  }
  .hover\:border-blue-900:hover {
    border-color: var(--p-blue-900) !important;
  }
  .active\:border-blue-50:active {
    border-color: var(--p-blue-50) !important;
  }
  .active\:border-blue-100:active {
    border-color: var(--p-blue-100) !important;
  }
  .active\:border-blue-200:active {
    border-color: var(--p-blue-200) !important;
  }
  .active\:border-blue-300:active {
    border-color: var(--p-blue-300) !important;
  }
  .active\:border-blue-400:active {
    border-color: var(--p-blue-400) !important;
  }
  .active\:border-blue-500:active {
    border-color: var(--p-blue-500) !important;
  }
  .active\:border-blue-600:active {
    border-color: var(--p-blue-600) !important;
  }
  .active\:border-blue-700:active {
    border-color: var(--p-blue-700) !important;
  }
  .active\:border-blue-800:active {
    border-color: var(--p-blue-800) !important;
  }
  .active\:border-blue-900:active {
    border-color: var(--p-blue-900) !important;
  }
  .border-green-50 {
    border-color: var(--p-green-50) !important;
  }
  .border-green-100 {
    border-color: var(--p-green-100) !important;
  }
  .border-green-200 {
    border-color: var(--p-green-200) !important;
  }
  .border-green-300 {
    border-color: var(--p-green-300) !important;
  }
  .border-green-400 {
    border-color: var(--p-green-400) !important;
  }
  .border-green-500 {
    border-color: var(--p-green-500) !important;
  }
  .border-green-600 {
    border-color: var(--p-green-600) !important;
  }
  .border-green-700 {
    border-color: var(--p-green-700) !important;
  }
  .border-green-800 {
    border-color: var(--p-green-800) !important;
  }
  .border-green-900 {
    border-color: var(--p-green-900) !important;
  }
  .focus\:border-green-50:focus {
    border-color: var(--p-green-50) !important;
  }
  .focus\:border-green-100:focus {
    border-color: var(--p-green-100) !important;
  }
  .focus\:border-green-200:focus {
    border-color: var(--p-green-200) !important;
  }
  .focus\:border-green-300:focus {
    border-color: var(--p-green-300) !important;
  }
  .focus\:border-green-400:focus {
    border-color: var(--p-green-400) !important;
  }
  .focus\:border-green-500:focus {
    border-color: var(--p-green-500) !important;
  }
  .focus\:border-green-600:focus {
    border-color: var(--p-green-600) !important;
  }
  .focus\:border-green-700:focus {
    border-color: var(--p-green-700) !important;
  }
  .focus\:border-green-800:focus {
    border-color: var(--p-green-800) !important;
  }
  .focus\:border-green-900:focus {
    border-color: var(--p-green-900) !important;
  }
  .hover\:border-green-50:hover {
    border-color: var(--p-green-50) !important;
  }
  .hover\:border-green-100:hover {
    border-color: var(--p-green-100) !important;
  }
  .hover\:border-green-200:hover {
    border-color: var(--p-green-200) !important;
  }
  .hover\:border-green-300:hover {
    border-color: var(--p-green-300) !important;
  }
  .hover\:border-green-400:hover {
    border-color: var(--p-green-400) !important;
  }
  .hover\:border-green-500:hover {
    border-color: var(--p-green-500) !important;
  }
  .hover\:border-green-600:hover {
    border-color: var(--p-green-600) !important;
  }
  .hover\:border-green-700:hover {
    border-color: var(--p-green-700) !important;
  }
  .hover\:border-green-800:hover {
    border-color: var(--p-green-800) !important;
  }
  .hover\:border-green-900:hover {
    border-color: var(--p-green-900) !important;
  }
  .active\:border-green-50:active {
    border-color: var(--p-green-50) !important;
  }
  .active\:border-green-100:active {
    border-color: var(--p-green-100) !important;
  }
  .active\:border-green-200:active {
    border-color: var(--p-green-200) !important;
  }
  .active\:border-green-300:active {
    border-color: var(--p-green-300) !important;
  }
  .active\:border-green-400:active {
    border-color: var(--p-green-400) !important;
  }
  .active\:border-green-500:active {
    border-color: var(--p-green-500) !important;
  }
  .active\:border-green-600:active {
    border-color: var(--p-green-600) !important;
  }
  .active\:border-green-700:active {
    border-color: var(--p-green-700) !important;
  }
  .active\:border-green-800:active {
    border-color: var(--p-green-800) !important;
  }
  .active\:border-green-900:active {
    border-color: var(--p-green-900) !important;
  }
  .border-yellow-50 {
    border-color: var(--p-yellow-50) !important;
  }
  .border-yellow-100 {
    border-color: var(--p-yellow-100) !important;
  }
  .border-yellow-200 {
    border-color: var(--p-yellow-200) !important;
  }
  .border-yellow-300 {
    border-color: var(--p-yellow-300) !important;
  }
  .border-yellow-400 {
    border-color: var(--p-yellow-400) !important;
  }
  .border-yellow-500 {
    border-color: var(--p-yellow-500) !important;
  }
  .border-yellow-600 {
    border-color: var(--p-yellow-600) !important;
  }
  .border-yellow-700 {
    border-color: var(--p-yellow-700) !important;
  }
  .border-yellow-800 {
    border-color: var(--p-yellow-800) !important;
  }
  .border-yellow-900 {
    border-color: var(--p-yellow-900) !important;
  }
  .focus\:border-yellow-50:focus {
    border-color: var(--p-yellow-50) !important;
  }
  .focus\:border-yellow-100:focus {
    border-color: var(--p-yellow-100) !important;
  }
  .focus\:border-yellow-200:focus {
    border-color: var(--p-yellow-200) !important;
  }
  .focus\:border-yellow-300:focus {
    border-color: var(--p-yellow-300) !important;
  }
  .focus\:border-yellow-400:focus {
    border-color: var(--p-yellow-400) !important;
  }
  .focus\:border-yellow-500:focus {
    border-color: var(--p-yellow-500) !important;
  }
  .focus\:border-yellow-600:focus {
    border-color: var(--p-yellow-600) !important;
  }
  .focus\:border-yellow-700:focus {
    border-color: var(--p-yellow-700) !important;
  }
  .focus\:border-yellow-800:focus {
    border-color: var(--p-yellow-800) !important;
  }
  .focus\:border-yellow-900:focus {
    border-color: var(--p-yellow-900) !important;
  }
  .hover\:border-yellow-50:hover {
    border-color: var(--p-yellow-50) !important;
  }
  .hover\:border-yellow-100:hover {
    border-color: var(--p-yellow-100) !important;
  }
  .hover\:border-yellow-200:hover {
    border-color: var(--p-yellow-200) !important;
  }
  .hover\:border-yellow-300:hover {
    border-color: var(--p-yellow-300) !important;
  }
  .hover\:border-yellow-400:hover {
    border-color: var(--p-yellow-400) !important;
  }
  .hover\:border-yellow-500:hover {
    border-color: var(--p-yellow-500) !important;
  }
  .hover\:border-yellow-600:hover {
    border-color: var(--p-yellow-600) !important;
  }
  .hover\:border-yellow-700:hover {
    border-color: var(--p-yellow-700) !important;
  }
  .hover\:border-yellow-800:hover {
    border-color: var(--p-yellow-800) !important;
  }
  .hover\:border-yellow-900:hover {
    border-color: var(--p-yellow-900) !important;
  }
  .active\:border-yellow-50:active {
    border-color: var(--p-yellow-50) !important;
  }
  .active\:border-yellow-100:active {
    border-color: var(--p-yellow-100) !important;
  }
  .active\:border-yellow-200:active {
    border-color: var(--p-yellow-200) !important;
  }
  .active\:border-yellow-300:active {
    border-color: var(--p-yellow-300) !important;
  }
  .active\:border-yellow-400:active {
    border-color: var(--p-yellow-400) !important;
  }
  .active\:border-yellow-500:active {
    border-color: var(--p-yellow-500) !important;
  }
  .active\:border-yellow-600:active {
    border-color: var(--p-yellow-600) !important;
  }
  .active\:border-yellow-700:active {
    border-color: var(--p-yellow-700) !important;
  }
  .active\:border-yellow-800:active {
    border-color: var(--p-yellow-800) !important;
  }
  .active\:border-yellow-900:active {
    border-color: var(--p-yellow-900) !important;
  }
  .border-cyan-50 {
    border-color: var(--p-cyan-50) !important;
  }
  .border-cyan-100 {
    border-color: var(--p-cyan-100) !important;
  }
  .border-cyan-200 {
    border-color: var(--p-cyan-200) !important;
  }
  .border-cyan-300 {
    border-color: var(--p-cyan-300) !important;
  }
  .border-cyan-400 {
    border-color: var(--p-cyan-400) !important;
  }
  .border-cyan-500 {
    border-color: var(--p-cyan-500) !important;
  }
  .border-cyan-600 {
    border-color: var(--p-cyan-600) !important;
  }
  .border-cyan-700 {
    border-color: var(--p-cyan-700) !important;
  }
  .border-cyan-800 {
    border-color: var(--p-cyan-800) !important;
  }
  .border-cyan-900 {
    border-color: var(--p-cyan-900) !important;
  }
  .focus\:border-cyan-50:focus {
    border-color: var(--p-cyan-50) !important;
  }
  .focus\:border-cyan-100:focus {
    border-color: var(--p-cyan-100) !important;
  }
  .focus\:border-cyan-200:focus {
    border-color: var(--p-cyan-200) !important;
  }
  .focus\:border-cyan-300:focus {
    border-color: var(--p-cyan-300) !important;
  }
  .focus\:border-cyan-400:focus {
    border-color: var(--p-cyan-400) !important;
  }
  .focus\:border-cyan-500:focus {
    border-color: var(--p-cyan-500) !important;
  }
  .focus\:border-cyan-600:focus {
    border-color: var(--p-cyan-600) !important;
  }
  .focus\:border-cyan-700:focus {
    border-color: var(--p-cyan-700) !important;
  }
  .focus\:border-cyan-800:focus {
    border-color: var(--p-cyan-800) !important;
  }
  .focus\:border-cyan-900:focus {
    border-color: var(--p-cyan-900) !important;
  }
  .hover\:border-cyan-50:hover {
    border-color: var(--p-cyan-50) !important;
  }
  .hover\:border-cyan-100:hover {
    border-color: var(--p-cyan-100) !important;
  }
  .hover\:border-cyan-200:hover {
    border-color: var(--p-cyan-200) !important;
  }
  .hover\:border-cyan-300:hover {
    border-color: var(--p-cyan-300) !important;
  }
  .hover\:border-cyan-400:hover {
    border-color: var(--p-cyan-400) !important;
  }
  .hover\:border-cyan-500:hover {
    border-color: var(--p-cyan-500) !important;
  }
  .hover\:border-cyan-600:hover {
    border-color: var(--p-cyan-600) !important;
  }
  .hover\:border-cyan-700:hover {
    border-color: var(--p-cyan-700) !important;
  }
  .hover\:border-cyan-800:hover {
    border-color: var(--p-cyan-800) !important;
  }
  .hover\:border-cyan-900:hover {
    border-color: var(--p-cyan-900) !important;
  }
  .active\:border-cyan-50:active {
    border-color: var(--p-cyan-50) !important;
  }
  .active\:border-cyan-100:active {
    border-color: var(--p-cyan-100) !important;
  }
  .active\:border-cyan-200:active {
    border-color: var(--p-cyan-200) !important;
  }
  .active\:border-cyan-300:active {
    border-color: var(--p-cyan-300) !important;
  }
  .active\:border-cyan-400:active {
    border-color: var(--p-cyan-400) !important;
  }
  .active\:border-cyan-500:active {
    border-color: var(--p-cyan-500) !important;
  }
  .active\:border-cyan-600:active {
    border-color: var(--p-cyan-600) !important;
  }
  .active\:border-cyan-700:active {
    border-color: var(--p-cyan-700) !important;
  }
  .active\:border-cyan-800:active {
    border-color: var(--p-cyan-800) !important;
  }
  .active\:border-cyan-900:active {
    border-color: var(--p-cyan-900) !important;
  }
  .border-pink-50 {
    border-color: var(--p-pink-50) !important;
  }
  .border-pink-100 {
    border-color: var(--p-pink-100) !important;
  }
  .border-pink-200 {
    border-color: var(--p-pink-200) !important;
  }
  .border-pink-300 {
    border-color: var(--p-pink-300) !important;
  }
  .border-pink-400 {
    border-color: var(--p-pink-400) !important;
  }
  .border-pink-500 {
    border-color: var(--p-pink-500) !important;
  }
  .border-pink-600 {
    border-color: var(--p-pink-600) !important;
  }
  .border-pink-700 {
    border-color: var(--p-pink-700) !important;
  }
  .border-pink-800 {
    border-color: var(--p-pink-800) !important;
  }
  .border-pink-900 {
    border-color: var(--p-pink-900) !important;
  }
  .focus\:border-pink-50:focus {
    border-color: var(--p-pink-50) !important;
  }
  .focus\:border-pink-100:focus {
    border-color: var(--p-pink-100) !important;
  }
  .focus\:border-pink-200:focus {
    border-color: var(--p-pink-200) !important;
  }
  .focus\:border-pink-300:focus {
    border-color: var(--p-pink-300) !important;
  }
  .focus\:border-pink-400:focus {
    border-color: var(--p-pink-400) !important;
  }
  .focus\:border-pink-500:focus {
    border-color: var(--p-pink-500) !important;
  }
  .focus\:border-pink-600:focus {
    border-color: var(--p-pink-600) !important;
  }
  .focus\:border-pink-700:focus {
    border-color: var(--p-pink-700) !important;
  }
  .focus\:border-pink-800:focus {
    border-color: var(--p-pink-800) !important;
  }
  .focus\:border-pink-900:focus {
    border-color: var(--p-pink-900) !important;
  }
  .hover\:border-pink-50:hover {
    border-color: var(--p-pink-50) !important;
  }
  .hover\:border-pink-100:hover {
    border-color: var(--p-pink-100) !important;
  }
  .hover\:border-pink-200:hover {
    border-color: var(--p-pink-200) !important;
  }
  .hover\:border-pink-300:hover {
    border-color: var(--p-pink-300) !important;
  }
  .hover\:border-pink-400:hover {
    border-color: var(--p-pink-400) !important;
  }
  .hover\:border-pink-500:hover {
    border-color: var(--p-pink-500) !important;
  }
  .hover\:border-pink-600:hover {
    border-color: var(--p-pink-600) !important;
  }
  .hover\:border-pink-700:hover {
    border-color: var(--p-pink-700) !important;
  }
  .hover\:border-pink-800:hover {
    border-color: var(--p-pink-800) !important;
  }
  .hover\:border-pink-900:hover {
    border-color: var(--p-pink-900) !important;
  }
  .active\:border-pink-50:active {
    border-color: var(--p-pink-50) !important;
  }
  .active\:border-pink-100:active {
    border-color: var(--p-pink-100) !important;
  }
  .active\:border-pink-200:active {
    border-color: var(--p-pink-200) !important;
  }
  .active\:border-pink-300:active {
    border-color: var(--p-pink-300) !important;
  }
  .active\:border-pink-400:active {
    border-color: var(--p-pink-400) !important;
  }
  .active\:border-pink-500:active {
    border-color: var(--p-pink-500) !important;
  }
  .active\:border-pink-600:active {
    border-color: var(--p-pink-600) !important;
  }
  .active\:border-pink-700:active {
    border-color: var(--p-pink-700) !important;
  }
  .active\:border-pink-800:active {
    border-color: var(--p-pink-800) !important;
  }
  .active\:border-pink-900:active {
    border-color: var(--p-pink-900) !important;
  }
  .border-indigo-50 {
    border-color: var(--p-indigo-50) !important;
  }
  .border-indigo-100 {
    border-color: var(--p-indigo-100) !important;
  }
  .border-indigo-200 {
    border-color: var(--p-indigo-200) !important;
  }
  .border-indigo-300 {
    border-color: var(--p-indigo-300) !important;
  }
  .border-indigo-400 {
    border-color: var(--p-indigo-400) !important;
  }
  .border-indigo-500 {
    border-color: var(--p-indigo-500) !important;
  }
  .border-indigo-600 {
    border-color: var(--p-indigo-600) !important;
  }
  .border-indigo-700 {
    border-color: var(--p-indigo-700) !important;
  }
  .border-indigo-800 {
    border-color: var(--p-indigo-800) !important;
  }
  .border-indigo-900 {
    border-color: var(--p-indigo-900) !important;
  }
  .focus\:border-indigo-50:focus {
    border-color: var(--p-indigo-50) !important;
  }
  .focus\:border-indigo-100:focus {
    border-color: var(--p-indigo-100) !important;
  }
  .focus\:border-indigo-200:focus {
    border-color: var(--p-indigo-200) !important;
  }
  .focus\:border-indigo-300:focus {
    border-color: var(--p-indigo-300) !important;
  }
  .focus\:border-indigo-400:focus {
    border-color: var(--p-indigo-400) !important;
  }
  .focus\:border-indigo-500:focus {
    border-color: var(--p-indigo-500) !important;
  }
  .focus\:border-indigo-600:focus {
    border-color: var(--p-indigo-600) !important;
  }
  .focus\:border-indigo-700:focus {
    border-color: var(--p-indigo-700) !important;
  }
  .focus\:border-indigo-800:focus {
    border-color: var(--p-indigo-800) !important;
  }
  .focus\:border-indigo-900:focus {
    border-color: var(--p-indigo-900) !important;
  }
  .hover\:border-indigo-50:hover {
    border-color: var(--p-indigo-50) !important;
  }
  .hover\:border-indigo-100:hover {
    border-color: var(--p-indigo-100) !important;
  }
  .hover\:border-indigo-200:hover {
    border-color: var(--p-indigo-200) !important;
  }
  .hover\:border-indigo-300:hover {
    border-color: var(--p-indigo-300) !important;
  }
  .hover\:border-indigo-400:hover {
    border-color: var(--p-indigo-400) !important;
  }
  .hover\:border-indigo-500:hover {
    border-color: var(--p-indigo-500) !important;
  }
  .hover\:border-indigo-600:hover {
    border-color: var(--p-indigo-600) !important;
  }
  .hover\:border-indigo-700:hover {
    border-color: var(--p-indigo-700) !important;
  }
  .hover\:border-indigo-800:hover {
    border-color: var(--p-indigo-800) !important;
  }
  .hover\:border-indigo-900:hover {
    border-color: var(--p-indigo-900) !important;
  }
  .active\:border-indigo-50:active {
    border-color: var(--p-indigo-50) !important;
  }
  .active\:border-indigo-100:active {
    border-color: var(--p-indigo-100) !important;
  }
  .active\:border-indigo-200:active {
    border-color: var(--p-indigo-200) !important;
  }
  .active\:border-indigo-300:active {
    border-color: var(--p-indigo-300) !important;
  }
  .active\:border-indigo-400:active {
    border-color: var(--p-indigo-400) !important;
  }
  .active\:border-indigo-500:active {
    border-color: var(--p-indigo-500) !important;
  }
  .active\:border-indigo-600:active {
    border-color: var(--p-indigo-600) !important;
  }
  .active\:border-indigo-700:active {
    border-color: var(--p-indigo-700) !important;
  }
  .active\:border-indigo-800:active {
    border-color: var(--p-indigo-800) !important;
  }
  .active\:border-indigo-900:active {
    border-color: var(--p-indigo-900) !important;
  }
  .border-teal-50 {
    border-color: var(--p-teal-50) !important;
  }
  .border-teal-100 {
    border-color: var(--p-teal-100) !important;
  }
  .border-teal-200 {
    border-color: var(--p-teal-200) !important;
  }
  .border-teal-300 {
    border-color: var(--p-teal-300) !important;
  }
  .border-teal-400 {
    border-color: var(--p-teal-400) !important;
  }
  .border-teal-500 {
    border-color: var(--p-teal-500) !important;
  }
  .border-teal-600 {
    border-color: var(--p-teal-600) !important;
  }
  .border-teal-700 {
    border-color: var(--p-teal-700) !important;
  }
  .border-teal-800 {
    border-color: var(--p-teal-800) !important;
  }
  .border-teal-900 {
    border-color: var(--p-teal-900) !important;
  }
  .focus\:border-teal-50:focus {
    border-color: var(--p-teal-50) !important;
  }
  .focus\:border-teal-100:focus {
    border-color: var(--p-teal-100) !important;
  }
  .focus\:border-teal-200:focus {
    border-color: var(--p-teal-200) !important;
  }
  .focus\:border-teal-300:focus {
    border-color: var(--p-teal-300) !important;
  }
  .focus\:border-teal-400:focus {
    border-color: var(--p-teal-400) !important;
  }
  .focus\:border-teal-500:focus {
    border-color: var(--p-teal-500) !important;
  }
  .focus\:border-teal-600:focus {
    border-color: var(--p-teal-600) !important;
  }
  .focus\:border-teal-700:focus {
    border-color: var(--p-teal-700) !important;
  }
  .focus\:border-teal-800:focus {
    border-color: var(--p-teal-800) !important;
  }
  .focus\:border-teal-900:focus {
    border-color: var(--p-teal-900) !important;
  }
  .hover\:border-teal-50:hover {
    border-color: var(--p-teal-50) !important;
  }
  .hover\:border-teal-100:hover {
    border-color: var(--p-teal-100) !important;
  }
  .hover\:border-teal-200:hover {
    border-color: var(--p-teal-200) !important;
  }
  .hover\:border-teal-300:hover {
    border-color: var(--p-teal-300) !important;
  }
  .hover\:border-teal-400:hover {
    border-color: var(--p-teal-400) !important;
  }
  .hover\:border-teal-500:hover {
    border-color: var(--p-teal-500) !important;
  }
  .hover\:border-teal-600:hover {
    border-color: var(--p-teal-600) !important;
  }
  .hover\:border-teal-700:hover {
    border-color: var(--p-teal-700) !important;
  }
  .hover\:border-teal-800:hover {
    border-color: var(--p-teal-800) !important;
  }
  .hover\:border-teal-900:hover {
    border-color: var(--p-teal-900) !important;
  }
  .active\:border-teal-50:active {
    border-color: var(--p-teal-50) !important;
  }
  .active\:border-teal-100:active {
    border-color: var(--p-teal-100) !important;
  }
  .active\:border-teal-200:active {
    border-color: var(--p-teal-200) !important;
  }
  .active\:border-teal-300:active {
    border-color: var(--p-teal-300) !important;
  }
  .active\:border-teal-400:active {
    border-color: var(--p-teal-400) !important;
  }
  .active\:border-teal-500:active {
    border-color: var(--p-teal-500) !important;
  }
  .active\:border-teal-600:active {
    border-color: var(--p-teal-600) !important;
  }
  .active\:border-teal-700:active {
    border-color: var(--p-teal-700) !important;
  }
  .active\:border-teal-800:active {
    border-color: var(--p-teal-800) !important;
  }
  .active\:border-teal-900:active {
    border-color: var(--p-teal-900) !important;
  }
  .border-orange-50 {
    border-color: var(--p-orange-50) !important;
  }
  .border-orange-100 {
    border-color: var(--p-orange-100) !important;
  }
  .border-orange-200 {
    border-color: var(--p-orange-200) !important;
  }
  .border-orange-300 {
    border-color: var(--p-orange-300) !important;
  }
  .border-orange-400 {
    border-color: var(--p-orange-400) !important;
  }
  .border-orange-500 {
    border-color: var(--p-orange-500) !important;
  }
  .border-orange-600 {
    border-color: var(--p-orange-600) !important;
  }
  .border-orange-700 {
    border-color: var(--p-orange-700) !important;
  }
  .border-orange-800 {
    border-color: var(--p-orange-800) !important;
  }
  .border-orange-900 {
    border-color: var(--p-orange-900) !important;
  }
  .focus\:border-orange-50:focus {
    border-color: var(--p-orange-50) !important;
  }
  .focus\:border-orange-100:focus {
    border-color: var(--p-orange-100) !important;
  }
  .focus\:border-orange-200:focus {
    border-color: var(--p-orange-200) !important;
  }
  .focus\:border-orange-300:focus {
    border-color: var(--p-orange-300) !important;
  }
  .focus\:border-orange-400:focus {
    border-color: var(--p-orange-400) !important;
  }
  .focus\:border-orange-500:focus {
    border-color: var(--p-orange-500) !important;
  }
  .focus\:border-orange-600:focus {
    border-color: var(--p-orange-600) !important;
  }
  .focus\:border-orange-700:focus {
    border-color: var(--p-orange-700) !important;
  }
  .focus\:border-orange-800:focus {
    border-color: var(--p-orange-800) !important;
  }
  .focus\:border-orange-900:focus {
    border-color: var(--p-orange-900) !important;
  }
  .hover\:border-orange-50:hover {
    border-color: var(--p-orange-50) !important;
  }
  .hover\:border-orange-100:hover {
    border-color: var(--p-orange-100) !important;
  }
  .hover\:border-orange-200:hover {
    border-color: var(--p-orange-200) !important;
  }
  .hover\:border-orange-300:hover {
    border-color: var(--p-orange-300) !important;
  }
  .hover\:border-orange-400:hover {
    border-color: var(--p-orange-400) !important;
  }
  .hover\:border-orange-500:hover {
    border-color: var(--p-orange-500) !important;
  }
  .hover\:border-orange-600:hover {
    border-color: var(--p-orange-600) !important;
  }
  .hover\:border-orange-700:hover {
    border-color: var(--p-orange-700) !important;
  }
  .hover\:border-orange-800:hover {
    border-color: var(--p-orange-800) !important;
  }
  .hover\:border-orange-900:hover {
    border-color: var(--p-orange-900) !important;
  }
  .active\:border-orange-50:active {
    border-color: var(--p-orange-50) !important;
  }
  .active\:border-orange-100:active {
    border-color: var(--p-orange-100) !important;
  }
  .active\:border-orange-200:active {
    border-color: var(--p-orange-200) !important;
  }
  .active\:border-orange-300:active {
    border-color: var(--p-orange-300) !important;
  }
  .active\:border-orange-400:active {
    border-color: var(--p-orange-400) !important;
  }
  .active\:border-orange-500:active {
    border-color: var(--p-orange-500) !important;
  }
  .active\:border-orange-600:active {
    border-color: var(--p-orange-600) !important;
  }
  .active\:border-orange-700:active {
    border-color: var(--p-orange-700) !important;
  }
  .active\:border-orange-800:active {
    border-color: var(--p-orange-800) !important;
  }
  .active\:border-orange-900:active {
    border-color: var(--p-orange-900) !important;
  }
  .border-bluegray-50 {
    border-color: var(--p-bluegray-50) !important;
  }
  .border-bluegray-100 {
    border-color: var(--p-bluegray-100) !important;
  }
  .border-bluegray-200 {
    border-color: var(--p-bluegray-200) !important;
  }
  .border-bluegray-300 {
    border-color: var(--p-bluegray-300) !important;
  }
  .border-bluegray-400 {
    border-color: var(--p-bluegray-400) !important;
  }
  .border-bluegray-500 {
    border-color: var(--p-bluegray-500) !important;
  }
  .border-bluegray-600 {
    border-color: var(--p-bluegray-600) !important;
  }
  .border-bluegray-700 {
    border-color: var(--p-bluegray-700) !important;
  }
  .border-bluegray-800 {
    border-color: var(--p-bluegray-800) !important;
  }
  .border-bluegray-900 {
    border-color: var(--p-bluegray-900) !important;
  }
  .focus\:border-bluegray-50:focus {
    border-color: var(--p-bluegray-50) !important;
  }
  .focus\:border-bluegray-100:focus {
    border-color: var(--p-bluegray-100) !important;
  }
  .focus\:border-bluegray-200:focus {
    border-color: var(--p-bluegray-200) !important;
  }
  .focus\:border-bluegray-300:focus {
    border-color: var(--p-bluegray-300) !important;
  }
  .focus\:border-bluegray-400:focus {
    border-color: var(--p-bluegray-400) !important;
  }
  .focus\:border-bluegray-500:focus {
    border-color: var(--p-bluegray-500) !important;
  }
  .focus\:border-bluegray-600:focus {
    border-color: var(--p-bluegray-600) !important;
  }
  .focus\:border-bluegray-700:focus {
    border-color: var(--p-bluegray-700) !important;
  }
  .focus\:border-bluegray-800:focus {
    border-color: var(--p-bluegray-800) !important;
  }
  .focus\:border-bluegray-900:focus {
    border-color: var(--p-bluegray-900) !important;
  }
  .hover\:border-bluegray-50:hover {
    border-color: var(--p-bluegray-50) !important;
  }
  .hover\:border-bluegray-100:hover {
    border-color: var(--p-bluegray-100) !important;
  }
  .hover\:border-bluegray-200:hover {
    border-color: var(--p-bluegray-200) !important;
  }
  .hover\:border-bluegray-300:hover {
    border-color: var(--p-bluegray-300) !important;
  }
  .hover\:border-bluegray-400:hover {
    border-color: var(--p-bluegray-400) !important;
  }
  .hover\:border-bluegray-500:hover {
    border-color: var(--p-bluegray-500) !important;
  }
  .hover\:border-bluegray-600:hover {
    border-color: var(--p-bluegray-600) !important;
  }
  .hover\:border-bluegray-700:hover {
    border-color: var(--p-bluegray-700) !important;
  }
  .hover\:border-bluegray-800:hover {
    border-color: var(--p-bluegray-800) !important;
  }
  .hover\:border-bluegray-900:hover {
    border-color: var(--p-bluegray-900) !important;
  }
  .active\:border-bluegray-50:active {
    border-color: var(--p-bluegray-50) !important;
  }
  .active\:border-bluegray-100:active {
    border-color: var(--p-bluegray-100) !important;
  }
  .active\:border-bluegray-200:active {
    border-color: var(--p-bluegray-200) !important;
  }
  .active\:border-bluegray-300:active {
    border-color: var(--p-bluegray-300) !important;
  }
  .active\:border-bluegray-400:active {
    border-color: var(--p-bluegray-400) !important;
  }
  .active\:border-bluegray-500:active {
    border-color: var(--p-bluegray-500) !important;
  }
  .active\:border-bluegray-600:active {
    border-color: var(--p-bluegray-600) !important;
  }
  .active\:border-bluegray-700:active {
    border-color: var(--p-bluegray-700) !important;
  }
  .active\:border-bluegray-800:active {
    border-color: var(--p-bluegray-800) !important;
  }
  .active\:border-bluegray-900:active {
    border-color: var(--p-bluegray-900) !important;
  }
  .border-purple-50 {
    border-color: var(--p-purple-50) !important;
  }
  .border-purple-100 {
    border-color: var(--p-purple-100) !important;
  }
  .border-purple-200 {
    border-color: var(--p-purple-200) !important;
  }
  .border-purple-300 {
    border-color: var(--p-purple-300) !important;
  }
  .border-purple-400 {
    border-color: var(--p-purple-400) !important;
  }
  .border-purple-500 {
    border-color: var(--p-purple-500) !important;
  }
  .border-purple-600 {
    border-color: var(--p-purple-600) !important;
  }
  .border-purple-700 {
    border-color: var(--p-purple-700) !important;
  }
  .border-purple-800 {
    border-color: var(--p-purple-800) !important;
  }
  .border-purple-900 {
    border-color: var(--p-purple-900) !important;
  }
  .focus\:border-purple-50:focus {
    border-color: var(--p-purple-50) !important;
  }
  .focus\:border-purple-100:focus {
    border-color: var(--p-purple-100) !important;
  }
  .focus\:border-purple-200:focus {
    border-color: var(--p-purple-200) !important;
  }
  .focus\:border-purple-300:focus {
    border-color: var(--p-purple-300) !important;
  }
  .focus\:border-purple-400:focus {
    border-color: var(--p-purple-400) !important;
  }
  .focus\:border-purple-500:focus {
    border-color: var(--p-purple-500) !important;
  }
  .focus\:border-purple-600:focus {
    border-color: var(--p-purple-600) !important;
  }
  .focus\:border-purple-700:focus {
    border-color: var(--p-purple-700) !important;
  }
  .focus\:border-purple-800:focus {
    border-color: var(--p-purple-800) !important;
  }
  .focus\:border-purple-900:focus {
    border-color: var(--p-purple-900) !important;
  }
  .hover\:border-purple-50:hover {
    border-color: var(--p-purple-50) !important;
  }
  .hover\:border-purple-100:hover {
    border-color: var(--p-purple-100) !important;
  }
  .hover\:border-purple-200:hover {
    border-color: var(--p-purple-200) !important;
  }
  .hover\:border-purple-300:hover {
    border-color: var(--p-purple-300) !important;
  }
  .hover\:border-purple-400:hover {
    border-color: var(--p-purple-400) !important;
  }
  .hover\:border-purple-500:hover {
    border-color: var(--p-purple-500) !important;
  }
  .hover\:border-purple-600:hover {
    border-color: var(--p-purple-600) !important;
  }
  .hover\:border-purple-700:hover {
    border-color: var(--p-purple-700) !important;
  }
  .hover\:border-purple-800:hover {
    border-color: var(--p-purple-800) !important;
  }
  .hover\:border-purple-900:hover {
    border-color: var(--p-purple-900) !important;
  }
  .active\:border-purple-50:active {
    border-color: var(--p-purple-50) !important;
  }
  .active\:border-purple-100:active {
    border-color: var(--p-purple-100) !important;
  }
  .active\:border-purple-200:active {
    border-color: var(--p-purple-200) !important;
  }
  .active\:border-purple-300:active {
    border-color: var(--p-purple-300) !important;
  }
  .active\:border-purple-400:active {
    border-color: var(--p-purple-400) !important;
  }
  .active\:border-purple-500:active {
    border-color: var(--p-purple-500) !important;
  }
  .active\:border-purple-600:active {
    border-color: var(--p-purple-600) !important;
  }
  .active\:border-purple-700:active {
    border-color: var(--p-purple-700) !important;
  }
  .active\:border-purple-800:active {
    border-color: var(--p-purple-800) !important;
  }
  .active\:border-purple-900:active {
    border-color: var(--p-purple-900) !important;
  }
  .border-gray-50 {
    border-color: var(--p-gray-50) !important;
  }
  .border-gray-100 {
    border-color: var(--p-gray-100) !important;
  }
  .border-gray-200 {
    border-color: var(--p-gray-200) !important;
  }
  .border-gray-300 {
    border-color: var(--p-gray-300) !important;
  }
  .border-gray-400 {
    border-color: var(--p-gray-400) !important;
  }
  .border-gray-500 {
    border-color: var(--p-gray-500) !important;
  }
  .border-gray-600 {
    border-color: var(--p-gray-600) !important;
  }
  .border-gray-700 {
    border-color: var(--p-gray-700) !important;
  }
  .border-gray-800 {
    border-color: var(--p-gray-800) !important;
  }
  .border-gray-900 {
    border-color: var(--p-gray-900) !important;
  }
  .focus\:border-gray-50:focus {
    border-color: var(--p-gray-50) !important;
  }
  .focus\:border-gray-100:focus {
    border-color: var(--p-gray-100) !important;
  }
  .focus\:border-gray-200:focus {
    border-color: var(--p-gray-200) !important;
  }
  .focus\:border-gray-300:focus {
    border-color: var(--p-gray-300) !important;
  }
  .focus\:border-gray-400:focus {
    border-color: var(--p-gray-400) !important;
  }
  .focus\:border-gray-500:focus {
    border-color: var(--p-gray-500) !important;
  }
  .focus\:border-gray-600:focus {
    border-color: var(--p-gray-600) !important;
  }
  .focus\:border-gray-700:focus {
    border-color: var(--p-gray-700) !important;
  }
  .focus\:border-gray-800:focus {
    border-color: var(--p-gray-800) !important;
  }
  .focus\:border-gray-900:focus {
    border-color: var(--p-gray-900) !important;
  }
  .hover\:border-gray-50:hover {
    border-color: var(--p-gray-50) !important;
  }
  .hover\:border-gray-100:hover {
    border-color: var(--p-gray-100) !important;
  }
  .hover\:border-gray-200:hover {
    border-color: var(--p-gray-200) !important;
  }
  .hover\:border-gray-300:hover {
    border-color: var(--p-gray-300) !important;
  }
  .hover\:border-gray-400:hover {
    border-color: var(--p-gray-400) !important;
  }
  .hover\:border-gray-500:hover {
    border-color: var(--p-gray-500) !important;
  }
  .hover\:border-gray-600:hover {
    border-color: var(--p-gray-600) !important;
  }
  .hover\:border-gray-700:hover {
    border-color: var(--p-gray-700) !important;
  }
  .hover\:border-gray-800:hover {
    border-color: var(--p-gray-800) !important;
  }
  .hover\:border-gray-900:hover {
    border-color: var(--p-gray-900) !important;
  }
  .active\:border-gray-50:active {
    border-color: var(--p-gray-50) !important;
  }
  .active\:border-gray-100:active {
    border-color: var(--p-gray-100) !important;
  }
  .active\:border-gray-200:active {
    border-color: var(--p-gray-200) !important;
  }
  .active\:border-gray-300:active {
    border-color: var(--p-gray-300) !important;
  }
  .active\:border-gray-400:active {
    border-color: var(--p-gray-400) !important;
  }
  .active\:border-gray-500:active {
    border-color: var(--p-gray-500) !important;
  }
  .active\:border-gray-600:active {
    border-color: var(--p-gray-600) !important;
  }
  .active\:border-gray-700:active {
    border-color: var(--p-gray-700) !important;
  }
  .active\:border-gray-800:active {
    border-color: var(--p-gray-800) !important;
  }
  .active\:border-gray-900:active {
    border-color: var(--p-gray-900) !important;
  }
  .border-red-50 {
    border-color: var(--p-red-50) !important;
  }
  .border-red-100 {
    border-color: var(--p-red-100) !important;
  }
  .border-red-200 {
    border-color: var(--p-red-200) !important;
  }
  .border-red-300 {
    border-color: var(--p-red-300) !important;
  }
  .border-red-400 {
    border-color: var(--p-red-400) !important;
  }
  .border-red-500 {
    border-color: var(--p-red-500) !important;
  }
  .border-red-600 {
    border-color: var(--p-red-600) !important;
  }
  .border-red-700 {
    border-color: var(--p-red-700) !important;
  }
  .border-red-800 {
    border-color: var(--p-red-800) !important;
  }
  .border-red-900 {
    border-color: var(--p-red-900) !important;
  }
  .focus\:border-red-50:focus {
    border-color: var(--p-red-50) !important;
  }
  .focus\:border-red-100:focus {
    border-color: var(--p-red-100) !important;
  }
  .focus\:border-red-200:focus {
    border-color: var(--p-red-200) !important;
  }
  .focus\:border-red-300:focus {
    border-color: var(--p-red-300) !important;
  }
  .focus\:border-red-400:focus {
    border-color: var(--p-red-400) !important;
  }
  .focus\:border-red-500:focus {
    border-color: var(--p-red-500) !important;
  }
  .focus\:border-red-600:focus {
    border-color: var(--p-red-600) !important;
  }
  .focus\:border-red-700:focus {
    border-color: var(--p-red-700) !important;
  }
  .focus\:border-red-800:focus {
    border-color: var(--p-red-800) !important;
  }
  .focus\:border-red-900:focus {
    border-color: var(--p-red-900) !important;
  }
  .hover\:border-red-50:hover {
    border-color: var(--p-red-50) !important;
  }
  .hover\:border-red-100:hover {
    border-color: var(--p-red-100) !important;
  }
  .hover\:border-red-200:hover {
    border-color: var(--p-red-200) !important;
  }
  .hover\:border-red-300:hover {
    border-color: var(--p-red-300) !important;
  }
  .hover\:border-red-400:hover {
    border-color: var(--p-red-400) !important;
  }
  .hover\:border-red-500:hover {
    border-color: var(--p-red-500) !important;
  }
  .hover\:border-red-600:hover {
    border-color: var(--p-red-600) !important;
  }
  .hover\:border-red-700:hover {
    border-color: var(--p-red-700) !important;
  }
  .hover\:border-red-800:hover {
    border-color: var(--p-red-800) !important;
  }
  .hover\:border-red-900:hover {
    border-color: var(--p-red-900) !important;
  }
  .active\:border-red-50:active {
    border-color: var(--p-red-50) !important;
  }
  .active\:border-red-100:active {
    border-color: var(--p-red-100) !important;
  }
  .active\:border-red-200:active {
    border-color: var(--p-red-200) !important;
  }
  .active\:border-red-300:active {
    border-color: var(--p-red-300) !important;
  }
  .active\:border-red-400:active {
    border-color: var(--p-red-400) !important;
  }
  .active\:border-red-500:active {
    border-color: var(--p-red-500) !important;
  }
  .active\:border-red-600:active {
    border-color: var(--p-red-600) !important;
  }
  .active\:border-red-700:active {
    border-color: var(--p-red-700) !important;
  }
  .active\:border-red-800:active {
    border-color: var(--p-red-800) !important;
  }
  .active\:border-red-900:active {
    border-color: var(--p-red-900) !important;
  }
  .border-primary-50 {
    border-color: var(--p-primary-50) !important;
  }
  .border-primary-100 {
    border-color: var(--p-primary-100) !important;
  }
  .border-primary-200 {
    border-color: var(--p-primary-200) !important;
  }
  .border-primary-300 {
    border-color: var(--p-primary-300) !important;
  }
  .border-primary-400 {
    border-color: var(--p-primary-400) !important;
  }
  .border-primary-500 {
    border-color: var(--p-primary-500) !important;
  }
  .border-primary-600 {
    border-color: var(--p-primary-600) !important;
  }
  .border-primary-700 {
    border-color: var(--p-primary-700) !important;
  }
  .border-primary-800 {
    border-color: var(--p-primary-800) !important;
  }
  .border-primary-900 {
    border-color: var(--p-primary-900) !important;
  }
  .focus\:border-primary-50:focus {
    border-color: var(--p-primary-50) !important;
  }
  .focus\:border-primary-100:focus {
    border-color: var(--p-primary-100) !important;
  }
  .focus\:border-primary-200:focus {
    border-color: var(--p-primary-200) !important;
  }
  .focus\:border-primary-300:focus {
    border-color: var(--p-primary-300) !important;
  }
  .focus\:border-primary-400:focus {
    border-color: var(--p-primary-400) !important;
  }
  .focus\:border-primary-500:focus {
    border-color: var(--p-primary-500) !important;
  }
  .focus\:border-primary-600:focus {
    border-color: var(--p-primary-600) !important;
  }
  .focus\:border-primary-700:focus {
    border-color: var(--p-primary-700) !important;
  }
  .focus\:border-primary-800:focus {
    border-color: var(--p-primary-800) !important;
  }
  .focus\:border-primary-900:focus {
    border-color: var(--p-primary-900) !important;
  }
  .hover\:border-primary-50:hover {
    border-color: var(--p-primary-50) !important;
  }
  .hover\:border-primary-100:hover {
    border-color: var(--p-primary-100) !important;
  }
  .hover\:border-primary-200:hover {
    border-color: var(--p-primary-200) !important;
  }
  .hover\:border-primary-300:hover {
    border-color: var(--p-primary-300) !important;
  }
  .hover\:border-primary-400:hover {
    border-color: var(--p-primary-400) !important;
  }
  .hover\:border-primary-500:hover {
    border-color: var(--p-primary-500) !important;
  }
  .hover\:border-primary-600:hover {
    border-color: var(--p-primary-600) !important;
  }
  .hover\:border-primary-700:hover {
    border-color: var(--p-primary-700) !important;
  }
  .hover\:border-primary-800:hover {
    border-color: var(--p-primary-800) !important;
  }
  .hover\:border-primary-900:hover {
    border-color: var(--p-primary-900) !important;
  }
  .active\:border-primary-50:active {
    border-color: var(--p-primary-50) !important;
  }
  .active\:border-primary-100:active {
    border-color: var(--p-primary-100) !important;
  }
  .active\:border-primary-200:active {
    border-color: var(--p-primary-200) !important;
  }
  .active\:border-primary-300:active {
    border-color: var(--p-primary-300) !important;
  }
  .active\:border-primary-400:active {
    border-color: var(--p-primary-400) !important;
  }
  .active\:border-primary-500:active {
    border-color: var(--p-primary-500) !important;
  }
  .active\:border-primary-600:active {
    border-color: var(--p-primary-600) !important;
  }
  .active\:border-primary-700:active {
    border-color: var(--p-primary-700) !important;
  }
  .active\:border-primary-800:active {
    border-color: var(--p-primary-800) !important;
  }
  .active\:border-primary-900:active {
    border-color: var(--p-primary-900) !important;
  }
  .bg-white-alpha-10 {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
  .bg-white-alpha-20 {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }
  .bg-white-alpha-30 {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
  .bg-white-alpha-40 {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }
  .bg-white-alpha-50 {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
  .bg-white-alpha-60 {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }
  .bg-white-alpha-70 {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }
  .bg-white-alpha-80 {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }
  .bg-white-alpha-90 {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }
  .hover\:bg-white-alpha-10:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
  .hover\:bg-white-alpha-20:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }
  .hover\:bg-white-alpha-30:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
  .hover\:bg-white-alpha-40:hover {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }
  .hover\:bg-white-alpha-50:hover {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
  .hover\:bg-white-alpha-60:hover {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }
  .hover\:bg-white-alpha-70:hover {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }
  .hover\:bg-white-alpha-80:hover {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }
  .hover\:bg-white-alpha-90:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }
  .focus\:bg-white-alpha-10:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
  .focus\:bg-white-alpha-20:focus {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }
  .focus\:bg-white-alpha-30:focus {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
  .focus\:bg-white-alpha-40:focus {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }
  .focus\:bg-white-alpha-50:focus {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
  .focus\:bg-white-alpha-60:focus {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }
  .focus\:bg-white-alpha-70:focus {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }
  .focus\:bg-white-alpha-80:focus {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }
  .focus\:bg-white-alpha-90:focus {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }
  .active\:bg-white-alpha-10:active {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }
  .active\:bg-white-alpha-20:active {
    background-color: rgba(255, 255, 255, 0.2) !important;
  }
  .active\:bg-white-alpha-30:active {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
  .active\:bg-white-alpha-40:active {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }
  .active\:bg-white-alpha-50:active {
    background-color: rgba(255, 255, 255, 0.5) !important;
  }
  .active\:bg-white-alpha-60:active {
    background-color: rgba(255, 255, 255, 0.6) !important;
  }
  .active\:bg-white-alpha-70:active {
    background-color: rgba(255, 255, 255, 0.7) !important;
  }
  .active\:bg-white-alpha-80:active {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }
  .active\:bg-white-alpha-90:active {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }
  .bg-black-alpha-10 {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
  .bg-black-alpha-20 {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
  .bg-black-alpha-30 {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
  .bg-black-alpha-40 {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
  .bg-black-alpha-50 {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
  .bg-black-alpha-60 {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
  .bg-black-alpha-70 {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
  .bg-black-alpha-80 {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
  .bg-black-alpha-90 {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
  .hover\:bg-black-alpha-10:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
  .hover\:bg-black-alpha-20:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
  .hover\:bg-black-alpha-30:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
  .hover\:bg-black-alpha-40:hover {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
  .hover\:bg-black-alpha-50:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
  .hover\:bg-black-alpha-60:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
  .hover\:bg-black-alpha-70:hover {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
  .hover\:bg-black-alpha-80:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
  .hover\:bg-black-alpha-90:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
  .focus\:bg-black-alpha-10:focus {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
  .focus\:bg-black-alpha-20:focus {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
  .focus\:bg-black-alpha-30:focus {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
  .focus\:bg-black-alpha-40:focus {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
  .focus\:bg-black-alpha-50:focus {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
  .focus\:bg-black-alpha-60:focus {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
  .focus\:bg-black-alpha-70:focus {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
  .focus\:bg-black-alpha-80:focus {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
  .focus\:bg-black-alpha-90:focus {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
  .active\:bg-black-alpha-10:active {
    background-color: rgba(0, 0, 0, 0.1) !important;
  }
  .active\:bg-black-alpha-20:active {
    background-color: rgba(0, 0, 0, 0.2) !important;
  }
  .active\:bg-black-alpha-30:active {
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
  .active\:bg-black-alpha-40:active {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
  .active\:bg-black-alpha-50:active {
    background-color: rgba(0, 0, 0, 0.5) !important;
  }
  .active\:bg-black-alpha-60:active {
    background-color: rgba(0, 0, 0, 0.6) !important;
  }
  .active\:bg-black-alpha-70:active {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
  .active\:bg-black-alpha-80:active {
    background-color: rgba(0, 0, 0, 0.8) !important;
  }
  .active\:bg-black-alpha-90:active {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
  .border-white-alpha-10 {
    border-color: rgba(255, 255, 255, 0.1) !important;
  }
  .border-white-alpha-20 {
    border-color: rgba(255, 255, 255, 0.2) !important;
  }
  .border-white-alpha-30 {
    border-color: rgba(255, 255, 255, 0.3) !important;
  }
  .border-white-alpha-40 {
    border-color: rgba(255, 255, 255, 0.4) !important;
  }
  .border-white-alpha-50 {
    border-color: rgba(255, 255, 255, 0.5) !important;
  }
  .border-white-alpha-60 {
    border-color: rgba(255, 255, 255, 0.6) !important;
  }
  .border-white-alpha-70 {
    border-color: rgba(255, 255, 255, 0.7) !important;
  }
  .border-white-alpha-80 {
    border-color: rgba(255, 255, 255, 0.8) !important;
  }
  .border-white-alpha-90 {
    border-color: rgba(255, 255, 255, 0.9) !important;
  }
  .hover\:border-white-alpha-10:hover {
    border-color: rgba(255, 255, 255, 0.1) !important;
  }
  .hover\:border-white-alpha-20:hover {
    border-color: rgba(255, 255, 255, 0.2) !important;
  }
  .hover\:border-white-alpha-30:hover {
    border-color: rgba(255, 255, 255, 0.3) !important;
  }
  .hover\:border-white-alpha-40:hover {
    border-color: rgba(255, 255, 255, 0.4) !important;
  }
  .hover\:border-white-alpha-50:hover {
    border-color: rgba(255, 255, 255, 0.5) !important;
  }
  .hover\:border-white-alpha-60:hover {
    border-color: rgba(255, 255, 255, 0.6) !important;
  }
  .hover\:border-white-alpha-70:hover {
    border-color: rgba(255, 255, 255, 0.7) !important;
  }
  .hover\:border-white-alpha-80:hover {
    border-color: rgba(255, 255, 255, 0.8) !important;
  }
  .hover\:border-white-alpha-90:hover {
    border-color: rgba(255, 255, 255, 0.9) !important;
  }
  .focus\:border-white-alpha-10:focus {
    border-color: rgba(255, 255, 255, 0.1) !important;
  }
  .focus\:border-white-alpha-20:focus {
    border-color: rgba(255, 255, 255, 0.2) !important;
  }
  .focus\:border-white-alpha-30:focus {
    border-color: rgba(255, 255, 255, 0.3) !important;
  }
  .focus\:border-white-alpha-40:focus {
    border-color: rgba(255, 255, 255, 0.4) !important;
  }
  .focus\:border-white-alpha-50:focus {
    border-color: rgba(255, 255, 255, 0.5) !important;
  }
  .focus\:border-white-alpha-60:focus {
    border-color: rgba(255, 255, 255, 0.6) !important;
  }
  .focus\:border-white-alpha-70:focus {
    border-color: rgba(255, 255, 255, 0.7) !important;
  }
  .focus\:border-white-alpha-80:focus {
    border-color: rgba(255, 255, 255, 0.8) !important;
  }
  .focus\:border-white-alpha-90:focus {
    border-color: rgba(255, 255, 255, 0.9) !important;
  }
  .active\:border-white-alpha-10:active {
    border-color: rgba(255, 255, 255, 0.1) !important;
  }
  .active\:border-white-alpha-20:active {
    border-color: rgba(255, 255, 255, 0.2) !important;
  }
  .active\:border-white-alpha-30:active {
    border-color: rgba(255, 255, 255, 0.3) !important;
  }
  .active\:border-white-alpha-40:active {
    border-color: rgba(255, 255, 255, 0.4) !important;
  }
  .active\:border-white-alpha-50:active {
    border-color: rgba(255, 255, 255, 0.5) !important;
  }
  .active\:border-white-alpha-60:active {
    border-color: rgba(255, 255, 255, 0.6) !important;
  }
  .active\:border-white-alpha-70:active {
    border-color: rgba(255, 255, 255, 0.7) !important;
  }
  .active\:border-white-alpha-80:active {
    border-color: rgba(255, 255, 255, 0.8) !important;
  }
  .active\:border-white-alpha-90:active {
    border-color: rgba(255, 255, 255, 0.9) !important;
  }
  .border-black-alpha-10 {
    border-color: rgba(0, 0, 0, 0.1) !important;
  }
  .border-black-alpha-20 {
    border-color: rgba(0, 0, 0, 0.2) !important;
  }
  .border-black-alpha-30 {
    border-color: rgba(0, 0, 0, 0.3) !important;
  }
  .border-black-alpha-40 {
    border-color: rgba(0, 0, 0, 0.4) !important;
  }
  .border-black-alpha-50 {
    border-color: rgba(0, 0, 0, 0.5) !important;
  }
  .border-black-alpha-60 {
    border-color: rgba(0, 0, 0, 0.6) !important;
  }
  .border-black-alpha-70 {
    border-color: rgba(0, 0, 0, 0.7) !important;
  }
  .border-black-alpha-80 {
    border-color: rgba(0, 0, 0, 0.8) !important;
  }
  .border-black-alpha-90 {
    border-color: rgba(0, 0, 0, 0.9) !important;
  }
  .hover\:border-black-alpha-10:hover {
    border-color: rgba(0, 0, 0, 0.1) !important;
  }
  .hover\:border-black-alpha-20:hover {
    border-color: rgba(0, 0, 0, 0.2) !important;
  }
  .hover\:border-black-alpha-30:hover {
    border-color: rgba(0, 0, 0, 0.3) !important;
  }
  .hover\:border-black-alpha-40:hover {
    border-color: rgba(0, 0, 0, 0.4) !important;
  }
  .hover\:border-black-alpha-50:hover {
    border-color: rgba(0, 0, 0, 0.5) !important;
  }
  .hover\:border-black-alpha-60:hover {
    border-color: rgba(0, 0, 0, 0.6) !important;
  }
  .hover\:border-black-alpha-70:hover {
    border-color: rgba(0, 0, 0, 0.7) !important;
  }
  .hover\:border-black-alpha-80:hover {
    border-color: rgba(0, 0, 0, 0.8) !important;
  }
  .hover\:border-black-alpha-90:hover {
    border-color: rgba(0, 0, 0, 0.9) !important;
  }
  .focus\:border-black-alpha-10:focus {
    border-color: rgba(0, 0, 0, 0.1) !important;
  }
  .focus\:border-black-alpha-20:focus {
    border-color: rgba(0, 0, 0, 0.2) !important;
  }
  .focus\:border-black-alpha-30:focus {
    border-color: rgba(0, 0, 0, 0.3) !important;
  }
  .focus\:border-black-alpha-40:focus {
    border-color: rgba(0, 0, 0, 0.4) !important;
  }
  .focus\:border-black-alpha-50:focus {
    border-color: rgba(0, 0, 0, 0.5) !important;
  }
  .focus\:border-black-alpha-60:focus {
    border-color: rgba(0, 0, 0, 0.6) !important;
  }
  .focus\:border-black-alpha-70:focus {
    border-color: rgba(0, 0, 0, 0.7) !important;
  }
  .focus\:border-black-alpha-80:focus {
    border-color: rgba(0, 0, 0, 0.8) !important;
  }
  .focus\:border-black-alpha-90:focus {
    border-color: rgba(0, 0, 0, 0.9) !important;
  }
  .active\:border-black-alpha-10:active {
    border-color: rgba(0, 0, 0, 0.1) !important;
  }
  .active\:border-black-alpha-20:active {
    border-color: rgba(0, 0, 0, 0.2) !important;
  }
  .active\:border-black-alpha-30:active {
    border-color: rgba(0, 0, 0, 0.3) !important;
  }
  .active\:border-black-alpha-40:active {
    border-color: rgba(0, 0, 0, 0.4) !important;
  }
  .active\:border-black-alpha-50:active {
    border-color: rgba(0, 0, 0, 0.5) !important;
  }
  .active\:border-black-alpha-60:active {
    border-color: rgba(0, 0, 0, 0.6) !important;
  }
  .active\:border-black-alpha-70:active {
    border-color: rgba(0, 0, 0, 0.7) !important;
  }
  .active\:border-black-alpha-80:active {
    border-color: rgba(0, 0, 0, 0.8) !important;
  }
  .active\:border-black-alpha-90:active {
    border-color: rgba(0, 0, 0, 0.9) !important;
  }
  .text-white-alpha-10 {
    color: rgba(255, 255, 255, 0.1) !important;
  }
  .text-white-alpha-20 {
    color: rgba(255, 255, 255, 0.2) !important;
  }
  .text-white-alpha-30 {
    color: rgba(255, 255, 255, 0.3) !important;
  }
  .text-white-alpha-40 {
    color: rgba(255, 255, 255, 0.4) !important;
  }
  .text-white-alpha-50 {
    color: rgba(255, 255, 255, 0.5) !important;
  }
  .text-white-alpha-60 {
    color: rgba(255, 255, 255, 0.6) !important;
  }
  .text-white-alpha-70 {
    color: rgba(255, 255, 255, 0.7) !important;
  }
  .text-white-alpha-80 {
    color: rgba(255, 255, 255, 0.8) !important;
  }
  .text-white-alpha-90 {
    color: rgba(255, 255, 255, 0.9) !important;
  }
  .hover\:text-white-alpha-10:hover {
    color: rgba(255, 255, 255, 0.1) !important;
  }
  .hover\:text-white-alpha-20:hover {
    color: rgba(255, 255, 255, 0.2) !important;
  }
  .hover\:text-white-alpha-30:hover {
    color: rgba(255, 255, 255, 0.3) !important;
  }
  .hover\:text-white-alpha-40:hover {
    color: rgba(255, 255, 255, 0.4) !important;
  }
  .hover\:text-white-alpha-50:hover {
    color: rgba(255, 255, 255, 0.5) !important;
  }
  .hover\:text-white-alpha-60:hover {
    color: rgba(255, 255, 255, 0.6) !important;
  }
  .hover\:text-white-alpha-70:hover {
    color: rgba(255, 255, 255, 0.7) !important;
  }
  .hover\:text-white-alpha-80:hover {
    color: rgba(255, 255, 255, 0.8) !important;
  }
  .hover\:text-white-alpha-90:hover {
    color: rgba(255, 255, 255, 0.9) !important;
  }
  .focus\:text-white-alpha-10:focus {
    color: rgba(255, 255, 255, 0.1) !important;
  }
  .focus\:text-white-alpha-20:focus {
    color: rgba(255, 255, 255, 0.2) !important;
  }
  .focus\:text-white-alpha-30:focus {
    color: rgba(255, 255, 255, 0.3) !important;
  }
  .focus\:text-white-alpha-40:focus {
    color: rgba(255, 255, 255, 0.4) !important;
  }
  .focus\:text-white-alpha-50:focus {
    color: rgba(255, 255, 255, 0.5) !important;
  }
  .focus\:text-white-alpha-60:focus {
    color: rgba(255, 255, 255, 0.6) !important;
  }
  .focus\:text-white-alpha-70:focus {
    color: rgba(255, 255, 255, 0.7) !important;
  }
  .focus\:text-white-alpha-80:focus {
    color: rgba(255, 255, 255, 0.8) !important;
  }
  .focus\:text-white-alpha-90:focus {
    color: rgba(255, 255, 255, 0.9) !important;
  }
  .active\:text-white-alpha-10:active {
    color: rgba(255, 255, 255, 0.1) !important;
  }
  .active\:text-white-alpha-20:active {
    color: rgba(255, 255, 255, 0.2) !important;
  }
  .active\:text-white-alpha-30:active {
    color: rgba(255, 255, 255, 0.3) !important;
  }
  .active\:text-white-alpha-40:active {
    color: rgba(255, 255, 255, 0.4) !important;
  }
  .active\:text-white-alpha-50:active {
    color: rgba(255, 255, 255, 0.5) !important;
  }
  .active\:text-white-alpha-60:active {
    color: rgba(255, 255, 255, 0.6) !important;
  }
  .active\:text-white-alpha-70:active {
    color: rgba(255, 255, 255, 0.7) !important;
  }
  .active\:text-white-alpha-80:active {
    color: rgba(255, 255, 255, 0.8) !important;
  }
  .active\:text-white-alpha-90:active {
    color: rgba(255, 255, 255, 0.9) !important;
  }
  .text-black-alpha-10 {
    color: rgba(0, 0, 0, 0.1) !important;
  }
  .text-black-alpha-20 {
    color: rgba(0, 0, 0, 0.2) !important;
  }
  .text-black-alpha-30 {
    color: rgba(0, 0, 0, 0.3) !important;
  }
  .text-black-alpha-40 {
    color: rgba(0, 0, 0, 0.4) !important;
  }
  .text-black-alpha-50 {
    color: rgba(0, 0, 0, 0.5) !important;
  }
  .text-black-alpha-60 {
    color: rgba(0, 0, 0, 0.6) !important;
  }
  .text-black-alpha-70 {
    color: rgba(0, 0, 0, 0.7) !important;
  }
  .text-black-alpha-80 {
    color: rgba(0, 0, 0, 0.8) !important;
  }
  .text-black-alpha-90 {
    color: rgba(0, 0, 0, 0.9) !important;
  }
  .hover\:text-black-alpha-10:hover {
    color: rgba(0, 0, 0, 0.1) !important;
  }
  .hover\:text-black-alpha-20:hover {
    color: rgba(0, 0, 0, 0.2) !important;
  }
  .hover\:text-black-alpha-30:hover {
    color: rgba(0, 0, 0, 0.3) !important;
  }
  .hover\:text-black-alpha-40:hover {
    color: rgba(0, 0, 0, 0.4) !important;
  }
  .hover\:text-black-alpha-50:hover {
    color: rgba(0, 0, 0, 0.5) !important;
  }
  .hover\:text-black-alpha-60:hover {
    color: rgba(0, 0, 0, 0.6) !important;
  }
  .hover\:text-black-alpha-70:hover {
    color: rgba(0, 0, 0, 0.7) !important;
  }
  .hover\:text-black-alpha-80:hover {
    color: rgba(0, 0, 0, 0.8) !important;
  }
  .hover\:text-black-alpha-90:hover {
    color: rgba(0, 0, 0, 0.9) !important;
  }
  .focus\:text-black-alpha-10:focus {
    color: rgba(0, 0, 0, 0.1) !important;
  }
  .focus\:text-black-alpha-20:focus {
    color: rgba(0, 0, 0, 0.2) !important;
  }
  .focus\:text-black-alpha-30:focus {
    color: rgba(0, 0, 0, 0.3) !important;
  }
  .focus\:text-black-alpha-40:focus {
    color: rgba(0, 0, 0, 0.4) !important;
  }
  .focus\:text-black-alpha-50:focus {
    color: rgba(0, 0, 0, 0.5) !important;
  }
  .focus\:text-black-alpha-60:focus {
    color: rgba(0, 0, 0, 0.6) !important;
  }
  .focus\:text-black-alpha-70:focus {
    color: rgba(0, 0, 0, 0.7) !important;
  }
  .focus\:text-black-alpha-80:focus {
    color: rgba(0, 0, 0, 0.8) !important;
  }
  .focus\:text-black-alpha-90:focus {
    color: rgba(0, 0, 0, 0.9) !important;
  }
  .active\:text-black-alpha-10:active {
    color: rgba(0, 0, 0, 0.1) !important;
  }
  .active\:text-black-alpha-20:active {
    color: rgba(0, 0, 0, 0.2) !important;
  }
  .active\:text-black-alpha-30:active {
    color: rgba(0, 0, 0, 0.3) !important;
  }
  .active\:text-black-alpha-40:active {
    color: rgba(0, 0, 0, 0.4) !important;
  }
  .active\:text-black-alpha-50:active {
    color: rgba(0, 0, 0, 0.5) !important;
  }
  .active\:text-black-alpha-60:active {
    color: rgba(0, 0, 0, 0.6) !important;
  }
  .active\:text-black-alpha-70:active {
    color: rgba(0, 0, 0, 0.7) !important;
  }
  .active\:text-black-alpha-80:active {
    color: rgba(0, 0, 0, 0.8) !important;
  }
  .active\:text-black-alpha-90:active {
    color: rgba(0, 0, 0, 0.9) !important;
  }
  .text-primary {
    color: var(--p-primary-color) !important;
  }
  .bg-primary {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .bg-primary-reverse {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .bg-white {
    background-color: #ffffff !important;
  }
  .border-primary {
    border-color: var(--p-primary-color) !important;
  }
  .text-white {
    color: #ffffff !important;
  }
  .border-white {
    border-color: #ffffff !important;
  }
  .text-color {
    color: var(--p-text-color) !important;
  }
  .text-color-secondary {
    color: var(--p-text-muted-color) !important;
  }
  .surface-ground {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .surface-section {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .surface-card {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .surface-overlay {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .surface-hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .surface-border {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .focus\:text-primary:focus {
    color: var(--p-primary-color) !important;
  }
  .hover\:text-primary:hover {
    color: var(--p-primary-color) !important;
  }
  .active\:text-primary:active {
    color: var(--p-primary-color) !important;
  }
  .focus\:bg-primary:focus {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .hover\:bg-primary:hover {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .active\:bg-primary:active {
    color: var(--p-primary-contrast-color) !important;
    background-color: var(--p-primary-color) !important;
  }
  .focus\:bg-primary-reverse:focus {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .hover\:bg-primary-reverse:hover {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .active\:bg-primary-reverse:active {
    color: var(--p-primary-color) !important;
    background-color: var(--p-primary-contrast-color) !important;
  }
  .focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .focus\:border-primary:focus {
    border-color: var(--p-primary-color) !important;
  }
  .hover\:border-primary:hover {
    border-color: var(--p-primary-color) !important;
  }
  .active\:border-primary:active {
    border-color: var(--p-primary-color) !important;
  }
  .focus\:text-white:focus {
    color: #ffffff !important;
  }
  .hover\:text-white:hover {
    color: #ffffff !important;
  }
  .active\:text-white:active {
    color: #ffffff !important;
  }
  .focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .active\:border-white:active {
    border-color: #ffffff !important;
  }
  .focus\:text-color:focus {
    color: var(--p-text-color) !important;
  }
  .hover\:text-color:hover {
    color: var(--p-text-color) !important;
  }
  .active\:text-color:active {
    color: var(--p-text-color) !important;
  }
  .focus\:text-color-secondary:focus {
    color: var(--p-text-muted-color) !important;
  }
  .hover\:text-color-secondary:hover {
    color: var(--p-text-muted-color) !important;
  }
  .active\:text-color-secondary:active {
    color: var(--p-text-muted-color) !important;
  }
  .focus\:surface-ground:focus {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .hover\:surface-ground:hover {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .active\:surface-ground:active {
    background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
  }
  .focus\:surface-section:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .hover\:surface-section:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .active\:surface-section:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
  }
  .focus\:surface-card:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .hover\:surface-card:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .active\:surface-card:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .focus\:surface-overlay:focus {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .hover\:surface-overlay:hover {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .active\:surface-overlay:active {
    background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
  }
  .focus\:surface-hover:focus {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .hover\:surface-hover:hover {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .active\:surface-hover:active {
    background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
  }
  .focus\:surface-border:focus {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .hover\:surface-border:hover {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  .active\:surface-border:active {
    border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:text-primary {
      color: var(--p-primary-color) !important;
    }
    .sm\:bg-primary {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .sm\:bg-primary-reverse {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .sm\:bg-white {
      background-color: #ffffff !important;
    }
    .sm\:border-primary {
      border-color: var(--p-primary-color) !important;
    }
    .sm\:text-white {
      color: #ffffff !important;
    }
    .sm\:border-white {
      border-color: #ffffff !important;
    }
    .sm\:text-color {
      color: var(--p-text-color) !important;
    }
    .sm\:text-color-secondary {
      color: var(--p-text-muted-color) !important;
    }
    .sm\:surface-ground {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .sm\:surface-section {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .sm\:surface-card {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .sm\:surface-overlay {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .sm\:surface-hover {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .sm\:surface-border {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
    .sm\:focus\:text-primary:focus {
      color: var(--p-primary-color) !important;
    }
    .sm\:hover\:text-primary:hover {
      color: var(--p-primary-color) !important;
    }
    .sm\:active\:text-primary:active {
      color: var(--p-primary-color) !important;
    }
    .sm\:focus\:bg-primary:focus {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .sm\:hover\:bg-primary:hover {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .sm\:active\:bg-primary:active {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .sm\:focus\:bg-primary-reverse:focus {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .sm\:hover\:bg-primary-reverse:hover {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .sm\:active\:bg-primary-reverse:active {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .sm\:focus\:bg-white:focus {
      background-color: #ffffff !important;
    }
    .sm\:hover\:bg-white:hover {
      background-color: #ffffff !important;
    }
    .sm\:active\:bg-white:active {
      background-color: #ffffff !important;
    }
    .sm\:focus\:border-primary:focus {
      border-color: var(--p-primary-color) !important;
    }
    .sm\:hover\:border-primary:hover {
      border-color: var(--p-primary-color) !important;
    }
    .sm\:active\:border-primary:active {
      border-color: var(--p-primary-color) !important;
    }
    .sm\:focus\:text-white:focus {
      color: #ffffff !important;
    }
    .sm\:hover\:text-white:hover {
      color: #ffffff !important;
    }
    .sm\:active\:text-white:active {
      color: #ffffff !important;
    }
    .sm\:focus\:border-white:focus {
      border-color: #ffffff !important;
    }
    .sm\:hover\:border-white:hover {
      border-color: #ffffff !important;
    }
    .sm\:active\:border-white:active {
      border-color: #ffffff !important;
    }
    .sm\:focus\:text-color:focus {
      color: var(--p-text-color) !important;
    }
    .sm\:hover\:text-color:hover {
      color: var(--p-text-color) !important;
    }
    .sm\:active\:text-color:active {
      color: var(--p-text-color) !important;
    }
    .sm\:focus\:text-color-secondary:focus {
      color: var(--p-text-muted-color) !important;
    }
    .sm\:hover\:text-color-secondary:hover {
      color: var(--p-text-muted-color) !important;
    }
    .sm\:active\:text-color-secondary:active {
      color: var(--p-text-muted-color) !important;
    }
    .sm\:focus\:surface-ground:focus {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .sm\:hover\:surface-ground:hover {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .sm\:active\:surface-ground:active {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .sm\:focus\:surface-section:focus {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .sm\:hover\:surface-section:hover {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .sm\:active\:surface-section:active {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .sm\:focus\:surface-card:focus {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .sm\:hover\:surface-card:hover {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .sm\:active\:surface-card:active {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .sm\:focus\:surface-overlay:focus {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .sm\:hover\:surface-overlay:hover {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .sm\:active\:surface-overlay:active {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .sm\:focus\:surface-hover:focus {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .sm\:hover\:surface-hover:hover {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .sm\:active\:surface-hover:active {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .sm\:focus\:surface-border:focus {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
    .sm\:hover\:surface-border:hover {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
    .sm\:active\:surface-border:active {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:text-primary {
      color: var(--p-primary-color) !important;
    }
    .md\:bg-primary {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .md\:bg-primary-reverse {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .md\:bg-white {
      background-color: #ffffff !important;
    }
    .md\:border-primary {
      border-color: var(--p-primary-color) !important;
    }
    .md\:text-white {
      color: #ffffff !important;
    }
    .md\:border-white {
      border-color: #ffffff !important;
    }
    .md\:text-color {
      color: var(--p-text-color) !important;
    }
    .md\:text-color-secondary {
      color: var(--p-text-muted-color) !important;
    }
    .md\:surface-ground {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .md\:surface-section {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .md\:surface-card {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .md\:surface-overlay {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .md\:surface-hover {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .md\:surface-border {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
    .md\:focus\:text-primary:focus {
      color: var(--p-primary-color) !important;
    }
    .md\:hover\:text-primary:hover {
      color: var(--p-primary-color) !important;
    }
    .md\:active\:text-primary:active {
      color: var(--p-primary-color) !important;
    }
    .md\:focus\:bg-primary:focus {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .md\:hover\:bg-primary:hover {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .md\:active\:bg-primary:active {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .md\:focus\:bg-primary-reverse:focus {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .md\:hover\:bg-primary-reverse:hover {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .md\:active\:bg-primary-reverse:active {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .md\:focus\:bg-white:focus {
      background-color: #ffffff !important;
    }
    .md\:hover\:bg-white:hover {
      background-color: #ffffff !important;
    }
    .md\:active\:bg-white:active {
      background-color: #ffffff !important;
    }
    .md\:focus\:border-primary:focus {
      border-color: var(--p-primary-color) !important;
    }
    .md\:hover\:border-primary:hover {
      border-color: var(--p-primary-color) !important;
    }
    .md\:active\:border-primary:active {
      border-color: var(--p-primary-color) !important;
    }
    .md\:focus\:text-white:focus {
      color: #ffffff !important;
    }
    .md\:hover\:text-white:hover {
      color: #ffffff !important;
    }
    .md\:active\:text-white:active {
      color: #ffffff !important;
    }
    .md\:focus\:border-white:focus {
      border-color: #ffffff !important;
    }
    .md\:hover\:border-white:hover {
      border-color: #ffffff !important;
    }
    .md\:active\:border-white:active {
      border-color: #ffffff !important;
    }
    .md\:focus\:text-color:focus {
      color: var(--p-text-color) !important;
    }
    .md\:hover\:text-color:hover {
      color: var(--p-text-color) !important;
    }
    .md\:active\:text-color:active {
      color: var(--p-text-color) !important;
    }
    .md\:focus\:text-color-secondary:focus {
      color: var(--p-text-muted-color) !important;
    }
    .md\:hover\:text-color-secondary:hover {
      color: var(--p-text-muted-color) !important;
    }
    .md\:active\:text-color-secondary:active {
      color: var(--p-text-muted-color) !important;
    }
    .md\:focus\:surface-ground:focus {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .md\:hover\:surface-ground:hover {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .md\:active\:surface-ground:active {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .md\:focus\:surface-section:focus {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .md\:hover\:surface-section:hover {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .md\:active\:surface-section:active {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .md\:focus\:surface-card:focus {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .md\:hover\:surface-card:hover {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .md\:active\:surface-card:active {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .md\:focus\:surface-overlay:focus {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .md\:hover\:surface-overlay:hover {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .md\:active\:surface-overlay:active {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .md\:focus\:surface-hover:focus {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .md\:hover\:surface-hover:hover {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .md\:active\:surface-hover:active {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .md\:focus\:surface-border:focus {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
    .md\:hover\:surface-border:hover {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
    .md\:active\:surface-border:active {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:text-primary {
      color: var(--p-primary-color) !important;
    }
    .lg\:bg-primary {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .lg\:bg-primary-reverse {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .lg\:bg-white {
      background-color: #ffffff !important;
    }
    .lg\:border-primary {
      border-color: var(--p-primary-color) !important;
    }
    .lg\:text-white {
      color: #ffffff !important;
    }
    .lg\:border-white {
      border-color: #ffffff !important;
    }
    .lg\:text-color {
      color: var(--p-text-color) !important;
    }
    .lg\:text-color-secondary {
      color: var(--p-text-muted-color) !important;
    }
    .lg\:surface-ground {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .lg\:surface-section {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .lg\:surface-card {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .lg\:surface-overlay {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .lg\:surface-hover {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .lg\:surface-border {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
    .lg\:focus\:text-primary:focus {
      color: var(--p-primary-color) !important;
    }
    .lg\:hover\:text-primary:hover {
      color: var(--p-primary-color) !important;
    }
    .lg\:active\:text-primary:active {
      color: var(--p-primary-color) !important;
    }
    .lg\:focus\:bg-primary:focus {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .lg\:hover\:bg-primary:hover {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .lg\:active\:bg-primary:active {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .lg\:focus\:bg-primary-reverse:focus {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .lg\:hover\:bg-primary-reverse:hover {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .lg\:active\:bg-primary-reverse:active {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .lg\:focus\:bg-white:focus {
      background-color: #ffffff !important;
    }
    .lg\:hover\:bg-white:hover {
      background-color: #ffffff !important;
    }
    .lg\:active\:bg-white:active {
      background-color: #ffffff !important;
    }
    .lg\:focus\:border-primary:focus {
      border-color: var(--p-primary-color) !important;
    }
    .lg\:hover\:border-primary:hover {
      border-color: var(--p-primary-color) !important;
    }
    .lg\:active\:border-primary:active {
      border-color: var(--p-primary-color) !important;
    }
    .lg\:focus\:text-white:focus {
      color: #ffffff !important;
    }
    .lg\:hover\:text-white:hover {
      color: #ffffff !important;
    }
    .lg\:active\:text-white:active {
      color: #ffffff !important;
    }
    .lg\:focus\:border-white:focus {
      border-color: #ffffff !important;
    }
    .lg\:hover\:border-white:hover {
      border-color: #ffffff !important;
    }
    .lg\:active\:border-white:active {
      border-color: #ffffff !important;
    }
    .lg\:focus\:text-color:focus {
      color: var(--p-text-color) !important;
    }
    .lg\:hover\:text-color:hover {
      color: var(--p-text-color) !important;
    }
    .lg\:active\:text-color:active {
      color: var(--p-text-color) !important;
    }
    .lg\:focus\:text-color-secondary:focus {
      color: var(--p-text-muted-color) !important;
    }
    .lg\:hover\:text-color-secondary:hover {
      color: var(--p-text-muted-color) !important;
    }
    .lg\:active\:text-color-secondary:active {
      color: var(--p-text-muted-color) !important;
    }
    .lg\:focus\:surface-ground:focus {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .lg\:hover\:surface-ground:hover {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .lg\:active\:surface-ground:active {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .lg\:focus\:surface-section:focus {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .lg\:hover\:surface-section:hover {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .lg\:active\:surface-section:active {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .lg\:focus\:surface-card:focus {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .lg\:hover\:surface-card:hover {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .lg\:active\:surface-card:active {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .lg\:focus\:surface-overlay:focus {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .lg\:hover\:surface-overlay:hover {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .lg\:active\:surface-overlay:active {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .lg\:focus\:surface-hover:focus {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .lg\:hover\:surface-hover:hover {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .lg\:active\:surface-hover:active {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .lg\:focus\:surface-border:focus {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
    .lg\:hover\:surface-border:hover {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
    .lg\:active\:surface-border:active {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:text-primary {
      color: var(--p-primary-color) !important;
    }
    .xl\:bg-primary {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .xl\:bg-primary-reverse {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .xl\:bg-white {
      background-color: #ffffff !important;
    }
    .xl\:border-primary {
      border-color: var(--p-primary-color) !important;
    }
    .xl\:text-white {
      color: #ffffff !important;
    }
    .xl\:border-white {
      border-color: #ffffff !important;
    }
    .xl\:text-color {
      color: var(--p-text-color) !important;
    }
    .xl\:text-color-secondary {
      color: var(--p-text-muted-color) !important;
    }
    .xl\:surface-ground {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .xl\:surface-section {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .xl\:surface-card {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .xl\:surface-overlay {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .xl\:surface-hover {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .xl\:surface-border {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
    .xl\:focus\:text-primary:focus {
      color: var(--p-primary-color) !important;
    }
    .xl\:hover\:text-primary:hover {
      color: var(--p-primary-color) !important;
    }
    .xl\:active\:text-primary:active {
      color: var(--p-primary-color) !important;
    }
    .xl\:focus\:bg-primary:focus {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .xl\:hover\:bg-primary:hover {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .xl\:active\:bg-primary:active {
      color: var(--p-primary-contrast-color) !important;
      background-color: var(--p-primary-color) !important;
    }
    .xl\:focus\:bg-primary-reverse:focus {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .xl\:hover\:bg-primary-reverse:hover {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .xl\:active\:bg-primary-reverse:active {
      color: var(--p-primary-color) !important;
      background-color: var(--p-primary-contrast-color) !important;
    }
    .xl\:focus\:bg-white:focus {
      background-color: #ffffff !important;
    }
    .xl\:hover\:bg-white:hover {
      background-color: #ffffff !important;
    }
    .xl\:active\:bg-white:active {
      background-color: #ffffff !important;
    }
    .xl\:focus\:border-primary:focus {
      border-color: var(--p-primary-color) !important;
    }
    .xl\:hover\:border-primary:hover {
      border-color: var(--p-primary-color) !important;
    }
    .xl\:active\:border-primary:active {
      border-color: var(--p-primary-color) !important;
    }
    .xl\:focus\:text-white:focus {
      color: #ffffff !important;
    }
    .xl\:hover\:text-white:hover {
      color: #ffffff !important;
    }
    .xl\:active\:text-white:active {
      color: #ffffff !important;
    }
    .xl\:focus\:border-white:focus {
      border-color: #ffffff !important;
    }
    .xl\:hover\:border-white:hover {
      border-color: #ffffff !important;
    }
    .xl\:active\:border-white:active {
      border-color: #ffffff !important;
    }
    .xl\:focus\:text-color:focus {
      color: var(--p-text-color) !important;
    }
    .xl\:hover\:text-color:hover {
      color: var(--p-text-color) !important;
    }
    .xl\:active\:text-color:active {
      color: var(--p-text-color) !important;
    }
    .xl\:focus\:text-color-secondary:focus {
      color: var(--p-text-muted-color) !important;
    }
    .xl\:hover\:text-color-secondary:hover {
      color: var(--p-text-muted-color) !important;
    }
    .xl\:active\:text-color-secondary:active {
      color: var(--p-text-muted-color) !important;
    }
    .xl\:focus\:surface-ground:focus {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .xl\:hover\:surface-ground:hover {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .xl\:active\:surface-ground:active {
      background-color: light-dark(var(--p-surface-50), var(--p-surface-950)) !important;
    }
    .xl\:focus\:surface-section:focus {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .xl\:hover\:surface-section:hover {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .xl\:active\:surface-section:active {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-950)) !important;
    }
    .xl\:focus\:surface-card:focus {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .xl\:hover\:surface-card:hover {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .xl\:active\:surface-card:active {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .xl\:focus\:surface-overlay:focus {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .xl\:hover\:surface-overlay:hover {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .xl\:active\:surface-overlay:active {
      background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
    }
    .xl\:focus\:surface-hover:focus {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .xl\:hover\:surface-hover:hover {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .xl\:active\:surface-hover:active {
      background-color: light-dark(var(--p-surface-800), var(--p-surface-100)) !important;
    }
    .xl\:focus\:surface-border:focus {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
    .xl\:hover\:surface-border:hover {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
    .xl\:active\:surface-border:active {
      border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
    }
  }
  .field {
    margin-bottom: 1rem;
  }
  .field > label {
    display: inline-block;
    margin-bottom: 0.5rem;
  }
  .field.grid > label {
    display: flex;
    align-items: center;
  }
  .field > small {
    margin-top: 0.25rem;
  }
  .field.grid,
  .formgrid.grid {
    margin-top: 0;
  }
  .field.grid .col-fixed,
  .formgrid.grid .col-fixed,
  .field.grid .col,
  .formgrid.grid .col,
  .field.grid .col-1,
  .formgrid.grid .col-1,
  .field.grid .col-2,
  .formgrid.grid .col-2,
  .field.grid .col-3,
  .formgrid.grid .col-3,
  .field.grid .col-4,
  .formgrid.grid .col-4,
  .field.grid .col-5,
  .formgrid.grid .col-5,
  .field.grid .col-6,
  .formgrid.grid .col-6,
  .field.grid .col-7,
  .formgrid.grid .col-7,
  .field.grid .col-8,
  .formgrid.grid .col-8,
  .field.grid .col-9,
  .formgrid.grid .col-9,
  .field.grid .col-10,
  .formgrid.grid .col-10,
  .field.grid .col-11,
  .formgrid.grid .col-11,
  .field.grid .col-12,
  .formgrid.grid .col-12 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .formgroup-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .formgroup-inline .field,
  .formgroup-inline .field-checkbox,
  .formgroup-inline .field-radiobutton {
    margin-right: 1rem;
  }
  .formgroup-inline .field > label,
  .formgroup-inline .field-checkbox > label,
  .formgroup-inline .field-radiobutton > label {
    margin-right: 0.5rem;
    margin-bottom: 0;
  }
  .field-checkbox,
  .field-radiobutton {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
  }
  .field-checkbox > label,
  .field-radiobutton > label {
    margin-left: 0.5rem;
    line-height: 1;
  }
  .hidden {
    display: none !important;
  }
  .block {
    display: block !important;
  }
  .inline {
    display: inline !important;
  }
  .inline-block {
    display: inline-block !important;
  }
  .flex {
    display: flex !important;
  }
  .inline-flex {
    display: inline-flex !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:hidden {
      display: none !important;
    }
    .sm\:block {
      display: block !important;
    }
    .sm\:inline {
      display: inline !important;
    }
    .sm\:inline-block {
      display: inline-block !important;
    }
    .sm\:flex {
      display: flex !important;
    }
    .sm\:inline-flex {
      display: inline-flex !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:hidden {
      display: none !important;
    }
    .md\:block {
      display: block !important;
    }
    .md\:inline {
      display: inline !important;
    }
    .md\:inline-block {
      display: inline-block !important;
    }
    .md\:flex {
      display: flex !important;
    }
    .md\:inline-flex {
      display: inline-flex !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:hidden {
      display: none !important;
    }
    .lg\:block {
      display: block !important;
    }
    .lg\:inline {
      display: inline !important;
    }
    .lg\:inline-block {
      display: inline-block !important;
    }
    .lg\:flex {
      display: flex !important;
    }
    .lg\:inline-flex {
      display: inline-flex !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:hidden {
      display: none !important;
    }
    .xl\:block {
      display: block !important;
    }
    .xl\:inline {
      display: inline !important;
    }
    .xl\:inline-block {
      display: inline-block !important;
    }
    .xl\:flex {
      display: flex !important;
    }
    .xl\:inline-flex {
      display: inline-flex !important;
    }
  }
  .text-center {
    text-align: center !important;
  }
  .text-justify {
    text-align: justify !important;
  }
  .text-left {
    text-align: left !important;
  }
  .text-right {
    text-align: right !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:text-center {
      text-align: center !important;
    }
    .sm\:text-justify {
      text-align: justify !important;
    }
    .sm\:text-left {
      text-align: left !important;
    }
    .sm\:text-right {
      text-align: right !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:text-center {
      text-align: center !important;
    }
    .md\:text-justify {
      text-align: justify !important;
    }
    .md\:text-left {
      text-align: left !important;
    }
    .md\:text-right {
      text-align: right !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:text-center {
      text-align: center !important;
    }
    .lg\:text-justify {
      text-align: justify !important;
    }
    .lg\:text-left {
      text-align: left !important;
    }
    .lg\:text-right {
      text-align: right !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:text-center {
      text-align: center !important;
    }
    .xl\:text-justify {
      text-align: justify !important;
    }
    .xl\:text-left {
      text-align: left !important;
    }
    .xl\:text-right {
      text-align: right !important;
    }
  }
  .underline {
    text-decoration: underline !important;
  }
  .line-through {
    text-decoration: line-through !important;
  }
  .no-underline {
    text-decoration: none !important;
  }
  .focus\:underline:focus {
    text-decoration: underline !important;
  }
  .hover\:underline:hover {
    text-decoration: underline !important;
  }
  .active\:underline:active {
    text-decoration: underline !important;
  }
  .focus\:line-through:focus {
    text-decoration: line-through !important;
  }
  .hover\:line-through:hover {
    text-decoration: line-through !important;
  }
  .active\:line-through:active {
    text-decoration: line-through !important;
  }
  .focus\:no-underline:focus {
    text-decoration: none !important;
  }
  .hover\:no-underline:hover {
    text-decoration: none !important;
  }
  .active\:no-underline:active {
    text-decoration: none !important;
  }
  .lowercase {
    text-transform: lowercase !important;
  }
  .uppercase {
    text-transform: uppercase !important;
  }
  .capitalize {
    text-transform: capitalize !important;
  }
  .text-overflow-clip {
    text-overflow: clip !important;
  }
  .text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:text-overflow-clip {
      text-overflow: clip !important;
    }
    .sm\:text-overflow-ellipsis {
      text-overflow: ellipsis !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:text-overflow-clip {
      text-overflow: clip !important;
    }
    .md\:text-overflow-ellipsis {
      text-overflow: ellipsis !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:text-overflow-clip {
      text-overflow: clip !important;
    }
    .lg\:text-overflow-ellipsis {
      text-overflow: ellipsis !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:text-overflow-clip {
      text-overflow: clip !important;
    }
    .xl\:text-overflow-ellipsis {
      text-overflow: ellipsis !important;
    }
  }
  .font-light {
    font-weight: 300 !important;
  }
  .font-normal {
    font-weight: 400 !important;
  }
  .font-medium {
    font-weight: 500 !important;
  }
  .font-semibold {
    font-weight: 600 !important;
  }
  .font-bold {
    font-weight: 700 !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:font-light {
      font-weight: 300 !important;
    }
    .sm\:font-normal {
      font-weight: 400 !important;
    }
    .sm\:font-medium {
      font-weight: 500 !important;
    }
    .sm\:font-semibold {
      font-weight: 600 !important;
    }
    .sm\:font-bold {
      font-weight: 700 !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:font-light {
      font-weight: 300 !important;
    }
    .md\:font-normal {
      font-weight: 400 !important;
    }
    .md\:font-medium {
      font-weight: 500 !important;
    }
    .md\:font-semibold {
      font-weight: 600 !important;
    }
    .md\:font-bold {
      font-weight: 700 !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:font-light {
      font-weight: 300 !important;
    }
    .lg\:font-normal {
      font-weight: 400 !important;
    }
    .lg\:font-medium {
      font-weight: 500 !important;
    }
    .lg\:font-semibold {
      font-weight: 600 !important;
    }
    .lg\:font-bold {
      font-weight: 700 !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:font-light {
      font-weight: 300 !important;
    }
    .xl\:font-normal {
      font-weight: 400 !important;
    }
    .xl\:font-medium {
      font-weight: 500 !important;
    }
    .xl\:font-semibold {
      font-weight: 600 !important;
    }
    .xl\:font-bold {
      font-weight: 700 !important;
    }
  }
  .font-italic {
    font-style: italic !important;
  }
  .text-xs {
    font-size: 0.75rem !important;
  }
  .text-sm {
    font-size: 0.875rem !important;
  }
  .text-base {
    font-size: 1rem !important;
  }
  .text-lg {
    font-size: 1.125rem !important;
  }
  .text-xl {
    font-size: 1.25rem !important;
  }
  .text-2xl {
    font-size: 1.5rem !important;
  }
  .text-3xl {
    font-size: 1.75rem !important;
  }
  .text-4xl {
    font-size: 2rem !important;
  }
  .text-5xl {
    font-size: 2.5rem !important;
  }
  .text-6xl {
    font-size: 3rem !important;
  }
  .text-7xl {
    font-size: 4rem !important;
  }
  .text-8xl {
    font-size: 6rem !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:text-xs {
      font-size: 0.75rem !important;
    }
    .sm\:text-sm {
      font-size: 0.875rem !important;
    }
    .sm\:text-base {
      font-size: 1rem !important;
    }
    .sm\:text-lg {
      font-size: 1.125rem !important;
    }
    .sm\:text-xl {
      font-size: 1.25rem !important;
    }
    .sm\:text-2xl {
      font-size: 1.5rem !important;
    }
    .sm\:text-3xl {
      font-size: 1.75rem !important;
    }
    .sm\:text-4xl {
      font-size: 2rem !important;
    }
    .sm\:text-5xl {
      font-size: 2.5rem !important;
    }
    .sm\:text-6xl {
      font-size: 3rem !important;
    }
    .sm\:text-7xl {
      font-size: 4rem !important;
    }
    .sm\:text-8xl {
      font-size: 6rem !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:text-xs {
      font-size: 0.75rem !important;
    }
    .md\:text-sm {
      font-size: 0.875rem !important;
    }
    .md\:text-base {
      font-size: 1rem !important;
    }
    .md\:text-lg {
      font-size: 1.125rem !important;
    }
    .md\:text-xl {
      font-size: 1.25rem !important;
    }
    .md\:text-2xl {
      font-size: 1.5rem !important;
    }
    .md\:text-3xl {
      font-size: 1.75rem !important;
    }
    .md\:text-4xl {
      font-size: 2rem !important;
    }
    .md\:text-5xl {
      font-size: 2.5rem !important;
    }
    .md\:text-6xl {
      font-size: 3rem !important;
    }
    .md\:text-7xl {
      font-size: 4rem !important;
    }
    .md\:text-8xl {
      font-size: 6rem !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:text-xs {
      font-size: 0.75rem !important;
    }
    .lg\:text-sm {
      font-size: 0.875rem !important;
    }
    .lg\:text-base {
      font-size: 1rem !important;
    }
    .lg\:text-lg {
      font-size: 1.125rem !important;
    }
    .lg\:text-xl {
      font-size: 1.25rem !important;
    }
    .lg\:text-2xl {
      font-size: 1.5rem !important;
    }
    .lg\:text-3xl {
      font-size: 1.75rem !important;
    }
    .lg\:text-4xl {
      font-size: 2rem !important;
    }
    .lg\:text-5xl {
      font-size: 2.5rem !important;
    }
    .lg\:text-6xl {
      font-size: 3rem !important;
    }
    .lg\:text-7xl {
      font-size: 4rem !important;
    }
    .lg\:text-8xl {
      font-size: 6rem !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:text-xs {
      font-size: 0.75rem !important;
    }
    .xl\:text-sm {
      font-size: 0.875rem !important;
    }
    .xl\:text-base {
      font-size: 1rem !important;
    }
    .xl\:text-lg {
      font-size: 1.125rem !important;
    }
    .xl\:text-xl {
      font-size: 1.25rem !important;
    }
    .xl\:text-2xl {
      font-size: 1.5rem !important;
    }
    .xl\:text-3xl {
      font-size: 1.75rem !important;
    }
    .xl\:text-4xl {
      font-size: 2rem !important;
    }
    .xl\:text-5xl {
      font-size: 2.5rem !important;
    }
    .xl\:text-6xl {
      font-size: 3rem !important;
    }
    .xl\:text-7xl {
      font-size: 4rem !important;
    }
    .xl\:text-8xl {
      font-size: 6rem !important;
    }
  }
  .line-height-1 {
    line-height: 1 !important;
  }
  .line-height-2 {
    line-height: 1.25 !important;
  }
  .line-height-3 {
    line-height: 1.5 !important;
  }
  .line-height-4 {
    line-height: 2 !important;
  }
  .white-space-normal {
    white-space: normal !important;
  }
  .white-space-nowrap {
    white-space: nowrap !important;
  }
  .vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .vertical-align-top {
    vertical-align: top !important;
  }
  .vertical-align-middle {
    vertical-align: middle !important;
  }
  .vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .vertical-align-sub {
    vertical-align: sub !important;
  }
  .vertical-align-super {
    vertical-align: super !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:vertical-align-baseline {
      vertical-align: baseline !important;
    }
    .sm\:vertical-align-top {
      vertical-align: top !important;
    }
    .sm\:vertical-align-middle {
      vertical-align: middle !important;
    }
    .sm\:vertical-align-bottom {
      vertical-align: bottom !important;
    }
    .sm\:vertical-align-text-top {
      vertical-align: text-top !important;
    }
    .sm\:vertical-align-text-bottom {
      vertical-align: text-bottom !important;
    }
    .sm\:vertical-align-sub {
      vertical-align: sub !important;
    }
    .sm\:vertical-align-super {
      vertical-align: super !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:vertical-align-baseline {
      vertical-align: baseline !important;
    }
    .md\:vertical-align-top {
      vertical-align: top !important;
    }
    .md\:vertical-align-middle {
      vertical-align: middle !important;
    }
    .md\:vertical-align-bottom {
      vertical-align: bottom !important;
    }
    .md\:vertical-align-text-top {
      vertical-align: text-top !important;
    }
    .md\:vertical-align-text-bottom {
      vertical-align: text-bottom !important;
    }
    .md\:vertical-align-sub {
      vertical-align: sub !important;
    }
    .md\:vertical-align-super {
      vertical-align: super !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:vertical-align-baseline {
      vertical-align: baseline !important;
    }
    .lg\:vertical-align-top {
      vertical-align: top !important;
    }
    .lg\:vertical-align-middle {
      vertical-align: middle !important;
    }
    .lg\:vertical-align-bottom {
      vertical-align: bottom !important;
    }
    .lg\:vertical-align-text-top {
      vertical-align: text-top !important;
    }
    .lg\:vertical-align-text-bottom {
      vertical-align: text-bottom !important;
    }
    .lg\:vertical-align-sub {
      vertical-align: sub !important;
    }
    .lg\:vertical-align-super {
      vertical-align: super !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:vertical-align-baseline {
      vertical-align: baseline !important;
    }
    .xl\:vertical-align-top {
      vertical-align: top !important;
    }
    .xl\:vertical-align-middle {
      vertical-align: middle !important;
    }
    .xl\:vertical-align-bottom {
      vertical-align: bottom !important;
    }
    .xl\:vertical-align-text-top {
      vertical-align: text-top !important;
    }
    .xl\:vertical-align-text-bottom {
      vertical-align: text-bottom !important;
    }
    .xl\:vertical-align-sub {
      vertical-align: sub !important;
    }
    .xl\:vertical-align-super {
      vertical-align: super !important;
    }
  }
  .flex-row {
    flex-direction: row !important;
  }
  .flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-column {
    flex-direction: column !important;
  }
  .flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:flex-row {
      flex-direction: row !important;
    }
    .sm\:flex-row-reverse {
      flex-direction: row-reverse !important;
    }
    .sm\:flex-column {
      flex-direction: column !important;
    }
    .sm\:flex-column-reverse {
      flex-direction: column-reverse !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:flex-row {
      flex-direction: row !important;
    }
    .md\:flex-row-reverse {
      flex-direction: row-reverse !important;
    }
    .md\:flex-column {
      flex-direction: column !important;
    }
    .md\:flex-column-reverse {
      flex-direction: column-reverse !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:flex-row {
      flex-direction: row !important;
    }
    .lg\:flex-row-reverse {
      flex-direction: row-reverse !important;
    }
    .lg\:flex-column {
      flex-direction: column !important;
    }
    .lg\:flex-column-reverse {
      flex-direction: column-reverse !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:flex-row {
      flex-direction: row !important;
    }
    .xl\:flex-row-reverse {
      flex-direction: row-reverse !important;
    }
    .xl\:flex-column {
      flex-direction: column !important;
    }
    .xl\:flex-column-reverse {
      flex-direction: column-reverse !important;
    }
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-nowrap {
    flex-wrap: nowrap !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:flex-wrap {
      flex-wrap: wrap !important;
    }
    .sm\:flex-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .sm\:flex-nowrap {
      flex-wrap: nowrap !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:flex-wrap {
      flex-wrap: wrap !important;
    }
    .md\:flex-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .md\:flex-nowrap {
      flex-wrap: nowrap !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:flex-wrap {
      flex-wrap: wrap !important;
    }
    .lg\:flex-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .lg\:flex-nowrap {
      flex-wrap: nowrap !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:flex-wrap {
      flex-wrap: wrap !important;
    }
    .xl\:flex-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .xl\:flex-nowrap {
      flex-wrap: nowrap !important;
    }
  }
  .justify-content-start {
    justify-content: flex-start !important;
  }
  .justify-content-end {
    justify-content: flex-end !important;
  }
  .justify-content-center {
    justify-content: center !important;
  }
  .justify-content-between {
    justify-content: space-between !important;
  }
  .justify-content-around {
    justify-content: space-around !important;
  }
  .justify-content-evenly {
    justify-content: space-evenly !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:justify-content-start {
      justify-content: flex-start !important;
    }
    .sm\:justify-content-end {
      justify-content: flex-end !important;
    }
    .sm\:justify-content-center {
      justify-content: center !important;
    }
    .sm\:justify-content-between {
      justify-content: space-between !important;
    }
    .sm\:justify-content-around {
      justify-content: space-around !important;
    }
    .sm\:justify-content-evenly {
      justify-content: space-evenly !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:justify-content-start {
      justify-content: flex-start !important;
    }
    .md\:justify-content-end {
      justify-content: flex-end !important;
    }
    .md\:justify-content-center {
      justify-content: center !important;
    }
    .md\:justify-content-between {
      justify-content: space-between !important;
    }
    .md\:justify-content-around {
      justify-content: space-around !important;
    }
    .md\:justify-content-evenly {
      justify-content: space-evenly !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:justify-content-start {
      justify-content: flex-start !important;
    }
    .lg\:justify-content-end {
      justify-content: flex-end !important;
    }
    .lg\:justify-content-center {
      justify-content: center !important;
    }
    .lg\:justify-content-between {
      justify-content: space-between !important;
    }
    .lg\:justify-content-around {
      justify-content: space-around !important;
    }
    .lg\:justify-content-evenly {
      justify-content: space-evenly !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:justify-content-start {
      justify-content: flex-start !important;
    }
    .xl\:justify-content-end {
      justify-content: flex-end !important;
    }
    .xl\:justify-content-center {
      justify-content: center !important;
    }
    .xl\:justify-content-between {
      justify-content: space-between !important;
    }
    .xl\:justify-content-around {
      justify-content: space-around !important;
    }
    .xl\:justify-content-evenly {
      justify-content: space-evenly !important;
    }
  }
  .align-content-start {
    align-content: flex-start !important;
  }
  .align-content-end {
    align-content: flex-end !important;
  }
  .align-content-center {
    align-content: center !important;
  }
  .align-content-between {
    align-content: space-between !important;
  }
  .align-content-around {
    align-content: space-around !important;
  }
  .align-content-evenly {
    align-content: space-evenly !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:align-content-start {
      align-content: flex-start !important;
    }
    .sm\:align-content-end {
      align-content: flex-end !important;
    }
    .sm\:align-content-center {
      align-content: center !important;
    }
    .sm\:align-content-between {
      align-content: space-between !important;
    }
    .sm\:align-content-around {
      align-content: space-around !important;
    }
    .sm\:align-content-evenly {
      align-content: space-evenly !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:align-content-start {
      align-content: flex-start !important;
    }
    .md\:align-content-end {
      align-content: flex-end !important;
    }
    .md\:align-content-center {
      align-content: center !important;
    }
    .md\:align-content-between {
      align-content: space-between !important;
    }
    .md\:align-content-around {
      align-content: space-around !important;
    }
    .md\:align-content-evenly {
      align-content: space-evenly !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:align-content-start {
      align-content: flex-start !important;
    }
    .lg\:align-content-end {
      align-content: flex-end !important;
    }
    .lg\:align-content-center {
      align-content: center !important;
    }
    .lg\:align-content-between {
      align-content: space-between !important;
    }
    .lg\:align-content-around {
      align-content: space-around !important;
    }
    .lg\:align-content-evenly {
      align-content: space-evenly !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:align-content-start {
      align-content: flex-start !important;
    }
    .xl\:align-content-end {
      align-content: flex-end !important;
    }
    .xl\:align-content-center {
      align-content: center !important;
    }
    .xl\:align-content-between {
      align-content: space-between !important;
    }
    .xl\:align-content-around {
      align-content: space-around !important;
    }
    .xl\:align-content-evenly {
      align-content: space-evenly !important;
    }
  }
  .align-items-stretch {
    align-items: stretch !important;
  }
  .align-items-start {
    align-items: flex-start !important;
  }
  .align-items-center {
    align-items: center !important;
  }
  .align-items-end {
    align-items: flex-end !important;
  }
  .align-items-baseline {
    align-items: baseline !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:align-items-stretch {
      align-items: stretch !important;
    }
    .sm\:align-items-start {
      align-items: flex-start !important;
    }
    .sm\:align-items-center {
      align-items: center !important;
    }
    .sm\:align-items-end {
      align-items: flex-end !important;
    }
    .sm\:align-items-baseline {
      align-items: baseline !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:align-items-stretch {
      align-items: stretch !important;
    }
    .md\:align-items-start {
      align-items: flex-start !important;
    }
    .md\:align-items-center {
      align-items: center !important;
    }
    .md\:align-items-end {
      align-items: flex-end !important;
    }
    .md\:align-items-baseline {
      align-items: baseline !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:align-items-stretch {
      align-items: stretch !important;
    }
    .lg\:align-items-start {
      align-items: flex-start !important;
    }
    .lg\:align-items-center {
      align-items: center !important;
    }
    .lg\:align-items-end {
      align-items: flex-end !important;
    }
    .lg\:align-items-baseline {
      align-items: baseline !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:align-items-stretch {
      align-items: stretch !important;
    }
    .xl\:align-items-start {
      align-items: flex-start !important;
    }
    .xl\:align-items-center {
      align-items: center !important;
    }
    .xl\:align-items-end {
      align-items: flex-end !important;
    }
    .xl\:align-items-baseline {
      align-items: baseline !important;
    }
  }
  .align-self-auto {
    align-self: auto !important;
  }
  .align-self-start {
    align-self: flex-start !important;
  }
  .align-self-end {
    align-self: flex-end !important;
  }
  .align-self-center {
    align-self: center !important;
  }
  .align-self-stretch {
    align-self: stretch !important;
  }
  .align-self-baseline {
    align-self: baseline !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:align-self-auto {
      align-self: auto !important;
    }
    .sm\:align-self-start {
      align-self: flex-start !important;
    }
    .sm\:align-self-end {
      align-self: flex-end !important;
    }
    .sm\:align-self-center {
      align-self: center !important;
    }
    .sm\:align-self-stretch {
      align-self: stretch !important;
    }
    .sm\:align-self-baseline {
      align-self: baseline !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:align-self-auto {
      align-self: auto !important;
    }
    .md\:align-self-start {
      align-self: flex-start !important;
    }
    .md\:align-self-end {
      align-self: flex-end !important;
    }
    .md\:align-self-center {
      align-self: center !important;
    }
    .md\:align-self-stretch {
      align-self: stretch !important;
    }
    .md\:align-self-baseline {
      align-self: baseline !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:align-self-auto {
      align-self: auto !important;
    }
    .lg\:align-self-start {
      align-self: flex-start !important;
    }
    .lg\:align-self-end {
      align-self: flex-end !important;
    }
    .lg\:align-self-center {
      align-self: center !important;
    }
    .lg\:align-self-stretch {
      align-self: stretch !important;
    }
    .lg\:align-self-baseline {
      align-self: baseline !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:align-self-auto {
      align-self: auto !important;
    }
    .xl\:align-self-start {
      align-self: flex-start !important;
    }
    .xl\:align-self-end {
      align-self: flex-end !important;
    }
    .xl\:align-self-center {
      align-self: center !important;
    }
    .xl\:align-self-stretch {
      align-self: stretch !important;
    }
    .xl\:align-self-baseline {
      align-self: baseline !important;
    }
  }
  .flex-order-0 {
    order: 0 !important;
  }
  .flex-order-1 {
    order: 1 !important;
  }
  .flex-order-2 {
    order: 2 !important;
  }
  .flex-order-3 {
    order: 3 !important;
  }
  .flex-order-4 {
    order: 4 !important;
  }
  .flex-order-5 {
    order: 5 !important;
  }
  .flex-order-6 {
    order: 6 !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:flex-order-0 {
      order: 0 !important;
    }
    .sm\:flex-order-1 {
      order: 1 !important;
    }
    .sm\:flex-order-2 {
      order: 2 !important;
    }
    .sm\:flex-order-3 {
      order: 3 !important;
    }
    .sm\:flex-order-4 {
      order: 4 !important;
    }
    .sm\:flex-order-5 {
      order: 5 !important;
    }
    .sm\:flex-order-6 {
      order: 6 !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:flex-order-0 {
      order: 0 !important;
    }
    .md\:flex-order-1 {
      order: 1 !important;
    }
    .md\:flex-order-2 {
      order: 2 !important;
    }
    .md\:flex-order-3 {
      order: 3 !important;
    }
    .md\:flex-order-4 {
      order: 4 !important;
    }
    .md\:flex-order-5 {
      order: 5 !important;
    }
    .md\:flex-order-6 {
      order: 6 !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:flex-order-0 {
      order: 0 !important;
    }
    .lg\:flex-order-1 {
      order: 1 !important;
    }
    .lg\:flex-order-2 {
      order: 2 !important;
    }
    .lg\:flex-order-3 {
      order: 3 !important;
    }
    .lg\:flex-order-4 {
      order: 4 !important;
    }
    .lg\:flex-order-5 {
      order: 5 !important;
    }
    .lg\:flex-order-6 {
      order: 6 !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:flex-order-0 {
      order: 0 !important;
    }
    .xl\:flex-order-1 {
      order: 1 !important;
    }
    .xl\:flex-order-2 {
      order: 2 !important;
    }
    .xl\:flex-order-3 {
      order: 3 !important;
    }
    .xl\:flex-order-4 {
      order: 4 !important;
    }
    .xl\:flex-order-5 {
      order: 5 !important;
    }
    .xl\:flex-order-6 {
      order: 6 !important;
    }
  }
  .flex-1 {
    flex: 1 1 0% !important;
  }
  .flex-auto {
    flex: 1 1 auto !important;
  }
  .flex-initial {
    flex: 0 1 auto !important;
  }
  .flex-none {
    flex: none !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:flex-1 {
      flex: 1 1 0% !important;
    }
    .sm\:flex-auto {
      flex: 1 1 auto !important;
    }
    .sm\:flex-initial {
      flex: 0 1 auto !important;
    }
    .sm\:flex-none {
      flex: none !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:flex-1 {
      flex: 1 1 0% !important;
    }
    .md\:flex-auto {
      flex: 1 1 auto !important;
    }
    .md\:flex-initial {
      flex: 0 1 auto !important;
    }
    .md\:flex-none {
      flex: none !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:flex-1 {
      flex: 1 1 0% !important;
    }
    .lg\:flex-auto {
      flex: 1 1 auto !important;
    }
    .lg\:flex-initial {
      flex: 0 1 auto !important;
    }
    .lg\:flex-none {
      flex: none !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:flex-1 {
      flex: 1 1 0% !important;
    }
    .xl\:flex-auto {
      flex: 1 1 auto !important;
    }
    .xl\:flex-initial {
      flex: 0 1 auto !important;
    }
    .xl\:flex-none {
      flex: none !important;
    }
  }
  .flex-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-grow-1 {
    flex-grow: 1 !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:flex-grow-0 {
      flex-grow: 0 !important;
    }
    .sm\:flex-grow-1 {
      flex-grow: 1 !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:flex-grow-0 {
      flex-grow: 0 !important;
    }
    .md\:flex-grow-1 {
      flex-grow: 1 !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:flex-grow-0 {
      flex-grow: 0 !important;
    }
    .lg\:flex-grow-1 {
      flex-grow: 1 !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:flex-grow-0 {
      flex-grow: 0 !important;
    }
    .xl\:flex-grow-1 {
      flex-grow: 1 !important;
    }
  }
  .flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-shrink-1 {
    flex-shrink: 1 !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:flex-shrink-0 {
      flex-shrink: 0 !important;
    }
    .sm\:flex-shrink-1 {
      flex-shrink: 1 !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:flex-shrink-0 {
      flex-shrink: 0 !important;
    }
    .md\:flex-shrink-1 {
      flex-shrink: 1 !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:flex-shrink-0 {
      flex-shrink: 0 !important;
    }
    .lg\:flex-shrink-1 {
      flex-shrink: 1 !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:flex-shrink-0 {
      flex-shrink: 0 !important;
    }
    .xl\:flex-shrink-1 {
      flex-shrink: 1 !important;
    }
  }
  .gap-0 {
    gap: 0rem !important;
  }
  .gap-1 {
    gap: 0.25rem !important;
  }
  .gap-2 {
    gap: 0.5rem !important;
  }
  .gap-3 {
    gap: 1rem !important;
  }
  .gap-4 {
    gap: 1.5rem !important;
  }
  .gap-5 {
    gap: 2rem !important;
  }
  .gap-6 {
    gap: 3rem !important;
  }
  .gap-7 {
    gap: 4rem !important;
  }
  .gap-8 {
    gap: 5rem !important;
  }
  .row-gap-0 {
    row-gap: 0rem !important;
  }
  .row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-3 {
    row-gap: 1rem !important;
  }
  .row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-5 {
    row-gap: 2rem !important;
  }
  .row-gap-6 {
    row-gap: 3rem !important;
  }
  .row-gap-7 {
    row-gap: 4rem !important;
  }
  .row-gap-8 {
    row-gap: 5rem !important;
  }
  .column-gap-0 {
    column-gap: 0rem !important;
  }
  .column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-3 {
    column-gap: 1rem !important;
  }
  .column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-5 {
    column-gap: 2rem !important;
  }
  .column-gap-6 {
    column-gap: 3rem !important;
  }
  .column-gap-7 {
    column-gap: 4rem !important;
  }
  .column-gap-8 {
    column-gap: 5rem !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:gap-0 {
      gap: 0rem !important;
    }
    .sm\:gap-1 {
      gap: 0.25rem !important;
    }
    .sm\:gap-2 {
      gap: 0.5rem !important;
    }
    .sm\:gap-3 {
      gap: 1rem !important;
    }
    .sm\:gap-4 {
      gap: 1.5rem !important;
    }
    .sm\:gap-5 {
      gap: 2rem !important;
    }
    .sm\:gap-6 {
      gap: 3rem !important;
    }
    .sm\:gap-7 {
      gap: 4rem !important;
    }
    .sm\:gap-8 {
      gap: 5rem !important;
    }
    .sm\:row-gap-0 {
      row-gap: 0rem !important;
    }
    .sm\:row-gap-1 {
      row-gap: 0.25rem !important;
    }
    .sm\:row-gap-2 {
      row-gap: 0.5rem !important;
    }
    .sm\:row-gap-3 {
      row-gap: 1rem !important;
    }
    .sm\:row-gap-4 {
      row-gap: 1.5rem !important;
    }
    .sm\:row-gap-5 {
      row-gap: 2rem !important;
    }
    .sm\:row-gap-6 {
      row-gap: 3rem !important;
    }
    .sm\:row-gap-7 {
      row-gap: 4rem !important;
    }
    .sm\:row-gap-8 {
      row-gap: 5rem !important;
    }
    .sm\:column-gap-0 {
      column-gap: 0rem !important;
    }
    .sm\:column-gap-1 {
      column-gap: 0.25rem !important;
    }
    .sm\:column-gap-2 {
      column-gap: 0.5rem !important;
    }
    .sm\:column-gap-3 {
      column-gap: 1rem !important;
    }
    .sm\:column-gap-4 {
      column-gap: 1.5rem !important;
    }
    .sm\:column-gap-5 {
      column-gap: 2rem !important;
    }
    .sm\:column-gap-6 {
      column-gap: 3rem !important;
    }
    .sm\:column-gap-7 {
      column-gap: 4rem !important;
    }
    .sm\:column-gap-8 {
      column-gap: 5rem !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:gap-0 {
      gap: 0rem !important;
    }
    .md\:gap-1 {
      gap: 0.25rem !important;
    }
    .md\:gap-2 {
      gap: 0.5rem !important;
    }
    .md\:gap-3 {
      gap: 1rem !important;
    }
    .md\:gap-4 {
      gap: 1.5rem !important;
    }
    .md\:gap-5 {
      gap: 2rem !important;
    }
    .md\:gap-6 {
      gap: 3rem !important;
    }
    .md\:gap-7 {
      gap: 4rem !important;
    }
    .md\:gap-8 {
      gap: 5rem !important;
    }
    .md\:row-gap-0 {
      row-gap: 0rem !important;
    }
    .md\:row-gap-1 {
      row-gap: 0.25rem !important;
    }
    .md\:row-gap-2 {
      row-gap: 0.5rem !important;
    }
    .md\:row-gap-3 {
      row-gap: 1rem !important;
    }
    .md\:row-gap-4 {
      row-gap: 1.5rem !important;
    }
    .md\:row-gap-5 {
      row-gap: 2rem !important;
    }
    .md\:row-gap-6 {
      row-gap: 3rem !important;
    }
    .md\:row-gap-7 {
      row-gap: 4rem !important;
    }
    .md\:row-gap-8 {
      row-gap: 5rem !important;
    }
    .md\:column-gap-0 {
      column-gap: 0rem !important;
    }
    .md\:column-gap-1 {
      column-gap: 0.25rem !important;
    }
    .md\:column-gap-2 {
      column-gap: 0.5rem !important;
    }
    .md\:column-gap-3 {
      column-gap: 1rem !important;
    }
    .md\:column-gap-4 {
      column-gap: 1.5rem !important;
    }
    .md\:column-gap-5 {
      column-gap: 2rem !important;
    }
    .md\:column-gap-6 {
      column-gap: 3rem !important;
    }
    .md\:column-gap-7 {
      column-gap: 4rem !important;
    }
    .md\:column-gap-8 {
      column-gap: 5rem !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:gap-0 {
      gap: 0rem !important;
    }
    .lg\:gap-1 {
      gap: 0.25rem !important;
    }
    .lg\:gap-2 {
      gap: 0.5rem !important;
    }
    .lg\:gap-3 {
      gap: 1rem !important;
    }
    .lg\:gap-4 {
      gap: 1.5rem !important;
    }
    .lg\:gap-5 {
      gap: 2rem !important;
    }
    .lg\:gap-6 {
      gap: 3rem !important;
    }
    .lg\:gap-7 {
      gap: 4rem !important;
    }
    .lg\:gap-8 {
      gap: 5rem !important;
    }
    .lg\:row-gap-0 {
      row-gap: 0rem !important;
    }
    .lg\:row-gap-1 {
      row-gap: 0.25rem !important;
    }
    .lg\:row-gap-2 {
      row-gap: 0.5rem !important;
    }
    .lg\:row-gap-3 {
      row-gap: 1rem !important;
    }
    .lg\:row-gap-4 {
      row-gap: 1.5rem !important;
    }
    .lg\:row-gap-5 {
      row-gap: 2rem !important;
    }
    .lg\:row-gap-6 {
      row-gap: 3rem !important;
    }
    .lg\:row-gap-7 {
      row-gap: 4rem !important;
    }
    .lg\:row-gap-8 {
      row-gap: 5rem !important;
    }
    .lg\:column-gap-0 {
      column-gap: 0rem !important;
    }
    .lg\:column-gap-1 {
      column-gap: 0.25rem !important;
    }
    .lg\:column-gap-2 {
      column-gap: 0.5rem !important;
    }
    .lg\:column-gap-3 {
      column-gap: 1rem !important;
    }
    .lg\:column-gap-4 {
      column-gap: 1.5rem !important;
    }
    .lg\:column-gap-5 {
      column-gap: 2rem !important;
    }
    .lg\:column-gap-6 {
      column-gap: 3rem !important;
    }
    .lg\:column-gap-7 {
      column-gap: 4rem !important;
    }
    .lg\:column-gap-8 {
      column-gap: 5rem !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:gap-0 {
      gap: 0rem !important;
    }
    .xl\:gap-1 {
      gap: 0.25rem !important;
    }
    .xl\:gap-2 {
      gap: 0.5rem !important;
    }
    .xl\:gap-3 {
      gap: 1rem !important;
    }
    .xl\:gap-4 {
      gap: 1.5rem !important;
    }
    .xl\:gap-5 {
      gap: 2rem !important;
    }
    .xl\:gap-6 {
      gap: 3rem !important;
    }
    .xl\:gap-7 {
      gap: 4rem !important;
    }
    .xl\:gap-8 {
      gap: 5rem !important;
    }
    .xl\:row-gap-0 {
      row-gap: 0rem !important;
    }
    .xl\:row-gap-1 {
      row-gap: 0.25rem !important;
    }
    .xl\:row-gap-2 {
      row-gap: 0.5rem !important;
    }
    .xl\:row-gap-3 {
      row-gap: 1rem !important;
    }
    .xl\:row-gap-4 {
      row-gap: 1.5rem !important;
    }
    .xl\:row-gap-5 {
      row-gap: 2rem !important;
    }
    .xl\:row-gap-6 {
      row-gap: 3rem !important;
    }
    .xl\:row-gap-7 {
      row-gap: 4rem !important;
    }
    .xl\:row-gap-8 {
      row-gap: 5rem !important;
    }
    .xl\:column-gap-0 {
      column-gap: 0rem !important;
    }
    .xl\:column-gap-1 {
      column-gap: 0.25rem !important;
    }
    .xl\:column-gap-2 {
      column-gap: 0.5rem !important;
    }
    .xl\:column-gap-3 {
      column-gap: 1rem !important;
    }
    .xl\:column-gap-4 {
      column-gap: 1.5rem !important;
    }
    .xl\:column-gap-5 {
      column-gap: 2rem !important;
    }
    .xl\:column-gap-6 {
      column-gap: 3rem !important;
    }
    .xl\:column-gap-7 {
      column-gap: 4rem !important;
    }
    .xl\:column-gap-8 {
      column-gap: 5rem !important;
    }
  }
  .p-0 {
    padding: 0rem !important;
  }
  .p-1 {
    padding: 0.25rem !important;
  }
  .p-2 {
    padding: 0.5rem !important;
  }
  .p-3 {
    padding: 1rem !important;
  }
  .p-4 {
    padding: 1.5rem !important;
  }
  .p-5 {
    padding: 2rem !important;
  }
  .p-6 {
    padding: 3rem !important;
  }
  .p-7 {
    padding: 4rem !important;
  }
  .p-8 {
    padding: 5rem !important;
  }
  .pt-0 {
    padding-top: 0rem !important;
  }
  .pt-1 {
    padding-top: 0.25rem !important;
  }
  .pt-2 {
    padding-top: 0.5rem !important;
  }
  .pt-3 {
    padding-top: 1rem !important;
  }
  .pt-4 {
    padding-top: 1.5rem !important;
  }
  .pt-5 {
    padding-top: 2rem !important;
  }
  .pt-6 {
    padding-top: 3rem !important;
  }
  .pt-7 {
    padding-top: 4rem !important;
  }
  .pt-8 {
    padding-top: 5rem !important;
  }
  .pr-0 {
    padding-right: 0rem !important;
  }
  .pr-1 {
    padding-right: 0.25rem !important;
  }
  .pr-2 {
    padding-right: 0.5rem !important;
  }
  .pr-3 {
    padding-right: 1rem !important;
  }
  .pr-4 {
    padding-right: 1.5rem !important;
  }
  .pr-5 {
    padding-right: 2rem !important;
  }
  .pr-6 {
    padding-right: 3rem !important;
  }
  .pr-7 {
    padding-right: 4rem !important;
  }
  .pr-8 {
    padding-right: 5rem !important;
  }
  .pl-0 {
    padding-left: 0rem !important;
  }
  .pl-1 {
    padding-left: 0.25rem !important;
  }
  .pl-2 {
    padding-left: 0.5rem !important;
  }
  .pl-3 {
    padding-left: 1rem !important;
  }
  .pl-4 {
    padding-left: 1.5rem !important;
  }
  .pl-5 {
    padding-left: 2rem !important;
  }
  .pl-6 {
    padding-left: 3rem !important;
  }
  .pl-7 {
    padding-left: 4rem !important;
  }
  .pl-8 {
    padding-left: 5rem !important;
  }
  .pb-0 {
    padding-bottom: 0rem !important;
  }
  .pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-3 {
    padding-bottom: 1rem !important;
  }
  .pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-5 {
    padding-bottom: 2rem !important;
  }
  .pb-6 {
    padding-bottom: 3rem !important;
  }
  .pb-7 {
    padding-bottom: 4rem !important;
  }
  .pb-8 {
    padding-bottom: 5rem !important;
  }
  .px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:p-0 {
      padding: 0rem !important;
    }
    .sm\:p-1 {
      padding: 0.25rem !important;
    }
    .sm\:p-2 {
      padding: 0.5rem !important;
    }
    .sm\:p-3 {
      padding: 1rem !important;
    }
    .sm\:p-4 {
      padding: 1.5rem !important;
    }
    .sm\:p-5 {
      padding: 2rem !important;
    }
    .sm\:p-6 {
      padding: 3rem !important;
    }
    .sm\:p-7 {
      padding: 4rem !important;
    }
    .sm\:p-8 {
      padding: 5rem !important;
    }
    .sm\:pt-0 {
      padding-top: 0rem !important;
    }
    .sm\:pt-1 {
      padding-top: 0.25rem !important;
    }
    .sm\:pt-2 {
      padding-top: 0.5rem !important;
    }
    .sm\:pt-3 {
      padding-top: 1rem !important;
    }
    .sm\:pt-4 {
      padding-top: 1.5rem !important;
    }
    .sm\:pt-5 {
      padding-top: 2rem !important;
    }
    .sm\:pt-6 {
      padding-top: 3rem !important;
    }
    .sm\:pt-7 {
      padding-top: 4rem !important;
    }
    .sm\:pt-8 {
      padding-top: 5rem !important;
    }
    .sm\:pr-0 {
      padding-right: 0rem !important;
    }
    .sm\:pr-1 {
      padding-right: 0.25rem !important;
    }
    .sm\:pr-2 {
      padding-right: 0.5rem !important;
    }
    .sm\:pr-3 {
      padding-right: 1rem !important;
    }
    .sm\:pr-4 {
      padding-right: 1.5rem !important;
    }
    .sm\:pr-5 {
      padding-right: 2rem !important;
    }
    .sm\:pr-6 {
      padding-right: 3rem !important;
    }
    .sm\:pr-7 {
      padding-right: 4rem !important;
    }
    .sm\:pr-8 {
      padding-right: 5rem !important;
    }
    .sm\:pl-0 {
      padding-left: 0rem !important;
    }
    .sm\:pl-1 {
      padding-left: 0.25rem !important;
    }
    .sm\:pl-2 {
      padding-left: 0.5rem !important;
    }
    .sm\:pl-3 {
      padding-left: 1rem !important;
    }
    .sm\:pl-4 {
      padding-left: 1.5rem !important;
    }
    .sm\:pl-5 {
      padding-left: 2rem !important;
    }
    .sm\:pl-6 {
      padding-left: 3rem !important;
    }
    .sm\:pl-7 {
      padding-left: 4rem !important;
    }
    .sm\:pl-8 {
      padding-left: 5rem !important;
    }
    .sm\:pb-0 {
      padding-bottom: 0rem !important;
    }
    .sm\:pb-1 {
      padding-bottom: 0.25rem !important;
    }
    .sm\:pb-2 {
      padding-bottom: 0.5rem !important;
    }
    .sm\:pb-3 {
      padding-bottom: 1rem !important;
    }
    .sm\:pb-4 {
      padding-bottom: 1.5rem !important;
    }
    .sm\:pb-5 {
      padding-bottom: 2rem !important;
    }
    .sm\:pb-6 {
      padding-bottom: 3rem !important;
    }
    .sm\:pb-7 {
      padding-bottom: 4rem !important;
    }
    .sm\:pb-8 {
      padding-bottom: 5rem !important;
    }
    .sm\:px-0 {
      padding-left: 0rem !important;
      padding-right: 0rem !important;
    }
    .sm\:px-1 {
      padding-left: 0.25rem !important;
      padding-right: 0.25rem !important;
    }
    .sm\:px-2 {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important;
    }
    .sm\:px-3 {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }
    .sm\:px-4 {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }
    .sm\:px-5 {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
    .sm\:px-6 {
      padding-left: 3rem !important;
      padding-right: 3rem !important;
    }
    .sm\:px-7 {
      padding-left: 4rem !important;
      padding-right: 4rem !important;
    }
    .sm\:px-8 {
      padding-left: 5rem !important;
      padding-right: 5rem !important;
    }
    .sm\:py-0 {
      padding-top: 0rem !important;
      padding-bottom: 0rem !important;
    }
    .sm\:py-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
    }
    .sm\:py-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
    }
    .sm\:py-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }
    .sm\:py-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
    }
    .sm\:py-5 {
      padding-top: 2rem !important;
      padding-bottom: 2rem !important;
    }
    .sm\:py-6 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
    }
    .sm\:py-7 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important;
    }
    .sm\:py-8 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:p-0 {
      padding: 0rem !important;
    }
    .md\:p-1 {
      padding: 0.25rem !important;
    }
    .md\:p-2 {
      padding: 0.5rem !important;
    }
    .md\:p-3 {
      padding: 1rem !important;
    }
    .md\:p-4 {
      padding: 1.5rem !important;
    }
    .md\:p-5 {
      padding: 2rem !important;
    }
    .md\:p-6 {
      padding: 3rem !important;
    }
    .md\:p-7 {
      padding: 4rem !important;
    }
    .md\:p-8 {
      padding: 5rem !important;
    }
    .md\:pt-0 {
      padding-top: 0rem !important;
    }
    .md\:pt-1 {
      padding-top: 0.25rem !important;
    }
    .md\:pt-2 {
      padding-top: 0.5rem !important;
    }
    .md\:pt-3 {
      padding-top: 1rem !important;
    }
    .md\:pt-4 {
      padding-top: 1.5rem !important;
    }
    .md\:pt-5 {
      padding-top: 2rem !important;
    }
    .md\:pt-6 {
      padding-top: 3rem !important;
    }
    .md\:pt-7 {
      padding-top: 4rem !important;
    }
    .md\:pt-8 {
      padding-top: 5rem !important;
    }
    .md\:pr-0 {
      padding-right: 0rem !important;
    }
    .md\:pr-1 {
      padding-right: 0.25rem !important;
    }
    .md\:pr-2 {
      padding-right: 0.5rem !important;
    }
    .md\:pr-3 {
      padding-right: 1rem !important;
    }
    .md\:pr-4 {
      padding-right: 1.5rem !important;
    }
    .md\:pr-5 {
      padding-right: 2rem !important;
    }
    .md\:pr-6 {
      padding-right: 3rem !important;
    }
    .md\:pr-7 {
      padding-right: 4rem !important;
    }
    .md\:pr-8 {
      padding-right: 5rem !important;
    }
    .md\:pl-0 {
      padding-left: 0rem !important;
    }
    .md\:pl-1 {
      padding-left: 0.25rem !important;
    }
    .md\:pl-2 {
      padding-left: 0.5rem !important;
    }
    .md\:pl-3 {
      padding-left: 1rem !important;
    }
    .md\:pl-4 {
      padding-left: 1.5rem !important;
    }
    .md\:pl-5 {
      padding-left: 2rem !important;
    }
    .md\:pl-6 {
      padding-left: 3rem !important;
    }
    .md\:pl-7 {
      padding-left: 4rem !important;
    }
    .md\:pl-8 {
      padding-left: 5rem !important;
    }
    .md\:pb-0 {
      padding-bottom: 0rem !important;
    }
    .md\:pb-1 {
      padding-bottom: 0.25rem !important;
    }
    .md\:pb-2 {
      padding-bottom: 0.5rem !important;
    }
    .md\:pb-3 {
      padding-bottom: 1rem !important;
    }
    .md\:pb-4 {
      padding-bottom: 1.5rem !important;
    }
    .md\:pb-5 {
      padding-bottom: 2rem !important;
    }
    .md\:pb-6 {
      padding-bottom: 3rem !important;
    }
    .md\:pb-7 {
      padding-bottom: 4rem !important;
    }
    .md\:pb-8 {
      padding-bottom: 5rem !important;
    }
    .md\:px-0 {
      padding-left: 0rem !important;
      padding-right: 0rem !important;
    }
    .md\:px-1 {
      padding-left: 0.25rem !important;
      padding-right: 0.25rem !important;
    }
    .md\:px-2 {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important;
    }
    .md\:px-3 {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }
    .md\:px-4 {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }
    .md\:px-5 {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
    .md\:px-6 {
      padding-left: 3rem !important;
      padding-right: 3rem !important;
    }
    .md\:px-7 {
      padding-left: 4rem !important;
      padding-right: 4rem !important;
    }
    .md\:px-8 {
      padding-left: 5rem !important;
      padding-right: 5rem !important;
    }
    .md\:py-0 {
      padding-top: 0rem !important;
      padding-bottom: 0rem !important;
    }
    .md\:py-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
    }
    .md\:py-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
    }
    .md\:py-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }
    .md\:py-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
    }
    .md\:py-5 {
      padding-top: 2rem !important;
      padding-bottom: 2rem !important;
    }
    .md\:py-6 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
    }
    .md\:py-7 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important;
    }
    .md\:py-8 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:p-0 {
      padding: 0rem !important;
    }
    .lg\:p-1 {
      padding: 0.25rem !important;
    }
    .lg\:p-2 {
      padding: 0.5rem !important;
    }
    .lg\:p-3 {
      padding: 1rem !important;
    }
    .lg\:p-4 {
      padding: 1.5rem !important;
    }
    .lg\:p-5 {
      padding: 2rem !important;
    }
    .lg\:p-6 {
      padding: 3rem !important;
    }
    .lg\:p-7 {
      padding: 4rem !important;
    }
    .lg\:p-8 {
      padding: 5rem !important;
    }
    .lg\:pt-0 {
      padding-top: 0rem !important;
    }
    .lg\:pt-1 {
      padding-top: 0.25rem !important;
    }
    .lg\:pt-2 {
      padding-top: 0.5rem !important;
    }
    .lg\:pt-3 {
      padding-top: 1rem !important;
    }
    .lg\:pt-4 {
      padding-top: 1.5rem !important;
    }
    .lg\:pt-5 {
      padding-top: 2rem !important;
    }
    .lg\:pt-6 {
      padding-top: 3rem !important;
    }
    .lg\:pt-7 {
      padding-top: 4rem !important;
    }
    .lg\:pt-8 {
      padding-top: 5rem !important;
    }
    .lg\:pr-0 {
      padding-right: 0rem !important;
    }
    .lg\:pr-1 {
      padding-right: 0.25rem !important;
    }
    .lg\:pr-2 {
      padding-right: 0.5rem !important;
    }
    .lg\:pr-3 {
      padding-right: 1rem !important;
    }
    .lg\:pr-4 {
      padding-right: 1.5rem !important;
    }
    .lg\:pr-5 {
      padding-right: 2rem !important;
    }
    .lg\:pr-6 {
      padding-right: 3rem !important;
    }
    .lg\:pr-7 {
      padding-right: 4rem !important;
    }
    .lg\:pr-8 {
      padding-right: 5rem !important;
    }
    .lg\:pl-0 {
      padding-left: 0rem !important;
    }
    .lg\:pl-1 {
      padding-left: 0.25rem !important;
    }
    .lg\:pl-2 {
      padding-left: 0.5rem !important;
    }
    .lg\:pl-3 {
      padding-left: 1rem !important;
    }
    .lg\:pl-4 {
      padding-left: 1.5rem !important;
    }
    .lg\:pl-5 {
      padding-left: 2rem !important;
    }
    .lg\:pl-6 {
      padding-left: 3rem !important;
    }
    .lg\:pl-7 {
      padding-left: 4rem !important;
    }
    .lg\:pl-8 {
      padding-left: 5rem !important;
    }
    .lg\:pb-0 {
      padding-bottom: 0rem !important;
    }
    .lg\:pb-1 {
      padding-bottom: 0.25rem !important;
    }
    .lg\:pb-2 {
      padding-bottom: 0.5rem !important;
    }
    .lg\:pb-3 {
      padding-bottom: 1rem !important;
    }
    .lg\:pb-4 {
      padding-bottom: 1.5rem !important;
    }
    .lg\:pb-5 {
      padding-bottom: 2rem !important;
    }
    .lg\:pb-6 {
      padding-bottom: 3rem !important;
    }
    .lg\:pb-7 {
      padding-bottom: 4rem !important;
    }
    .lg\:pb-8 {
      padding-bottom: 5rem !important;
    }
    .lg\:px-0 {
      padding-left: 0rem !important;
      padding-right: 0rem !important;
    }
    .lg\:px-1 {
      padding-left: 0.25rem !important;
      padding-right: 0.25rem !important;
    }
    .lg\:px-2 {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important;
    }
    .lg\:px-3 {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }
    .lg\:px-4 {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }
    .lg\:px-5 {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
    .lg\:px-6 {
      padding-left: 3rem !important;
      padding-right: 3rem !important;
    }
    .lg\:px-7 {
      padding-left: 4rem !important;
      padding-right: 4rem !important;
    }
    .lg\:px-8 {
      padding-left: 5rem !important;
      padding-right: 5rem !important;
    }
    .lg\:py-0 {
      padding-top: 0rem !important;
      padding-bottom: 0rem !important;
    }
    .lg\:py-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
    }
    .lg\:py-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
    }
    .lg\:py-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }
    .lg\:py-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
    }
    .lg\:py-5 {
      padding-top: 2rem !important;
      padding-bottom: 2rem !important;
    }
    .lg\:py-6 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
    }
    .lg\:py-7 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important;
    }
    .lg\:py-8 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:p-0 {
      padding: 0rem !important;
    }
    .xl\:p-1 {
      padding: 0.25rem !important;
    }
    .xl\:p-2 {
      padding: 0.5rem !important;
    }
    .xl\:p-3 {
      padding: 1rem !important;
    }
    .xl\:p-4 {
      padding: 1.5rem !important;
    }
    .xl\:p-5 {
      padding: 2rem !important;
    }
    .xl\:p-6 {
      padding: 3rem !important;
    }
    .xl\:p-7 {
      padding: 4rem !important;
    }
    .xl\:p-8 {
      padding: 5rem !important;
    }
    .xl\:pt-0 {
      padding-top: 0rem !important;
    }
    .xl\:pt-1 {
      padding-top: 0.25rem !important;
    }
    .xl\:pt-2 {
      padding-top: 0.5rem !important;
    }
    .xl\:pt-3 {
      padding-top: 1rem !important;
    }
    .xl\:pt-4 {
      padding-top: 1.5rem !important;
    }
    .xl\:pt-5 {
      padding-top: 2rem !important;
    }
    .xl\:pt-6 {
      padding-top: 3rem !important;
    }
    .xl\:pt-7 {
      padding-top: 4rem !important;
    }
    .xl\:pt-8 {
      padding-top: 5rem !important;
    }
    .xl\:pr-0 {
      padding-right: 0rem !important;
    }
    .xl\:pr-1 {
      padding-right: 0.25rem !important;
    }
    .xl\:pr-2 {
      padding-right: 0.5rem !important;
    }
    .xl\:pr-3 {
      padding-right: 1rem !important;
    }
    .xl\:pr-4 {
      padding-right: 1.5rem !important;
    }
    .xl\:pr-5 {
      padding-right: 2rem !important;
    }
    .xl\:pr-6 {
      padding-right: 3rem !important;
    }
    .xl\:pr-7 {
      padding-right: 4rem !important;
    }
    .xl\:pr-8 {
      padding-right: 5rem !important;
    }
    .xl\:pl-0 {
      padding-left: 0rem !important;
    }
    .xl\:pl-1 {
      padding-left: 0.25rem !important;
    }
    .xl\:pl-2 {
      padding-left: 0.5rem !important;
    }
    .xl\:pl-3 {
      padding-left: 1rem !important;
    }
    .xl\:pl-4 {
      padding-left: 1.5rem !important;
    }
    .xl\:pl-5 {
      padding-left: 2rem !important;
    }
    .xl\:pl-6 {
      padding-left: 3rem !important;
    }
    .xl\:pl-7 {
      padding-left: 4rem !important;
    }
    .xl\:pl-8 {
      padding-left: 5rem !important;
    }
    .xl\:pb-0 {
      padding-bottom: 0rem !important;
    }
    .xl\:pb-1 {
      padding-bottom: 0.25rem !important;
    }
    .xl\:pb-2 {
      padding-bottom: 0.5rem !important;
    }
    .xl\:pb-3 {
      padding-bottom: 1rem !important;
    }
    .xl\:pb-4 {
      padding-bottom: 1.5rem !important;
    }
    .xl\:pb-5 {
      padding-bottom: 2rem !important;
    }
    .xl\:pb-6 {
      padding-bottom: 3rem !important;
    }
    .xl\:pb-7 {
      padding-bottom: 4rem !important;
    }
    .xl\:pb-8 {
      padding-bottom: 5rem !important;
    }
    .xl\:px-0 {
      padding-left: 0rem !important;
      padding-right: 0rem !important;
    }
    .xl\:px-1 {
      padding-left: 0.25rem !important;
      padding-right: 0.25rem !important;
    }
    .xl\:px-2 {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important;
    }
    .xl\:px-3 {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }
    .xl\:px-4 {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }
    .xl\:px-5 {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
    .xl\:px-6 {
      padding-left: 3rem !important;
      padding-right: 3rem !important;
    }
    .xl\:px-7 {
      padding-left: 4rem !important;
      padding-right: 4rem !important;
    }
    .xl\:px-8 {
      padding-left: 5rem !important;
      padding-right: 5rem !important;
    }
    .xl\:py-0 {
      padding-top: 0rem !important;
      padding-bottom: 0rem !important;
    }
    .xl\:py-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
    }
    .xl\:py-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
    }
    .xl\:py-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }
    .xl\:py-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
    }
    .xl\:py-5 {
      padding-top: 2rem !important;
      padding-bottom: 2rem !important;
    }
    .xl\:py-6 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
    }
    .xl\:py-7 {
      padding-top: 4rem !important;
      padding-bottom: 4rem !important;
    }
    .xl\:py-8 {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important;
    }
  }
  .m-0 {
    margin: 0rem !important;
  }
  .m-1 {
    margin: 0.25rem !important;
  }
  .m-2 {
    margin: 0.5rem !important;
  }
  .m-3 {
    margin: 1rem !important;
  }
  .m-4 {
    margin: 1.5rem !important;
  }
  .m-5 {
    margin: 2rem !important;
  }
  .m-6 {
    margin: 3rem !important;
  }
  .m-7 {
    margin: 4rem !important;
  }
  .m-8 {
    margin: 5rem !important;
  }
  .-m-1 {
    margin: -0.25rem !important;
  }
  .-m-2 {
    margin: -0.5rem !important;
  }
  .-m-3 {
    margin: -1rem !important;
  }
  .-m-4 {
    margin: -1.5rem !important;
  }
  .-m-5 {
    margin: -2rem !important;
  }
  .-m-6 {
    margin: -3rem !important;
  }
  .-m-7 {
    margin: -4rem !important;
  }
  .-m-8 {
    margin: -5rem !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .mt-0 {
    margin-top: 0rem !important;
  }
  .mt-1 {
    margin-top: 0.25rem !important;
  }
  .mt-2 {
    margin-top: 0.5rem !important;
  }
  .mt-3 {
    margin-top: 1rem !important;
  }
  .mt-4 {
    margin-top: 1.5rem !important;
  }
  .mt-5 {
    margin-top: 2rem !important;
  }
  .mt-6 {
    margin-top: 3rem !important;
  }
  .mt-7 {
    margin-top: 4rem !important;
  }
  .mt-8 {
    margin-top: 5rem !important;
  }
  .-mt-1 {
    margin-top: -0.25rem !important;
  }
  .-mt-2 {
    margin-top: -0.5rem !important;
  }
  .-mt-3 {
    margin-top: -1rem !important;
  }
  .-mt-4 {
    margin-top: -1.5rem !important;
  }
  .-mt-5 {
    margin-top: -2rem !important;
  }
  .-mt-6 {
    margin-top: -3rem !important;
  }
  .-mt-7 {
    margin-top: -4rem !important;
  }
  .-mt-8 {
    margin-top: -5rem !important;
  }
  .mt-auto {
    margin-top: auto !important;
  }
  .mr-0 {
    margin-right: 0rem !important;
  }
  .mr-1 {
    margin-right: 0.25rem !important;
  }
  .mr-2 {
    margin-right: 0.5rem !important;
  }
  .mr-3 {
    margin-right: 1rem !important;
  }
  .mr-4 {
    margin-right: 1.5rem !important;
  }
  .mr-5 {
    margin-right: 2rem !important;
  }
  .mr-6 {
    margin-right: 3rem !important;
  }
  .mr-7 {
    margin-right: 4rem !important;
  }
  .mr-8 {
    margin-right: 5rem !important;
  }
  .-mr-1 {
    margin-right: -0.25rem !important;
  }
  .-mr-2 {
    margin-right: -0.5rem !important;
  }
  .-mr-3 {
    margin-right: -1rem !important;
  }
  .-mr-4 {
    margin-right: -1.5rem !important;
  }
  .-mr-5 {
    margin-right: -2rem !important;
  }
  .-mr-6 {
    margin-right: -3rem !important;
  }
  .-mr-7 {
    margin-right: -4rem !important;
  }
  .-mr-8 {
    margin-right: -5rem !important;
  }
  .mr-auto {
    margin-right: auto !important;
  }
  .ml-0 {
    margin-left: 0rem !important;
  }
  .ml-1 {
    margin-left: 0.25rem !important;
  }
  .ml-2 {
    margin-left: 0.5rem !important;
  }
  .ml-3 {
    margin-left: 1rem !important;
  }
  .ml-4 {
    margin-left: 1.5rem !important;
  }
  .ml-5 {
    margin-left: 2rem !important;
  }
  .ml-6 {
    margin-left: 3rem !important;
  }
  .ml-7 {
    margin-left: 4rem !important;
  }
  .ml-8 {
    margin-left: 5rem !important;
  }
  .-ml-1 {
    margin-left: -0.25rem !important;
  }
  .-ml-2 {
    margin-left: -0.5rem !important;
  }
  .-ml-3 {
    margin-left: -1rem !important;
  }
  .-ml-4 {
    margin-left: -1.5rem !important;
  }
  .-ml-5 {
    margin-left: -2rem !important;
  }
  .-ml-6 {
    margin-left: -3rem !important;
  }
  .-ml-7 {
    margin-left: -4rem !important;
  }
  .-ml-8 {
    margin-left: -5rem !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .mb-0 {
    margin-bottom: 0rem !important;
  }
  .mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-3 {
    margin-bottom: 1rem !important;
  }
  .mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-5 {
    margin-bottom: 2rem !important;
  }
  .mb-6 {
    margin-bottom: 3rem !important;
  }
  .mb-7 {
    margin-bottom: 4rem !important;
  }
  .mb-8 {
    margin-bottom: 5rem !important;
  }
  .-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .-mb-3 {
    margin-bottom: -1rem !important;
  }
  .-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .-mb-5 {
    margin-bottom: -2rem !important;
  }
  .-mb-6 {
    margin-bottom: -3rem !important;
  }
  .-mb-7 {
    margin-bottom: -4rem !important;
  }
  .-mb-8 {
    margin-bottom: -5rem !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:m-0 {
      margin: 0rem !important;
    }
    .sm\:m-1 {
      margin: 0.25rem !important;
    }
    .sm\:m-2 {
      margin: 0.5rem !important;
    }
    .sm\:m-3 {
      margin: 1rem !important;
    }
    .sm\:m-4 {
      margin: 1.5rem !important;
    }
    .sm\:m-5 {
      margin: 2rem !important;
    }
    .sm\:m-6 {
      margin: 3rem !important;
    }
    .sm\:m-7 {
      margin: 4rem !important;
    }
    .sm\:m-8 {
      margin: 5rem !important;
    }
    .sm\:-m-1 {
      margin: -0.25rem !important;
    }
    .sm\:-m-2 {
      margin: -0.5rem !important;
    }
    .sm\:-m-3 {
      margin: -1rem !important;
    }
    .sm\:-m-4 {
      margin: -1.5rem !important;
    }
    .sm\:-m-5 {
      margin: -2rem !important;
    }
    .sm\:-m-6 {
      margin: -3rem !important;
    }
    .sm\:-m-7 {
      margin: -4rem !important;
    }
    .sm\:-m-8 {
      margin: -5rem !important;
    }
    .sm\:m-auto {
      margin: auto !important;
    }
    .sm\:mt-0 {
      margin-top: 0rem !important;
    }
    .sm\:mt-1 {
      margin-top: 0.25rem !important;
    }
    .sm\:mt-2 {
      margin-top: 0.5rem !important;
    }
    .sm\:mt-3 {
      margin-top: 1rem !important;
    }
    .sm\:mt-4 {
      margin-top: 1.5rem !important;
    }
    .sm\:mt-5 {
      margin-top: 2rem !important;
    }
    .sm\:mt-6 {
      margin-top: 3rem !important;
    }
    .sm\:mt-7 {
      margin-top: 4rem !important;
    }
    .sm\:mt-8 {
      margin-top: 5rem !important;
    }
    .sm\:-mt-1 {
      margin-top: -0.25rem !important;
    }
    .sm\:-mt-2 {
      margin-top: -0.5rem !important;
    }
    .sm\:-mt-3 {
      margin-top: -1rem !important;
    }
    .sm\:-mt-4 {
      margin-top: -1.5rem !important;
    }
    .sm\:-mt-5 {
      margin-top: -2rem !important;
    }
    .sm\:-mt-6 {
      margin-top: -3rem !important;
    }
    .sm\:-mt-7 {
      margin-top: -4rem !important;
    }
    .sm\:-mt-8 {
      margin-top: -5rem !important;
    }
    .sm\:mt-auto {
      margin-top: auto !important;
    }
    .sm\:mr-0 {
      margin-right: 0rem !important;
    }
    .sm\:mr-1 {
      margin-right: 0.25rem !important;
    }
    .sm\:mr-2 {
      margin-right: 0.5rem !important;
    }
    .sm\:mr-3 {
      margin-right: 1rem !important;
    }
    .sm\:mr-4 {
      margin-right: 1.5rem !important;
    }
    .sm\:mr-5 {
      margin-right: 2rem !important;
    }
    .sm\:mr-6 {
      margin-right: 3rem !important;
    }
    .sm\:mr-7 {
      margin-right: 4rem !important;
    }
    .sm\:mr-8 {
      margin-right: 5rem !important;
    }
    .sm\:-mr-1 {
      margin-right: -0.25rem !important;
    }
    .sm\:-mr-2 {
      margin-right: -0.5rem !important;
    }
    .sm\:-mr-3 {
      margin-right: -1rem !important;
    }
    .sm\:-mr-4 {
      margin-right: -1.5rem !important;
    }
    .sm\:-mr-5 {
      margin-right: -2rem !important;
    }
    .sm\:-mr-6 {
      margin-right: -3rem !important;
    }
    .sm\:-mr-7 {
      margin-right: -4rem !important;
    }
    .sm\:-mr-8 {
      margin-right: -5rem !important;
    }
    .sm\:mr-auto {
      margin-right: auto !important;
    }
    .sm\:ml-0 {
      margin-left: 0rem !important;
    }
    .sm\:ml-1 {
      margin-left: 0.25rem !important;
    }
    .sm\:ml-2 {
      margin-left: 0.5rem !important;
    }
    .sm\:ml-3 {
      margin-left: 1rem !important;
    }
    .sm\:ml-4 {
      margin-left: 1.5rem !important;
    }
    .sm\:ml-5 {
      margin-left: 2rem !important;
    }
    .sm\:ml-6 {
      margin-left: 3rem !important;
    }
    .sm\:ml-7 {
      margin-left: 4rem !important;
    }
    .sm\:ml-8 {
      margin-left: 5rem !important;
    }
    .sm\:-ml-1 {
      margin-left: -0.25rem !important;
    }
    .sm\:-ml-2 {
      margin-left: -0.5rem !important;
    }
    .sm\:-ml-3 {
      margin-left: -1rem !important;
    }
    .sm\:-ml-4 {
      margin-left: -1.5rem !important;
    }
    .sm\:-ml-5 {
      margin-left: -2rem !important;
    }
    .sm\:-ml-6 {
      margin-left: -3rem !important;
    }
    .sm\:-ml-7 {
      margin-left: -4rem !important;
    }
    .sm\:-ml-8 {
      margin-left: -5rem !important;
    }
    .sm\:ml-auto {
      margin-left: auto !important;
    }
    .sm\:mb-0 {
      margin-bottom: 0rem !important;
    }
    .sm\:mb-1 {
      margin-bottom: 0.25rem !important;
    }
    .sm\:mb-2 {
      margin-bottom: 0.5rem !important;
    }
    .sm\:mb-3 {
      margin-bottom: 1rem !important;
    }
    .sm\:mb-4 {
      margin-bottom: 1.5rem !important;
    }
    .sm\:mb-5 {
      margin-bottom: 2rem !important;
    }
    .sm\:mb-6 {
      margin-bottom: 3rem !important;
    }
    .sm\:mb-7 {
      margin-bottom: 4rem !important;
    }
    .sm\:mb-8 {
      margin-bottom: 5rem !important;
    }
    .sm\:-mb-1 {
      margin-bottom: -0.25rem !important;
    }
    .sm\:-mb-2 {
      margin-bottom: -0.5rem !important;
    }
    .sm\:-mb-3 {
      margin-bottom: -1rem !important;
    }
    .sm\:-mb-4 {
      margin-bottom: -1.5rem !important;
    }
    .sm\:-mb-5 {
      margin-bottom: -2rem !important;
    }
    .sm\:-mb-6 {
      margin-bottom: -3rem !important;
    }
    .sm\:-mb-7 {
      margin-bottom: -4rem !important;
    }
    .sm\:-mb-8 {
      margin-bottom: -5rem !important;
    }
    .sm\:mb-auto {
      margin-bottom: auto !important;
    }
    .sm\:mx-0 {
      margin-left: 0rem !important;
      margin-right: 0rem !important;
    }
    .sm\:mx-1 {
      margin-left: 0.25rem !important;
      margin-right: 0.25rem !important;
    }
    .sm\:mx-2 {
      margin-left: 0.5rem !important;
      margin-right: 0.5rem !important;
    }
    .sm\:mx-3 {
      margin-left: 1rem !important;
      margin-right: 1rem !important;
    }
    .sm\:mx-4 {
      margin-left: 1.5rem !important;
      margin-right: 1.5rem !important;
    }
    .sm\:mx-5 {
      margin-left: 2rem !important;
      margin-right: 2rem !important;
    }
    .sm\:mx-6 {
      margin-left: 3rem !important;
      margin-right: 3rem !important;
    }
    .sm\:mx-7 {
      margin-left: 4rem !important;
      margin-right: 4rem !important;
    }
    .sm\:mx-8 {
      margin-left: 5rem !important;
      margin-right: 5rem !important;
    }
    .sm\:-mx-1 {
      margin-left: -0.25rem !important;
      margin-right: -0.25rem !important;
    }
    .sm\:-mx-2 {
      margin-left: -0.5rem !important;
      margin-right: -0.5rem !important;
    }
    .sm\:-mx-3 {
      margin-left: -1rem !important;
      margin-right: -1rem !important;
    }
    .sm\:-mx-4 {
      margin-left: -1.5rem !important;
      margin-right: -1.5rem !important;
    }
    .sm\:-mx-5 {
      margin-left: -2rem !important;
      margin-right: -2rem !important;
    }
    .sm\:-mx-6 {
      margin-left: -3rem !important;
      margin-right: -3rem !important;
    }
    .sm\:-mx-7 {
      margin-left: -4rem !important;
      margin-right: -4rem !important;
    }
    .sm\:-mx-8 {
      margin-left: -5rem !important;
      margin-right: -5rem !important;
    }
    .sm\:mx-auto {
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .sm\:my-0 {
      margin-top: 0rem !important;
      margin-bottom: 0rem !important;
    }
    .sm\:my-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
    }
    .sm\:my-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
    }
    .sm\:my-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
    }
    .sm\:my-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
    }
    .sm\:my-5 {
      margin-top: 2rem !important;
      margin-bottom: 2rem !important;
    }
    .sm\:my-6 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important;
    }
    .sm\:my-7 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important;
    }
    .sm\:my-8 {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important;
    }
    .sm\:-my-1 {
      margin-top: -0.25rem !important;
      margin-bottom: -0.25rem !important;
    }
    .sm\:-my-2 {
      margin-top: -0.5rem !important;
      margin-bottom: -0.5rem !important;
    }
    .sm\:-my-3 {
      margin-top: -1rem !important;
      margin-bottom: -1rem !important;
    }
    .sm\:-my-4 {
      margin-top: -1.5rem !important;
      margin-bottom: -1.5rem !important;
    }
    .sm\:-my-5 {
      margin-top: -2rem !important;
      margin-bottom: -2rem !important;
    }
    .sm\:-my-6 {
      margin-top: -3rem !important;
      margin-bottom: -3rem !important;
    }
    .sm\:-my-7 {
      margin-top: -4rem !important;
      margin-bottom: -4rem !important;
    }
    .sm\:-my-8 {
      margin-top: -5rem !important;
      margin-bottom: -5rem !important;
    }
    .sm\:my-auto {
      margin-top: auto !important;
      margin-bottom: auto !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:m-0 {
      margin: 0rem !important;
    }
    .md\:m-1 {
      margin: 0.25rem !important;
    }
    .md\:m-2 {
      margin: 0.5rem !important;
    }
    .md\:m-3 {
      margin: 1rem !important;
    }
    .md\:m-4 {
      margin: 1.5rem !important;
    }
    .md\:m-5 {
      margin: 2rem !important;
    }
    .md\:m-6 {
      margin: 3rem !important;
    }
    .md\:m-7 {
      margin: 4rem !important;
    }
    .md\:m-8 {
      margin: 5rem !important;
    }
    .md\:-m-1 {
      margin: -0.25rem !important;
    }
    .md\:-m-2 {
      margin: -0.5rem !important;
    }
    .md\:-m-3 {
      margin: -1rem !important;
    }
    .md\:-m-4 {
      margin: -1.5rem !important;
    }
    .md\:-m-5 {
      margin: -2rem !important;
    }
    .md\:-m-6 {
      margin: -3rem !important;
    }
    .md\:-m-7 {
      margin: -4rem !important;
    }
    .md\:-m-8 {
      margin: -5rem !important;
    }
    .md\:m-auto {
      margin: auto !important;
    }
    .md\:mt-0 {
      margin-top: 0rem !important;
    }
    .md\:mt-1 {
      margin-top: 0.25rem !important;
    }
    .md\:mt-2 {
      margin-top: 0.5rem !important;
    }
    .md\:mt-3 {
      margin-top: 1rem !important;
    }
    .md\:mt-4 {
      margin-top: 1.5rem !important;
    }
    .md\:mt-5 {
      margin-top: 2rem !important;
    }
    .md\:mt-6 {
      margin-top: 3rem !important;
    }
    .md\:mt-7 {
      margin-top: 4rem !important;
    }
    .md\:mt-8 {
      margin-top: 5rem !important;
    }
    .md\:-mt-1 {
      margin-top: -0.25rem !important;
    }
    .md\:-mt-2 {
      margin-top: -0.5rem !important;
    }
    .md\:-mt-3 {
      margin-top: -1rem !important;
    }
    .md\:-mt-4 {
      margin-top: -1.5rem !important;
    }
    .md\:-mt-5 {
      margin-top: -2rem !important;
    }
    .md\:-mt-6 {
      margin-top: -3rem !important;
    }
    .md\:-mt-7 {
      margin-top: -4rem !important;
    }
    .md\:-mt-8 {
      margin-top: -5rem !important;
    }
    .md\:mt-auto {
      margin-top: auto !important;
    }
    .md\:mr-0 {
      margin-right: 0rem !important;
    }
    .md\:mr-1 {
      margin-right: 0.25rem !important;
    }
    .md\:mr-2 {
      margin-right: 0.5rem !important;
    }
    .md\:mr-3 {
      margin-right: 1rem !important;
    }
    .md\:mr-4 {
      margin-right: 1.5rem !important;
    }
    .md\:mr-5 {
      margin-right: 2rem !important;
    }
    .md\:mr-6 {
      margin-right: 3rem !important;
    }
    .md\:mr-7 {
      margin-right: 4rem !important;
    }
    .md\:mr-8 {
      margin-right: 5rem !important;
    }
    .md\:-mr-1 {
      margin-right: -0.25rem !important;
    }
    .md\:-mr-2 {
      margin-right: -0.5rem !important;
    }
    .md\:-mr-3 {
      margin-right: -1rem !important;
    }
    .md\:-mr-4 {
      margin-right: -1.5rem !important;
    }
    .md\:-mr-5 {
      margin-right: -2rem !important;
    }
    .md\:-mr-6 {
      margin-right: -3rem !important;
    }
    .md\:-mr-7 {
      margin-right: -4rem !important;
    }
    .md\:-mr-8 {
      margin-right: -5rem !important;
    }
    .md\:mr-auto {
      margin-right: auto !important;
    }
    .md\:ml-0 {
      margin-left: 0rem !important;
    }
    .md\:ml-1 {
      margin-left: 0.25rem !important;
    }
    .md\:ml-2 {
      margin-left: 0.5rem !important;
    }
    .md\:ml-3 {
      margin-left: 1rem !important;
    }
    .md\:ml-4 {
      margin-left: 1.5rem !important;
    }
    .md\:ml-5 {
      margin-left: 2rem !important;
    }
    .md\:ml-6 {
      margin-left: 3rem !important;
    }
    .md\:ml-7 {
      margin-left: 4rem !important;
    }
    .md\:ml-8 {
      margin-left: 5rem !important;
    }
    .md\:-ml-1 {
      margin-left: -0.25rem !important;
    }
    .md\:-ml-2 {
      margin-left: -0.5rem !important;
    }
    .md\:-ml-3 {
      margin-left: -1rem !important;
    }
    .md\:-ml-4 {
      margin-left: -1.5rem !important;
    }
    .md\:-ml-5 {
      margin-left: -2rem !important;
    }
    .md\:-ml-6 {
      margin-left: -3rem !important;
    }
    .md\:-ml-7 {
      margin-left: -4rem !important;
    }
    .md\:-ml-8 {
      margin-left: -5rem !important;
    }
    .md\:ml-auto {
      margin-left: auto !important;
    }
    .md\:mb-0 {
      margin-bottom: 0rem !important;
    }
    .md\:mb-1 {
      margin-bottom: 0.25rem !important;
    }
    .md\:mb-2 {
      margin-bottom: 0.5rem !important;
    }
    .md\:mb-3 {
      margin-bottom: 1rem !important;
    }
    .md\:mb-4 {
      margin-bottom: 1.5rem !important;
    }
    .md\:mb-5 {
      margin-bottom: 2rem !important;
    }
    .md\:mb-6 {
      margin-bottom: 3rem !important;
    }
    .md\:mb-7 {
      margin-bottom: 4rem !important;
    }
    .md\:mb-8 {
      margin-bottom: 5rem !important;
    }
    .md\:-mb-1 {
      margin-bottom: -0.25rem !important;
    }
    .md\:-mb-2 {
      margin-bottom: -0.5rem !important;
    }
    .md\:-mb-3 {
      margin-bottom: -1rem !important;
    }
    .md\:-mb-4 {
      margin-bottom: -1.5rem !important;
    }
    .md\:-mb-5 {
      margin-bottom: -2rem !important;
    }
    .md\:-mb-6 {
      margin-bottom: -3rem !important;
    }
    .md\:-mb-7 {
      margin-bottom: -4rem !important;
    }
    .md\:-mb-8 {
      margin-bottom: -5rem !important;
    }
    .md\:mb-auto {
      margin-bottom: auto !important;
    }
    .md\:mx-0 {
      margin-left: 0rem !important;
      margin-right: 0rem !important;
    }
    .md\:mx-1 {
      margin-left: 0.25rem !important;
      margin-right: 0.25rem !important;
    }
    .md\:mx-2 {
      margin-left: 0.5rem !important;
      margin-right: 0.5rem !important;
    }
    .md\:mx-3 {
      margin-left: 1rem !important;
      margin-right: 1rem !important;
    }
    .md\:mx-4 {
      margin-left: 1.5rem !important;
      margin-right: 1.5rem !important;
    }
    .md\:mx-5 {
      margin-left: 2rem !important;
      margin-right: 2rem !important;
    }
    .md\:mx-6 {
      margin-left: 3rem !important;
      margin-right: 3rem !important;
    }
    .md\:mx-7 {
      margin-left: 4rem !important;
      margin-right: 4rem !important;
    }
    .md\:mx-8 {
      margin-left: 5rem !important;
      margin-right: 5rem !important;
    }
    .md\:-mx-1 {
      margin-left: -0.25rem !important;
      margin-right: -0.25rem !important;
    }
    .md\:-mx-2 {
      margin-left: -0.5rem !important;
      margin-right: -0.5rem !important;
    }
    .md\:-mx-3 {
      margin-left: -1rem !important;
      margin-right: -1rem !important;
    }
    .md\:-mx-4 {
      margin-left: -1.5rem !important;
      margin-right: -1.5rem !important;
    }
    .md\:-mx-5 {
      margin-left: -2rem !important;
      margin-right: -2rem !important;
    }
    .md\:-mx-6 {
      margin-left: -3rem !important;
      margin-right: -3rem !important;
    }
    .md\:-mx-7 {
      margin-left: -4rem !important;
      margin-right: -4rem !important;
    }
    .md\:-mx-8 {
      margin-left: -5rem !important;
      margin-right: -5rem !important;
    }
    .md\:mx-auto {
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .md\:my-0 {
      margin-top: 0rem !important;
      margin-bottom: 0rem !important;
    }
    .md\:my-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
    }
    .md\:my-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
    }
    .md\:my-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
    }
    .md\:my-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
    }
    .md\:my-5 {
      margin-top: 2rem !important;
      margin-bottom: 2rem !important;
    }
    .md\:my-6 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important;
    }
    .md\:my-7 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important;
    }
    .md\:my-8 {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important;
    }
    .md\:-my-1 {
      margin-top: -0.25rem !important;
      margin-bottom: -0.25rem !important;
    }
    .md\:-my-2 {
      margin-top: -0.5rem !important;
      margin-bottom: -0.5rem !important;
    }
    .md\:-my-3 {
      margin-top: -1rem !important;
      margin-bottom: -1rem !important;
    }
    .md\:-my-4 {
      margin-top: -1.5rem !important;
      margin-bottom: -1.5rem !important;
    }
    .md\:-my-5 {
      margin-top: -2rem !important;
      margin-bottom: -2rem !important;
    }
    .md\:-my-6 {
      margin-top: -3rem !important;
      margin-bottom: -3rem !important;
    }
    .md\:-my-7 {
      margin-top: -4rem !important;
      margin-bottom: -4rem !important;
    }
    .md\:-my-8 {
      margin-top: -5rem !important;
      margin-bottom: -5rem !important;
    }
    .md\:my-auto {
      margin-top: auto !important;
      margin-bottom: auto !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:m-0 {
      margin: 0rem !important;
    }
    .lg\:m-1 {
      margin: 0.25rem !important;
    }
    .lg\:m-2 {
      margin: 0.5rem !important;
    }
    .lg\:m-3 {
      margin: 1rem !important;
    }
    .lg\:m-4 {
      margin: 1.5rem !important;
    }
    .lg\:m-5 {
      margin: 2rem !important;
    }
    .lg\:m-6 {
      margin: 3rem !important;
    }
    .lg\:m-7 {
      margin: 4rem !important;
    }
    .lg\:m-8 {
      margin: 5rem !important;
    }
    .lg\:-m-1 {
      margin: -0.25rem !important;
    }
    .lg\:-m-2 {
      margin: -0.5rem !important;
    }
    .lg\:-m-3 {
      margin: -1rem !important;
    }
    .lg\:-m-4 {
      margin: -1.5rem !important;
    }
    .lg\:-m-5 {
      margin: -2rem !important;
    }
    .lg\:-m-6 {
      margin: -3rem !important;
    }
    .lg\:-m-7 {
      margin: -4rem !important;
    }
    .lg\:-m-8 {
      margin: -5rem !important;
    }
    .lg\:m-auto {
      margin: auto !important;
    }
    .lg\:mt-0 {
      margin-top: 0rem !important;
    }
    .lg\:mt-1 {
      margin-top: 0.25rem !important;
    }
    .lg\:mt-2 {
      margin-top: 0.5rem !important;
    }
    .lg\:mt-3 {
      margin-top: 1rem !important;
    }
    .lg\:mt-4 {
      margin-top: 1.5rem !important;
    }
    .lg\:mt-5 {
      margin-top: 2rem !important;
    }
    .lg\:mt-6 {
      margin-top: 3rem !important;
    }
    .lg\:mt-7 {
      margin-top: 4rem !important;
    }
    .lg\:mt-8 {
      margin-top: 5rem !important;
    }
    .lg\:-mt-1 {
      margin-top: -0.25rem !important;
    }
    .lg\:-mt-2 {
      margin-top: -0.5rem !important;
    }
    .lg\:-mt-3 {
      margin-top: -1rem !important;
    }
    .lg\:-mt-4 {
      margin-top: -1.5rem !important;
    }
    .lg\:-mt-5 {
      margin-top: -2rem !important;
    }
    .lg\:-mt-6 {
      margin-top: -3rem !important;
    }
    .lg\:-mt-7 {
      margin-top: -4rem !important;
    }
    .lg\:-mt-8 {
      margin-top: -5rem !important;
    }
    .lg\:mt-auto {
      margin-top: auto !important;
    }
    .lg\:mr-0 {
      margin-right: 0rem !important;
    }
    .lg\:mr-1 {
      margin-right: 0.25rem !important;
    }
    .lg\:mr-2 {
      margin-right: 0.5rem !important;
    }
    .lg\:mr-3 {
      margin-right: 1rem !important;
    }
    .lg\:mr-4 {
      margin-right: 1.5rem !important;
    }
    .lg\:mr-5 {
      margin-right: 2rem !important;
    }
    .lg\:mr-6 {
      margin-right: 3rem !important;
    }
    .lg\:mr-7 {
      margin-right: 4rem !important;
    }
    .lg\:mr-8 {
      margin-right: 5rem !important;
    }
    .lg\:-mr-1 {
      margin-right: -0.25rem !important;
    }
    .lg\:-mr-2 {
      margin-right: -0.5rem !important;
    }
    .lg\:-mr-3 {
      margin-right: -1rem !important;
    }
    .lg\:-mr-4 {
      margin-right: -1.5rem !important;
    }
    .lg\:-mr-5 {
      margin-right: -2rem !important;
    }
    .lg\:-mr-6 {
      margin-right: -3rem !important;
    }
    .lg\:-mr-7 {
      margin-right: -4rem !important;
    }
    .lg\:-mr-8 {
      margin-right: -5rem !important;
    }
    .lg\:mr-auto {
      margin-right: auto !important;
    }
    .lg\:ml-0 {
      margin-left: 0rem !important;
    }
    .lg\:ml-1 {
      margin-left: 0.25rem !important;
    }
    .lg\:ml-2 {
      margin-left: 0.5rem !important;
    }
    .lg\:ml-3 {
      margin-left: 1rem !important;
    }
    .lg\:ml-4 {
      margin-left: 1.5rem !important;
    }
    .lg\:ml-5 {
      margin-left: 2rem !important;
    }
    .lg\:ml-6 {
      margin-left: 3rem !important;
    }
    .lg\:ml-7 {
      margin-left: 4rem !important;
    }
    .lg\:ml-8 {
      margin-left: 5rem !important;
    }
    .lg\:-ml-1 {
      margin-left: -0.25rem !important;
    }
    .lg\:-ml-2 {
      margin-left: -0.5rem !important;
    }
    .lg\:-ml-3 {
      margin-left: -1rem !important;
    }
    .lg\:-ml-4 {
      margin-left: -1.5rem !important;
    }
    .lg\:-ml-5 {
      margin-left: -2rem !important;
    }
    .lg\:-ml-6 {
      margin-left: -3rem !important;
    }
    .lg\:-ml-7 {
      margin-left: -4rem !important;
    }
    .lg\:-ml-8 {
      margin-left: -5rem !important;
    }
    .lg\:ml-auto {
      margin-left: auto !important;
    }
    .lg\:mb-0 {
      margin-bottom: 0rem !important;
    }
    .lg\:mb-1 {
      margin-bottom: 0.25rem !important;
    }
    .lg\:mb-2 {
      margin-bottom: 0.5rem !important;
    }
    .lg\:mb-3 {
      margin-bottom: 1rem !important;
    }
    .lg\:mb-4 {
      margin-bottom: 1.5rem !important;
    }
    .lg\:mb-5 {
      margin-bottom: 2rem !important;
    }
    .lg\:mb-6 {
      margin-bottom: 3rem !important;
    }
    .lg\:mb-7 {
      margin-bottom: 4rem !important;
    }
    .lg\:mb-8 {
      margin-bottom: 5rem !important;
    }
    .lg\:-mb-1 {
      margin-bottom: -0.25rem !important;
    }
    .lg\:-mb-2 {
      margin-bottom: -0.5rem !important;
    }
    .lg\:-mb-3 {
      margin-bottom: -1rem !important;
    }
    .lg\:-mb-4 {
      margin-bottom: -1.5rem !important;
    }
    .lg\:-mb-5 {
      margin-bottom: -2rem !important;
    }
    .lg\:-mb-6 {
      margin-bottom: -3rem !important;
    }
    .lg\:-mb-7 {
      margin-bottom: -4rem !important;
    }
    .lg\:-mb-8 {
      margin-bottom: -5rem !important;
    }
    .lg\:mb-auto {
      margin-bottom: auto !important;
    }
    .lg\:mx-0 {
      margin-left: 0rem !important;
      margin-right: 0rem !important;
    }
    .lg\:mx-1 {
      margin-left: 0.25rem !important;
      margin-right: 0.25rem !important;
    }
    .lg\:mx-2 {
      margin-left: 0.5rem !important;
      margin-right: 0.5rem !important;
    }
    .lg\:mx-3 {
      margin-left: 1rem !important;
      margin-right: 1rem !important;
    }
    .lg\:mx-4 {
      margin-left: 1.5rem !important;
      margin-right: 1.5rem !important;
    }
    .lg\:mx-5 {
      margin-left: 2rem !important;
      margin-right: 2rem !important;
    }
    .lg\:mx-6 {
      margin-left: 3rem !important;
      margin-right: 3rem !important;
    }
    .lg\:mx-7 {
      margin-left: 4rem !important;
      margin-right: 4rem !important;
    }
    .lg\:mx-8 {
      margin-left: 5rem !important;
      margin-right: 5rem !important;
    }
    .lg\:-mx-1 {
      margin-left: -0.25rem !important;
      margin-right: -0.25rem !important;
    }
    .lg\:-mx-2 {
      margin-left: -0.5rem !important;
      margin-right: -0.5rem !important;
    }
    .lg\:-mx-3 {
      margin-left: -1rem !important;
      margin-right: -1rem !important;
    }
    .lg\:-mx-4 {
      margin-left: -1.5rem !important;
      margin-right: -1.5rem !important;
    }
    .lg\:-mx-5 {
      margin-left: -2rem !important;
      margin-right: -2rem !important;
    }
    .lg\:-mx-6 {
      margin-left: -3rem !important;
      margin-right: -3rem !important;
    }
    .lg\:-mx-7 {
      margin-left: -4rem !important;
      margin-right: -4rem !important;
    }
    .lg\:-mx-8 {
      margin-left: -5rem !important;
      margin-right: -5rem !important;
    }
    .lg\:mx-auto {
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .lg\:my-0 {
      margin-top: 0rem !important;
      margin-bottom: 0rem !important;
    }
    .lg\:my-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
    }
    .lg\:my-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
    }
    .lg\:my-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
    }
    .lg\:my-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
    }
    .lg\:my-5 {
      margin-top: 2rem !important;
      margin-bottom: 2rem !important;
    }
    .lg\:my-6 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important;
    }
    .lg\:my-7 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important;
    }
    .lg\:my-8 {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important;
    }
    .lg\:-my-1 {
      margin-top: -0.25rem !important;
      margin-bottom: -0.25rem !important;
    }
    .lg\:-my-2 {
      margin-top: -0.5rem !important;
      margin-bottom: -0.5rem !important;
    }
    .lg\:-my-3 {
      margin-top: -1rem !important;
      margin-bottom: -1rem !important;
    }
    .lg\:-my-4 {
      margin-top: -1.5rem !important;
      margin-bottom: -1.5rem !important;
    }
    .lg\:-my-5 {
      margin-top: -2rem !important;
      margin-bottom: -2rem !important;
    }
    .lg\:-my-6 {
      margin-top: -3rem !important;
      margin-bottom: -3rem !important;
    }
    .lg\:-my-7 {
      margin-top: -4rem !important;
      margin-bottom: -4rem !important;
    }
    .lg\:-my-8 {
      margin-top: -5rem !important;
      margin-bottom: -5rem !important;
    }
    .lg\:my-auto {
      margin-top: auto !important;
      margin-bottom: auto !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:m-0 {
      margin: 0rem !important;
    }
    .xl\:m-1 {
      margin: 0.25rem !important;
    }
    .xl\:m-2 {
      margin: 0.5rem !important;
    }
    .xl\:m-3 {
      margin: 1rem !important;
    }
    .xl\:m-4 {
      margin: 1.5rem !important;
    }
    .xl\:m-5 {
      margin: 2rem !important;
    }
    .xl\:m-6 {
      margin: 3rem !important;
    }
    .xl\:m-7 {
      margin: 4rem !important;
    }
    .xl\:m-8 {
      margin: 5rem !important;
    }
    .xl\:-m-1 {
      margin: -0.25rem !important;
    }
    .xl\:-m-2 {
      margin: -0.5rem !important;
    }
    .xl\:-m-3 {
      margin: -1rem !important;
    }
    .xl\:-m-4 {
      margin: -1.5rem !important;
    }
    .xl\:-m-5 {
      margin: -2rem !important;
    }
    .xl\:-m-6 {
      margin: -3rem !important;
    }
    .xl\:-m-7 {
      margin: -4rem !important;
    }
    .xl\:-m-8 {
      margin: -5rem !important;
    }
    .xl\:m-auto {
      margin: auto !important;
    }
    .xl\:mt-0 {
      margin-top: 0rem !important;
    }
    .xl\:mt-1 {
      margin-top: 0.25rem !important;
    }
    .xl\:mt-2 {
      margin-top: 0.5rem !important;
    }
    .xl\:mt-3 {
      margin-top: 1rem !important;
    }
    .xl\:mt-4 {
      margin-top: 1.5rem !important;
    }
    .xl\:mt-5 {
      margin-top: 2rem !important;
    }
    .xl\:mt-6 {
      margin-top: 3rem !important;
    }
    .xl\:mt-7 {
      margin-top: 4rem !important;
    }
    .xl\:mt-8 {
      margin-top: 5rem !important;
    }
    .xl\:-mt-1 {
      margin-top: -0.25rem !important;
    }
    .xl\:-mt-2 {
      margin-top: -0.5rem !important;
    }
    .xl\:-mt-3 {
      margin-top: -1rem !important;
    }
    .xl\:-mt-4 {
      margin-top: -1.5rem !important;
    }
    .xl\:-mt-5 {
      margin-top: -2rem !important;
    }
    .xl\:-mt-6 {
      margin-top: -3rem !important;
    }
    .xl\:-mt-7 {
      margin-top: -4rem !important;
    }
    .xl\:-mt-8 {
      margin-top: -5rem !important;
    }
    .xl\:mt-auto {
      margin-top: auto !important;
    }
    .xl\:mr-0 {
      margin-right: 0rem !important;
    }
    .xl\:mr-1 {
      margin-right: 0.25rem !important;
    }
    .xl\:mr-2 {
      margin-right: 0.5rem !important;
    }
    .xl\:mr-3 {
      margin-right: 1rem !important;
    }
    .xl\:mr-4 {
      margin-right: 1.5rem !important;
    }
    .xl\:mr-5 {
      margin-right: 2rem !important;
    }
    .xl\:mr-6 {
      margin-right: 3rem !important;
    }
    .xl\:mr-7 {
      margin-right: 4rem !important;
    }
    .xl\:mr-8 {
      margin-right: 5rem !important;
    }
    .xl\:-mr-1 {
      margin-right: -0.25rem !important;
    }
    .xl\:-mr-2 {
      margin-right: -0.5rem !important;
    }
    .xl\:-mr-3 {
      margin-right: -1rem !important;
    }
    .xl\:-mr-4 {
      margin-right: -1.5rem !important;
    }
    .xl\:-mr-5 {
      margin-right: -2rem !important;
    }
    .xl\:-mr-6 {
      margin-right: -3rem !important;
    }
    .xl\:-mr-7 {
      margin-right: -4rem !important;
    }
    .xl\:-mr-8 {
      margin-right: -5rem !important;
    }
    .xl\:mr-auto {
      margin-right: auto !important;
    }
    .xl\:ml-0 {
      margin-left: 0rem !important;
    }
    .xl\:ml-1 {
      margin-left: 0.25rem !important;
    }
    .xl\:ml-2 {
      margin-left: 0.5rem !important;
    }
    .xl\:ml-3 {
      margin-left: 1rem !important;
    }
    .xl\:ml-4 {
      margin-left: 1.5rem !important;
    }
    .xl\:ml-5 {
      margin-left: 2rem !important;
    }
    .xl\:ml-6 {
      margin-left: 3rem !important;
    }
    .xl\:ml-7 {
      margin-left: 4rem !important;
    }
    .xl\:ml-8 {
      margin-left: 5rem !important;
    }
    .xl\:-ml-1 {
      margin-left: -0.25rem !important;
    }
    .xl\:-ml-2 {
      margin-left: -0.5rem !important;
    }
    .xl\:-ml-3 {
      margin-left: -1rem !important;
    }
    .xl\:-ml-4 {
      margin-left: -1.5rem !important;
    }
    .xl\:-ml-5 {
      margin-left: -2rem !important;
    }
    .xl\:-ml-6 {
      margin-left: -3rem !important;
    }
    .xl\:-ml-7 {
      margin-left: -4rem !important;
    }
    .xl\:-ml-8 {
      margin-left: -5rem !important;
    }
    .xl\:ml-auto {
      margin-left: auto !important;
    }
    .xl\:mb-0 {
      margin-bottom: 0rem !important;
    }
    .xl\:mb-1 {
      margin-bottom: 0.25rem !important;
    }
    .xl\:mb-2 {
      margin-bottom: 0.5rem !important;
    }
    .xl\:mb-3 {
      margin-bottom: 1rem !important;
    }
    .xl\:mb-4 {
      margin-bottom: 1.5rem !important;
    }
    .xl\:mb-5 {
      margin-bottom: 2rem !important;
    }
    .xl\:mb-6 {
      margin-bottom: 3rem !important;
    }
    .xl\:mb-7 {
      margin-bottom: 4rem !important;
    }
    .xl\:mb-8 {
      margin-bottom: 5rem !important;
    }
    .xl\:-mb-1 {
      margin-bottom: -0.25rem !important;
    }
    .xl\:-mb-2 {
      margin-bottom: -0.5rem !important;
    }
    .xl\:-mb-3 {
      margin-bottom: -1rem !important;
    }
    .xl\:-mb-4 {
      margin-bottom: -1.5rem !important;
    }
    .xl\:-mb-5 {
      margin-bottom: -2rem !important;
    }
    .xl\:-mb-6 {
      margin-bottom: -3rem !important;
    }
    .xl\:-mb-7 {
      margin-bottom: -4rem !important;
    }
    .xl\:-mb-8 {
      margin-bottom: -5rem !important;
    }
    .xl\:mb-auto {
      margin-bottom: auto !important;
    }
    .xl\:mx-0 {
      margin-left: 0rem !important;
      margin-right: 0rem !important;
    }
    .xl\:mx-1 {
      margin-left: 0.25rem !important;
      margin-right: 0.25rem !important;
    }
    .xl\:mx-2 {
      margin-left: 0.5rem !important;
      margin-right: 0.5rem !important;
    }
    .xl\:mx-3 {
      margin-left: 1rem !important;
      margin-right: 1rem !important;
    }
    .xl\:mx-4 {
      margin-left: 1.5rem !important;
      margin-right: 1.5rem !important;
    }
    .xl\:mx-5 {
      margin-left: 2rem !important;
      margin-right: 2rem !important;
    }
    .xl\:mx-6 {
      margin-left: 3rem !important;
      margin-right: 3rem !important;
    }
    .xl\:mx-7 {
      margin-left: 4rem !important;
      margin-right: 4rem !important;
    }
    .xl\:mx-8 {
      margin-left: 5rem !important;
      margin-right: 5rem !important;
    }
    .xl\:-mx-1 {
      margin-left: -0.25rem !important;
      margin-right: -0.25rem !important;
    }
    .xl\:-mx-2 {
      margin-left: -0.5rem !important;
      margin-right: -0.5rem !important;
    }
    .xl\:-mx-3 {
      margin-left: -1rem !important;
      margin-right: -1rem !important;
    }
    .xl\:-mx-4 {
      margin-left: -1.5rem !important;
      margin-right: -1.5rem !important;
    }
    .xl\:-mx-5 {
      margin-left: -2rem !important;
      margin-right: -2rem !important;
    }
    .xl\:-mx-6 {
      margin-left: -3rem !important;
      margin-right: -3rem !important;
    }
    .xl\:-mx-7 {
      margin-left: -4rem !important;
      margin-right: -4rem !important;
    }
    .xl\:-mx-8 {
      margin-left: -5rem !important;
      margin-right: -5rem !important;
    }
    .xl\:mx-auto {
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .xl\:my-0 {
      margin-top: 0rem !important;
      margin-bottom: 0rem !important;
    }
    .xl\:my-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
    }
    .xl\:my-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
    }
    .xl\:my-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
    }
    .xl\:my-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
    }
    .xl\:my-5 {
      margin-top: 2rem !important;
      margin-bottom: 2rem !important;
    }
    .xl\:my-6 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important;
    }
    .xl\:my-7 {
      margin-top: 4rem !important;
      margin-bottom: 4rem !important;
    }
    .xl\:my-8 {
      margin-top: 5rem !important;
      margin-bottom: 5rem !important;
    }
    .xl\:-my-1 {
      margin-top: -0.25rem !important;
      margin-bottom: -0.25rem !important;
    }
    .xl\:-my-2 {
      margin-top: -0.5rem !important;
      margin-bottom: -0.5rem !important;
    }
    .xl\:-my-3 {
      margin-top: -1rem !important;
      margin-bottom: -1rem !important;
    }
    .xl\:-my-4 {
      margin-top: -1.5rem !important;
      margin-bottom: -1.5rem !important;
    }
    .xl\:-my-5 {
      margin-top: -2rem !important;
      margin-bottom: -2rem !important;
    }
    .xl\:-my-6 {
      margin-top: -3rem !important;
      margin-bottom: -3rem !important;
    }
    .xl\:-my-7 {
      margin-top: -4rem !important;
      margin-bottom: -4rem !important;
    }
    .xl\:-my-8 {
      margin-top: -5rem !important;
      margin-bottom: -5rem !important;
    }
    .xl\:my-auto {
      margin-top: auto !important;
      margin-bottom: auto !important;
    }
  }
  .shadow-none {
    box-shadow: none !important;
  }
  .shadow-1 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .shadow-2 {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .shadow-3 {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .shadow-4 {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .shadow-5 {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .shadow-6 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .shadow-7 {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .shadow-8 {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .active\:shadow-none:active {
    box-shadow: none !important;
  }
  .focus\:shadow-1:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .hover\:shadow-1:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .active\:shadow-1:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .focus\:shadow-2:focus {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .hover\:shadow-2:hover {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .active\:shadow-2:active {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .focus\:shadow-3:focus {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .hover\:shadow-3:hover {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .active\:shadow-3:active {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .focus\:shadow-4:focus {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .hover\:shadow-4:hover {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .active\:shadow-4:active {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .focus\:shadow-5:focus {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .hover\:shadow-5:hover {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .active\:shadow-5:active {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .focus\:shadow-6:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .hover\:shadow-6:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .active\:shadow-6:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .focus\:shadow-7:focus {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .hover\:shadow-7:hover {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .active\:shadow-7:active {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .focus\:shadow-8:focus {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .hover\:shadow-8:hover {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .active\:shadow-8:active {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:shadow-none {
      box-shadow: none !important;
    }
    .sm\:shadow-1 {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .sm\:shadow-2 {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .sm\:shadow-3 {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .sm\:shadow-4 {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .sm\:shadow-5 {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .sm\:shadow-6 {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .sm\:shadow-7 {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .sm\:shadow-8 {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
    .sm\:focus\:shadow-none:focus {
      box-shadow: none !important;
    }
    .sm\:hover\:shadow-none:hover {
      box-shadow: none !important;
    }
    .sm\:active\:shadow-none:active {
      box-shadow: none !important;
    }
    .sm\:focus\:shadow-1:focus {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .sm\:hover\:shadow-1:hover {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .sm\:active\:shadow-1:active {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .sm\:focus\:shadow-2:focus {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .sm\:hover\:shadow-2:hover {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .sm\:active\:shadow-2:active {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .sm\:focus\:shadow-3:focus {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .sm\:hover\:shadow-3:hover {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .sm\:active\:shadow-3:active {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .sm\:focus\:shadow-4:focus {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .sm\:hover\:shadow-4:hover {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .sm\:active\:shadow-4:active {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .sm\:focus\:shadow-5:focus {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .sm\:hover\:shadow-5:hover {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .sm\:active\:shadow-5:active {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .sm\:focus\:shadow-6:focus {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .sm\:hover\:shadow-6:hover {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .sm\:active\:shadow-6:active {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .sm\:focus\:shadow-7:focus {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .sm\:hover\:shadow-7:hover {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .sm\:active\:shadow-7:active {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .sm\:focus\:shadow-8:focus {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
    .sm\:hover\:shadow-8:hover {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
    .sm\:active\:shadow-8:active {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:shadow-none {
      box-shadow: none !important;
    }
    .md\:shadow-1 {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .md\:shadow-2 {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .md\:shadow-3 {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .md\:shadow-4 {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .md\:shadow-5 {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .md\:shadow-6 {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .md\:shadow-7 {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .md\:shadow-8 {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
    .md\:focus\:shadow-none:focus {
      box-shadow: none !important;
    }
    .md\:hover\:shadow-none:hover {
      box-shadow: none !important;
    }
    .md\:active\:shadow-none:active {
      box-shadow: none !important;
    }
    .md\:focus\:shadow-1:focus {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .md\:hover\:shadow-1:hover {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .md\:active\:shadow-1:active {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .md\:focus\:shadow-2:focus {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .md\:hover\:shadow-2:hover {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .md\:active\:shadow-2:active {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .md\:focus\:shadow-3:focus {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .md\:hover\:shadow-3:hover {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .md\:active\:shadow-3:active {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .md\:focus\:shadow-4:focus {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .md\:hover\:shadow-4:hover {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .md\:active\:shadow-4:active {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .md\:focus\:shadow-5:focus {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .md\:hover\:shadow-5:hover {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .md\:active\:shadow-5:active {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .md\:focus\:shadow-6:focus {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .md\:hover\:shadow-6:hover {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .md\:active\:shadow-6:active {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .md\:focus\:shadow-7:focus {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .md\:hover\:shadow-7:hover {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .md\:active\:shadow-7:active {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .md\:focus\:shadow-8:focus {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
    .md\:hover\:shadow-8:hover {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
    .md\:active\:shadow-8:active {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:shadow-none {
      box-shadow: none !important;
    }
    .lg\:shadow-1 {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .lg\:shadow-2 {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .lg\:shadow-3 {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .lg\:shadow-4 {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .lg\:shadow-5 {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .lg\:shadow-6 {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .lg\:shadow-7 {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .lg\:shadow-8 {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
    .lg\:focus\:shadow-none:focus {
      box-shadow: none !important;
    }
    .lg\:hover\:shadow-none:hover {
      box-shadow: none !important;
    }
    .lg\:active\:shadow-none:active {
      box-shadow: none !important;
    }
    .lg\:focus\:shadow-1:focus {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .lg\:hover\:shadow-1:hover {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .lg\:active\:shadow-1:active {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .lg\:focus\:shadow-2:focus {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .lg\:hover\:shadow-2:hover {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .lg\:active\:shadow-2:active {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .lg\:focus\:shadow-3:focus {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .lg\:hover\:shadow-3:hover {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .lg\:active\:shadow-3:active {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .lg\:focus\:shadow-4:focus {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .lg\:hover\:shadow-4:hover {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .lg\:active\:shadow-4:active {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .lg\:focus\:shadow-5:focus {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .lg\:hover\:shadow-5:hover {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .lg\:active\:shadow-5:active {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .lg\:focus\:shadow-6:focus {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .lg\:hover\:shadow-6:hover {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .lg\:active\:shadow-6:active {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .lg\:focus\:shadow-7:focus {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .lg\:hover\:shadow-7:hover {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .lg\:active\:shadow-7:active {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .lg\:focus\:shadow-8:focus {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
    .lg\:hover\:shadow-8:hover {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
    .lg\:active\:shadow-8:active {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:shadow-none {
      box-shadow: none !important;
    }
    .xl\:shadow-1 {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .xl\:shadow-2 {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .xl\:shadow-3 {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .xl\:shadow-4 {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .xl\:shadow-5 {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .xl\:shadow-6 {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .xl\:shadow-7 {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .xl\:shadow-8 {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
    .xl\:focus\:shadow-none:focus {
      box-shadow: none !important;
    }
    .xl\:hover\:shadow-none:hover {
      box-shadow: none !important;
    }
    .xl\:active\:shadow-none:active {
      box-shadow: none !important;
    }
    .xl\:focus\:shadow-1:focus {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .xl\:hover\:shadow-1:hover {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .xl\:active\:shadow-1:active {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.02),
        0px 0px 2px rgba(0, 0, 0, 0.05),
        0px 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    .xl\:focus\:shadow-2:focus {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .xl\:hover\:shadow-2:hover {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .xl\:active\:shadow-2:active {
      box-shadow:
        0px 4px 10px rgba(0, 0, 0, 0.03),
        0px 0px 2px rgba(0, 0, 0, 0.06),
        0px 2px 6px rgba(0, 0, 0, 0.12) !important;
    }
    .xl\:focus\:shadow-3:focus {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .xl\:hover\:shadow-3:hover {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .xl\:active\:shadow-3:active {
      box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
    }
    .xl\:focus\:shadow-4:focus {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .xl\:hover\:shadow-4:hover {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .xl\:active\:shadow-4:active {
      box-shadow:
        0px 1px 10px rgba(0, 0, 0, 0.12),
        0px 4px 5px rgba(0, 0, 0, 0.14),
        0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
    }
    .xl\:focus\:shadow-5:focus {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .xl\:hover\:shadow-5:hover {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .xl\:active\:shadow-5:active {
      box-shadow:
        0px 1px 7px rgba(0, 0, 0, 0.1),
        0px 4px 5px -2px rgba(0, 0, 0, 0.12),
        0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
    }
    .xl\:focus\:shadow-6:focus {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .xl\:hover\:shadow-6:hover {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .xl\:active\:shadow-6:active {
      box-shadow:
        0px 3px 5px rgba(0, 0, 0, 0.06),
        0px 7px 9px rgba(0, 0, 0, 0.12),
        0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
    }
    .xl\:focus\:shadow-7:focus {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .xl\:hover\:shadow-7:hover {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .xl\:active\:shadow-7:active {
      box-shadow:
        0px 7px 30px rgba(0, 0, 0, 0.08),
        0px 22px 30px 2px rgba(0, 0, 0, 0.15),
        0px 8px 10px rgba(0, 0, 0, 0.15) !important;
    }
    .xl\:focus\:shadow-8:focus {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
    .xl\:hover\:shadow-8:hover {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
    .xl\:active\:shadow-8:active {
      box-shadow:
        0px 9px 46px 8px rgba(0, 0, 0, 0.12),
        0px 24px 38px 3px rgba(0, 0, 0, 0.14),
        0px 11px 15px rgba(0, 0, 0, 0.2) !important;
    }
  }
  .border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  @media screen and (min-width: 576px) {
    .sm\:border-none {
      border-width: 0px !important;
      border-style: none;
    }
    .sm\:border-1 {
      border-width: 1px !important;
      border-style: solid;
    }
    .sm\:border-2 {
      border-width: 2px !important;
      border-style: solid;
    }
    .sm\:border-3 {
      border-width: 3px !important;
      border-style: solid;
    }
    .sm\:border-top-none {
      border-top-width: 0px !important;
      border-top-style: none;
    }
    .sm\:border-top-1 {
      border-top-width: 1px !important;
      border-top-style: solid;
    }
    .sm\:border-top-2 {
      border-top-width: 2px !important;
      border-top-style: solid;
    }
    .sm\:border-top-3 {
      border-top-width: 3px !important;
      border-top-style: solid;
    }
    .sm\:border-right-none {
      border-right-width: 0px !important;
      border-right-style: none;
    }
    .sm\:border-right-1 {
      border-right-width: 1px !important;
      border-right-style: solid;
    }
    .sm\:border-right-2 {
      border-right-width: 2px !important;
      border-right-style: solid;
    }
    .sm\:border-right-3 {
      border-right-width: 3px !important;
      border-right-style: solid;
    }
    .sm\:border-left-none {
      border-left-width: 0px !important;
      border-left-style: none;
    }
    .sm\:border-left-1 {
      border-left-width: 1px !important;
      border-left-style: solid;
    }
    .sm\:border-left-2 {
      border-left-width: 2px !important;
      border-left-style: solid;
    }
    .sm\:border-left-3 {
      border-left-width: 3px !important;
      border-left-style: solid;
    }
    .sm\:border-bottom-none {
      border-bottom-width: 0px !important;
      border-bottom-style: none;
    }
    .sm\:border-bottom-1 {
      border-bottom-width: 1px !important;
      border-bottom-style: solid;
    }
    .sm\:border-bottom-2 {
      border-bottom-width: 2px !important;
      border-bottom-style: solid;
    }
    .sm\:border-bottom-3 {
      border-bottom-width: 3px !important;
      border-bottom-style: solid;
    }
    .sm\:border-x-none {
      border-left-width: 0px !important;
      border-left-style: none;
      border-right-width: 0px !important;
      border-right-style: none;
    }
    .sm\:border-x-1 {
      border-left-width: 1px !important;
      border-left-style: solid;
      border-right-width: 1px !important;
      border-right-style: solid;
    }
    .sm\:border-x-2 {
      border-left-width: 2px !important;
      border-left-style: solid;
      border-right-width: 2px !important;
      border-right-style: solid;
    }
    .sm\:border-x-3 {
      border-left-width: 3px !important;
      border-left-style: solid;
      border-right-width: 3px !important;
      border-right-style: solid;
    }
    .sm\:border-y-none {
      border-top-width: 0px !important;
      border-top-style: none;
      border-bottom-width: 0px !important;
      border-bottom-style: none;
    }
    .sm\:border-y-1 {
      border-top-width: 1px !important;
      border-top-style: solid;
      border-bottom-width: 1px !important;
      border-bottom-style: solid;
    }
    .sm\:border-y-2 {
      border-top-width: 2px !important;
      border-top-style: solid;
      border-bottom-width: 2px !important;
      border-bottom-style: solid;
    }
    .sm\:border-y-3 {
      border-top-width: 3px !important;
      border-top-style: solid;
      border-bottom-width: 3px !important;
      border-bottom-style: solid;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:border-none {
      border-width: 0px !important;
      border-style: none;
    }
    .md\:border-1 {
      border-width: 1px !important;
      border-style: solid;
    }
    .md\:border-2 {
      border-width: 2px !important;
      border-style: solid;
    }
    .md\:border-3 {
      border-width: 3px !important;
      border-style: solid;
    }
    .md\:border-top-none {
      border-top-width: 0px !important;
      border-top-style: none;
    }
    .md\:border-top-1 {
      border-top-width: 1px !important;
      border-top-style: solid;
    }
    .md\:border-top-2 {
      border-top-width: 2px !important;
      border-top-style: solid;
    }
    .md\:border-top-3 {
      border-top-width: 3px !important;
      border-top-style: solid;
    }
    .md\:border-right-none {
      border-right-width: 0px !important;
      border-right-style: none;
    }
    .md\:border-right-1 {
      border-right-width: 1px !important;
      border-right-style: solid;
    }
    .md\:border-right-2 {
      border-right-width: 2px !important;
      border-right-style: solid;
    }
    .md\:border-right-3 {
      border-right-width: 3px !important;
      border-right-style: solid;
    }
    .md\:border-left-none {
      border-left-width: 0px !important;
      border-left-style: none;
    }
    .md\:border-left-1 {
      border-left-width: 1px !important;
      border-left-style: solid;
    }
    .md\:border-left-2 {
      border-left-width: 2px !important;
      border-left-style: solid;
    }
    .md\:border-left-3 {
      border-left-width: 3px !important;
      border-left-style: solid;
    }
    .md\:border-bottom-none {
      border-bottom-width: 0px !important;
      border-bottom-style: none;
    }
    .md\:border-bottom-1 {
      border-bottom-width: 1px !important;
      border-bottom-style: solid;
    }
    .md\:border-bottom-2 {
      border-bottom-width: 2px !important;
      border-bottom-style: solid;
    }
    .md\:border-bottom-3 {
      border-bottom-width: 3px !important;
      border-bottom-style: solid;
    }
    .md\:border-x-none {
      border-left-width: 0px !important;
      border-left-style: none;
      border-right-width: 0px !important;
      border-right-style: none;
    }
    .md\:border-x-1 {
      border-left-width: 1px !important;
      border-left-style: solid;
      border-right-width: 1px !important;
      border-right-style: solid;
    }
    .md\:border-x-2 {
      border-left-width: 2px !important;
      border-left-style: solid;
      border-right-width: 2px !important;
      border-right-style: solid;
    }
    .md\:border-x-3 {
      border-left-width: 3px !important;
      border-left-style: solid;
      border-right-width: 3px !important;
      border-right-style: solid;
    }
    .md\:border-y-none {
      border-top-width: 0px !important;
      border-top-style: none;
      border-bottom-width: 0px !important;
      border-bottom-style: none;
    }
    .md\:border-y-1 {
      border-top-width: 1px !important;
      border-top-style: solid;
      border-bottom-width: 1px !important;
      border-bottom-style: solid;
    }
    .md\:border-y-2 {
      border-top-width: 2px !important;
      border-top-style: solid;
      border-bottom-width: 2px !important;
      border-bottom-style: solid;
    }
    .md\:border-y-3 {
      border-top-width: 3px !important;
      border-top-style: solid;
      border-bottom-width: 3px !important;
      border-bottom-style: solid;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:border-none {
      border-width: 0px !important;
      border-style: none;
    }
    .lg\:border-1 {
      border-width: 1px !important;
      border-style: solid;
    }
    .lg\:border-2 {
      border-width: 2px !important;
      border-style: solid;
    }
    .lg\:border-3 {
      border-width: 3px !important;
      border-style: solid;
    }
    .lg\:border-top-none {
      border-top-width: 0px !important;
      border-top-style: none;
    }
    .lg\:border-top-1 {
      border-top-width: 1px !important;
      border-top-style: solid;
    }
    .lg\:border-top-2 {
      border-top-width: 2px !important;
      border-top-style: solid;
    }
    .lg\:border-top-3 {
      border-top-width: 3px !important;
      border-top-style: solid;
    }
    .lg\:border-right-none {
      border-right-width: 0px !important;
      border-right-style: none;
    }
    .lg\:border-right-1 {
      border-right-width: 1px !important;
      border-right-style: solid;
    }
    .lg\:border-right-2 {
      border-right-width: 2px !important;
      border-right-style: solid;
    }
    .lg\:border-right-3 {
      border-right-width: 3px !important;
      border-right-style: solid;
    }
    .lg\:border-left-none {
      border-left-width: 0px !important;
      border-left-style: none;
    }
    .lg\:border-left-1 {
      border-left-width: 1px !important;
      border-left-style: solid;
    }
    .lg\:border-left-2 {
      border-left-width: 2px !important;
      border-left-style: solid;
    }
    .lg\:border-left-3 {
      border-left-width: 3px !important;
      border-left-style: solid;
    }
    .lg\:border-bottom-none {
      border-bottom-width: 0px !important;
      border-bottom-style: none;
    }
    .lg\:border-bottom-1 {
      border-bottom-width: 1px !important;
      border-bottom-style: solid;
    }
    .lg\:border-bottom-2 {
      border-bottom-width: 2px !important;
      border-bottom-style: solid;
    }
    .lg\:border-bottom-3 {
      border-bottom-width: 3px !important;
      border-bottom-style: solid;
    }
    .lg\:border-x-none {
      border-left-width: 0px !important;
      border-left-style: none;
      border-right-width: 0px !important;
      border-right-style: none;
    }
    .lg\:border-x-1 {
      border-left-width: 1px !important;
      border-left-style: solid;
      border-right-width: 1px !important;
      border-right-style: solid;
    }
    .lg\:border-x-2 {
      border-left-width: 2px !important;
      border-left-style: solid;
      border-right-width: 2px !important;
      border-right-style: solid;
    }
    .lg\:border-x-3 {
      border-left-width: 3px !important;
      border-left-style: solid;
      border-right-width: 3px !important;
      border-right-style: solid;
    }
    .lg\:border-y-none {
      border-top-width: 0px !important;
      border-top-style: none;
      border-bottom-width: 0px !important;
      border-bottom-style: none;
    }
    .lg\:border-y-1 {
      border-top-width: 1px !important;
      border-top-style: solid;
      border-bottom-width: 1px !important;
      border-bottom-style: solid;
    }
    .lg\:border-y-2 {
      border-top-width: 2px !important;
      border-top-style: solid;
      border-bottom-width: 2px !important;
      border-bottom-style: solid;
    }
    .lg\:border-y-3 {
      border-top-width: 3px !important;
      border-top-style: solid;
      border-bottom-width: 3px !important;
      border-bottom-style: solid;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:border-none {
      border-width: 0px !important;
      border-style: none;
    }
    .xl\:border-1 {
      border-width: 1px !important;
      border-style: solid;
    }
    .xl\:border-2 {
      border-width: 2px !important;
      border-style: solid;
    }
    .xl\:border-3 {
      border-width: 3px !important;
      border-style: solid;
    }
    .xl\:border-top-none {
      border-top-width: 0px !important;
      border-top-style: none;
    }
    .xl\:border-top-1 {
      border-top-width: 1px !important;
      border-top-style: solid;
    }
    .xl\:border-top-2 {
      border-top-width: 2px !important;
      border-top-style: solid;
    }
    .xl\:border-top-3 {
      border-top-width: 3px !important;
      border-top-style: solid;
    }
    .xl\:border-right-none {
      border-right-width: 0px !important;
      border-right-style: none;
    }
    .xl\:border-right-1 {
      border-right-width: 1px !important;
      border-right-style: solid;
    }
    .xl\:border-right-2 {
      border-right-width: 2px !important;
      border-right-style: solid;
    }
    .xl\:border-right-3 {
      border-right-width: 3px !important;
      border-right-style: solid;
    }
    .xl\:border-left-none {
      border-left-width: 0px !important;
      border-left-style: none;
    }
    .xl\:border-left-1 {
      border-left-width: 1px !important;
      border-left-style: solid;
    }
    .xl\:border-left-2 {
      border-left-width: 2px !important;
      border-left-style: solid;
    }
    .xl\:border-left-3 {
      border-left-width: 3px !important;
      border-left-style: solid;
    }
    .xl\:border-bottom-none {
      border-bottom-width: 0px !important;
      border-bottom-style: none;
    }
    .xl\:border-bottom-1 {
      border-bottom-width: 1px !important;
      border-bottom-style: solid;
    }
    .xl\:border-bottom-2 {
      border-bottom-width: 2px !important;
      border-bottom-style: solid;
    }
    .xl\:border-bottom-3 {
      border-bottom-width: 3px !important;
      border-bottom-style: solid;
    }
    .xl\:border-x-none {
      border-left-width: 0px !important;
      border-left-style: none;
      border-right-width: 0px !important;
      border-right-style: none;
    }
    .xl\:border-x-1 {
      border-left-width: 1px !important;
      border-left-style: solid;
      border-right-width: 1px !important;
      border-right-style: solid;
    }
    .xl\:border-x-2 {
      border-left-width: 2px !important;
      border-left-style: solid;
      border-right-width: 2px !important;
      border-right-style: solid;
    }
    .xl\:border-x-3 {
      border-left-width: 3px !important;
      border-left-style: solid;
      border-right-width: 3px !important;
      border-right-style: solid;
    }
    .xl\:border-y-none {
      border-top-width: 0px !important;
      border-top-style: none;
      border-bottom-width: 0px !important;
      border-bottom-style: none;
    }
    .xl\:border-y-1 {
      border-top-width: 1px !important;
      border-top-style: solid;
      border-bottom-width: 1px !important;
      border-bottom-style: solid;
    }
    .xl\:border-y-2 {
      border-top-width: 2px !important;
      border-top-style: solid;
      border-bottom-width: 2px !important;
      border-bottom-style: solid;
    }
    .xl\:border-y-3 {
      border-top-width: 3px !important;
      border-top-style: solid;
      border-bottom-width: 3px !important;
      border-bottom-style: solid;
    }
  }
  .border-solid {
    border-style: solid !important;
  }
  .border-dashed {
    border-style: dashed !important;
  }
  .border-dotted {
    border-style: dotted !important;
  }
  .border-double {
    border-style: double !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:border-solid {
      border-style: solid !important;
    }
    .sm\:border-dashed {
      border-style: dashed !important;
    }
    .sm\:border-dotted {
      border-style: dotted !important;
    }
    .sm\:border-double {
      border-style: double !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:border-solid {
      border-style: solid !important;
    }
    .md\:border-dashed {
      border-style: dashed !important;
    }
    .md\:border-dotted {
      border-style: dotted !important;
    }
    .md\:border-double {
      border-style: double !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:border-solid {
      border-style: solid !important;
    }
    .lg\:border-dashed {
      border-style: dashed !important;
    }
    .lg\:border-dotted {
      border-style: dotted !important;
    }
    .lg\:border-double {
      border-style: double !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:border-solid {
      border-style: solid !important;
    }
    .xl\:border-dashed {
      border-style: dashed !important;
    }
    .xl\:border-dotted {
      border-style: dotted !important;
    }
    .xl\:border-double {
      border-style: double !important;
    }
  }
  .border-noround {
    border-radius: 0 !important;
  }
  .border-round {
    border-radius: var(--p-content-border-radius) !important;
  }
  .border-round-xs {
    border-radius: 0.125rem !important;
  }
  .border-round-sm {
    border-radius: 0.25rem !important;
  }
  .border-round-md {
    border-radius: 0.375rem !important;
  }
  .border-round-lg {
    border-radius: 0.5rem !important;
  }
  .border-round-xl {
    border-radius: 0.75rem !important;
  }
  .border-round-2xl {
    border-radius: 1rem !important;
  }
  .border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .border-circle {
    border-radius: 50% !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:border-noround {
      border-radius: 0 !important;
    }
    .sm\:border-round {
      border-radius: var(--p-content-border-radius) !important;
    }
    .sm\:border-round-xs {
      border-radius: 0.125rem !important;
    }
    .sm\:border-round-sm {
      border-radius: 0.25rem !important;
    }
    .sm\:border-round-md {
      border-radius: 0.375rem !important;
    }
    .sm\:border-round-lg {
      border-radius: 0.5rem !important;
    }
    .sm\:border-round-xl {
      border-radius: 0.75rem !important;
    }
    .sm\:border-round-2xl {
      border-radius: 1rem !important;
    }
    .sm\:border-round-3xl {
      border-radius: 1.5rem !important;
    }
    .sm\:border-circle {
      border-radius: 50% !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:border-noround {
      border-radius: 0 !important;
    }
    .md\:border-round {
      border-radius: var(--p-content-border-radius) !important;
    }
    .md\:border-round-xs {
      border-radius: 0.125rem !important;
    }
    .md\:border-round-sm {
      border-radius: 0.25rem !important;
    }
    .md\:border-round-md {
      border-radius: 0.375rem !important;
    }
    .md\:border-round-lg {
      border-radius: 0.5rem !important;
    }
    .md\:border-round-xl {
      border-radius: 0.75rem !important;
    }
    .md\:border-round-2xl {
      border-radius: 1rem !important;
    }
    .md\:border-round-3xl {
      border-radius: 1.5rem !important;
    }
    .md\:border-circle {
      border-radius: 50% !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:border-noround {
      border-radius: 0 !important;
    }
    .lg\:border-round {
      border-radius: var(--p-content-border-radius) !important;
    }
    .lg\:border-round-xs {
      border-radius: 0.125rem !important;
    }
    .lg\:border-round-sm {
      border-radius: 0.25rem !important;
    }
    .lg\:border-round-md {
      border-radius: 0.375rem !important;
    }
    .lg\:border-round-lg {
      border-radius: 0.5rem !important;
    }
    .lg\:border-round-xl {
      border-radius: 0.75rem !important;
    }
    .lg\:border-round-2xl {
      border-radius: 1rem !important;
    }
    .lg\:border-round-3xl {
      border-radius: 1.5rem !important;
    }
    .lg\:border-circle {
      border-radius: 50% !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:border-noround {
      border-radius: 0 !important;
    }
    .xl\:border-round {
      border-radius: var(--p-content-border-radius) !important;
    }
    .xl\:border-round-xs {
      border-radius: 0.125rem !important;
    }
    .xl\:border-round-sm {
      border-radius: 0.25rem !important;
    }
    .xl\:border-round-md {
      border-radius: 0.375rem !important;
    }
    .xl\:border-round-lg {
      border-radius: 0.5rem !important;
    }
    .xl\:border-round-xl {
      border-radius: 0.75rem !important;
    }
    .xl\:border-round-2xl {
      border-radius: 1rem !important;
    }
    .xl\:border-round-3xl {
      border-radius: 1.5rem !important;
    }
    .xl\:border-circle {
      border-radius: 50% !important;
    }
  }
  .border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .border-round-left {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-bottom-left-radius: var(--p-content-border-radius) !important;
  }
  .border-round-top {
    border-top-left-radius: var(--p-content-border-radius) !important;
    border-top-right-radius: var(--p-content-border-radius) !important;
  }
  .border-round-right {
    border-top-right-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .border-round-bottom {
    border-bottom-left-radius: var(--p-content-border-radius) !important;
    border-bottom-right-radius: var(--p-content-border-radius) !important;
  }
  .border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:border-noround-left {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }
    .sm\:border-noround-top {
      border-top-left-radius: 0 !important;
      border-top-right-radius: 0 !important;
    }
    .sm\:border-noround-right {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }
    .sm\:border-noround-bottom {
      border-bottom-left-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }
    .sm\:border-round-left {
      border-top-left-radius: var(--p-content-border-radius) !important;
      border-bottom-left-radius: var(--p-content-border-radius) !important;
    }
    .sm\:border-round-top {
      border-top-left-radius: var(--p-content-border-radius) !important;
      border-top-right-radius: var(--p-content-border-radius) !important;
    }
    .sm\:border-round-right {
      border-top-right-radius: var(--p-content-border-radius) !important;
      border-bottom-right-radius: var(--p-content-border-radius) !important;
    }
    .sm\:border-round-bottom {
      border-bottom-left-radius: var(--p-content-border-radius) !important;
      border-bottom-right-radius: var(--p-content-border-radius) !important;
    }
    .sm\:border-round-left-xs {
      border-top-left-radius: 0.125rem !important;
      border-bottom-left-radius: 0.125rem !important;
    }
    .sm\:border-round-top-xs {
      border-top-left-radius: 0.125rem !important;
      border-top-right-radius: 0.125rem !important;
    }
    .sm\:border-round-right-xs {
      border-top-right-radius: 0.125rem !important;
      border-bottom-right-radius: 0.125rem !important;
    }
    .sm\:border-round-bottom-xs {
      border-bottom-left-radius: 0.125rem !important;
      border-bottom-right-radius: 0.125rem !important;
    }
    .sm\:border-round-left-sm {
      border-top-left-radius: 0.25rem !important;
      border-bottom-left-radius: 0.25rem !important;
    }
    .sm\:border-round-top-sm {
      border-top-left-radius: 0.25rem !important;
      border-top-right-radius: 0.25rem !important;
    }
    .sm\:border-round-right-sm {
      border-top-right-radius: 0.25rem !important;
      border-bottom-right-radius: 0.25rem !important;
    }
    .sm\:border-round-bottom-sm {
      border-bottom-left-radius: 0.25rem !important;
      border-bottom-right-radius: 0.25rem !important;
    }
    .sm\:border-round-left-md {
      border-top-left-radius: 0.375rem !important;
      border-bottom-left-radius: 0.375rem !important;
    }
    .sm\:border-round-top-md {
      border-top-left-radius: 0.375rem !important;
      border-top-right-radius: 0.375rem !important;
    }
    .sm\:border-round-right-md {
      border-top-right-radius: 0.375rem !important;
      border-bottom-right-radius: 0.375rem !important;
    }
    .sm\:border-round-bottom-md {
      border-bottom-left-radius: 0.375rem !important;
      border-bottom-right-radius: 0.375rem !important;
    }
    .sm\:border-round-left-lg {
      border-top-left-radius: 0.5rem !important;
      border-bottom-left-radius: 0.5rem !important;
    }
    .sm\:border-round-top-lg {
      border-top-left-radius: 0.5rem !important;
      border-top-right-radius: 0.5rem !important;
    }
    .sm\:border-round-right-lg {
      border-top-right-radius: 0.5rem !important;
      border-bottom-right-radius: 0.5rem !important;
    }
    .sm\:border-round-bottom-lg {
      border-bottom-left-radius: 0.5rem !important;
      border-bottom-right-radius: 0.5rem !important;
    }
    .sm\:border-round-left-xl {
      border-top-left-radius: 0.75rem !important;
      border-bottom-left-radius: 0.75rem !important;
    }
    .sm\:border-round-top-xl {
      border-top-left-radius: 0.75rem !important;
      border-top-right-radius: 0.75rem !important;
    }
    .sm\:border-round-right-xl {
      border-top-right-radius: 0.75rem !important;
      border-bottom-right-radius: 0.75rem !important;
    }
    .sm\:border-round-bottom-xl {
      border-bottom-left-radius: 0.75rem !important;
      border-bottom-right-radius: 0.75rem !important;
    }
    .sm\:border-round-left-2xl {
      border-top-left-radius: 1rem !important;
      border-bottom-left-radius: 1rem !important;
    }
    .sm\:border-round-top-2xl {
      border-top-left-radius: 1rem !important;
      border-top-right-radius: 1rem !important;
    }
    .sm\:border-round-right-2xl {
      border-top-right-radius: 1rem !important;
      border-bottom-right-radius: 1rem !important;
    }
    .sm\:border-round-bottom-2xl {
      border-bottom-left-radius: 1rem !important;
      border-bottom-right-radius: 1rem !important;
    }
    .sm\:border-round-left-3xl {
      border-top-left-radius: 1.5rem !important;
      border-bottom-left-radius: 1.5rem !important;
    }
    .sm\:border-round-top-3xl {
      border-top-left-radius: 1.5rem !important;
      border-top-right-radius: 1.5rem !important;
    }
    .sm\:border-round-right-3xl {
      border-top-right-radius: 1.5rem !important;
      border-bottom-right-radius: 1.5rem !important;
    }
    .sm\:border-round-bottom-3xl {
      border-bottom-left-radius: 1.5rem !important;
      border-bottom-right-radius: 1.5rem !important;
    }
    .sm\:border-circle-left {
      border-top-left-radius: 50% !important;
      border-bottom-left-radius: 50% !important;
    }
    .sm\:border-circle-top {
      border-top-left-radius: 50% !important;
      border-top-right-radius: 50% !important;
    }
    .sm\:border-circle-right {
      border-top-right-radius: 50% !important;
      border-bottom-right-radius: 50% !important;
    }
    .sm\:border-circle-bottom {
      border-bottom-left-radius: 50% !important;
      border-bottom-right-radius: 50% !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:border-noround-left {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }
    .md\:border-noround-top {
      border-top-left-radius: 0 !important;
      border-top-right-radius: 0 !important;
    }
    .md\:border-noround-right {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }
    .md\:border-noround-bottom {
      border-bottom-left-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }
    .md\:border-round-left {
      border-top-left-radius: var(--p-content-border-radius) !important;
      border-bottom-left-radius: var(--p-content-border-radius) !important;
    }
    .md\:border-round-top {
      border-top-left-radius: var(--p-content-border-radius) !important;
      border-top-right-radius: var(--p-content-border-radius) !important;
    }
    .md\:border-round-right {
      border-top-right-radius: var(--p-content-border-radius) !important;
      border-bottom-right-radius: var(--p-content-border-radius) !important;
    }
    .md\:border-round-bottom {
      border-bottom-left-radius: var(--p-content-border-radius) !important;
      border-bottom-right-radius: var(--p-content-border-radius) !important;
    }
    .md\:border-round-left-xs {
      border-top-left-radius: 0.125rem !important;
      border-bottom-left-radius: 0.125rem !important;
    }
    .md\:border-round-top-xs {
      border-top-left-radius: 0.125rem !important;
      border-top-right-radius: 0.125rem !important;
    }
    .md\:border-round-right-xs {
      border-top-right-radius: 0.125rem !important;
      border-bottom-right-radius: 0.125rem !important;
    }
    .md\:border-round-bottom-xs {
      border-bottom-left-radius: 0.125rem !important;
      border-bottom-right-radius: 0.125rem !important;
    }
    .md\:border-round-left-sm {
      border-top-left-radius: 0.25rem !important;
      border-bottom-left-radius: 0.25rem !important;
    }
    .md\:border-round-top-sm {
      border-top-left-radius: 0.25rem !important;
      border-top-right-radius: 0.25rem !important;
    }
    .md\:border-round-right-sm {
      border-top-right-radius: 0.25rem !important;
      border-bottom-right-radius: 0.25rem !important;
    }
    .md\:border-round-bottom-sm {
      border-bottom-left-radius: 0.25rem !important;
      border-bottom-right-radius: 0.25rem !important;
    }
    .md\:border-round-left-md {
      border-top-left-radius: 0.375rem !important;
      border-bottom-left-radius: 0.375rem !important;
    }
    .md\:border-round-top-md {
      border-top-left-radius: 0.375rem !important;
      border-top-right-radius: 0.375rem !important;
    }
    .md\:border-round-right-md {
      border-top-right-radius: 0.375rem !important;
      border-bottom-right-radius: 0.375rem !important;
    }
    .md\:border-round-bottom-md {
      border-bottom-left-radius: 0.375rem !important;
      border-bottom-right-radius: 0.375rem !important;
    }
    .md\:border-round-left-lg {
      border-top-left-radius: 0.5rem !important;
      border-bottom-left-radius: 0.5rem !important;
    }
    .md\:border-round-top-lg {
      border-top-left-radius: 0.5rem !important;
      border-top-right-radius: 0.5rem !important;
    }
    .md\:border-round-right-lg {
      border-top-right-radius: 0.5rem !important;
      border-bottom-right-radius: 0.5rem !important;
    }
    .md\:border-round-bottom-lg {
      border-bottom-left-radius: 0.5rem !important;
      border-bottom-right-radius: 0.5rem !important;
    }
    .md\:border-round-left-xl {
      border-top-left-radius: 0.75rem !important;
      border-bottom-left-radius: 0.75rem !important;
    }
    .md\:border-round-top-xl {
      border-top-left-radius: 0.75rem !important;
      border-top-right-radius: 0.75rem !important;
    }
    .md\:border-round-right-xl {
      border-top-right-radius: 0.75rem !important;
      border-bottom-right-radius: 0.75rem !important;
    }
    .md\:border-round-bottom-xl {
      border-bottom-left-radius: 0.75rem !important;
      border-bottom-right-radius: 0.75rem !important;
    }
    .md\:border-round-left-2xl {
      border-top-left-radius: 1rem !important;
      border-bottom-left-radius: 1rem !important;
    }
    .md\:border-round-top-2xl {
      border-top-left-radius: 1rem !important;
      border-top-right-radius: 1rem !important;
    }
    .md\:border-round-right-2xl {
      border-top-right-radius: 1rem !important;
      border-bottom-right-radius: 1rem !important;
    }
    .md\:border-round-bottom-2xl {
      border-bottom-left-radius: 1rem !important;
      border-bottom-right-radius: 1rem !important;
    }
    .md\:border-round-left-3xl {
      border-top-left-radius: 1.5rem !important;
      border-bottom-left-radius: 1.5rem !important;
    }
    .md\:border-round-top-3xl {
      border-top-left-radius: 1.5rem !important;
      border-top-right-radius: 1.5rem !important;
    }
    .md\:border-round-right-3xl {
      border-top-right-radius: 1.5rem !important;
      border-bottom-right-radius: 1.5rem !important;
    }
    .md\:border-round-bottom-3xl {
      border-bottom-left-radius: 1.5rem !important;
      border-bottom-right-radius: 1.5rem !important;
    }
    .md\:border-circle-left {
      border-top-left-radius: 50% !important;
      border-bottom-left-radius: 50% !important;
    }
    .md\:border-circle-top {
      border-top-left-radius: 50% !important;
      border-top-right-radius: 50% !important;
    }
    .md\:border-circle-right {
      border-top-right-radius: 50% !important;
      border-bottom-right-radius: 50% !important;
    }
    .md\:border-circle-bottom {
      border-bottom-left-radius: 50% !important;
      border-bottom-right-radius: 50% !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:border-noround-left {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }
    .lg\:border-noround-top {
      border-top-left-radius: 0 !important;
      border-top-right-radius: 0 !important;
    }
    .lg\:border-noround-right {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }
    .lg\:border-noround-bottom {
      border-bottom-left-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }
    .lg\:border-round-left {
      border-top-left-radius: var(--p-content-border-radius) !important;
      border-bottom-left-radius: var(--p-content-border-radius) !important;
    }
    .lg\:border-round-top {
      border-top-left-radius: var(--p-content-border-radius) !important;
      border-top-right-radius: var(--p-content-border-radius) !important;
    }
    .lg\:border-round-right {
      border-top-right-radius: var(--p-content-border-radius) !important;
      border-bottom-right-radius: var(--p-content-border-radius) !important;
    }
    .lg\:border-round-bottom {
      border-bottom-left-radius: var(--p-content-border-radius) !important;
      border-bottom-right-radius: var(--p-content-border-radius) !important;
    }
    .lg\:border-round-left-xs {
      border-top-left-radius: 0.125rem !important;
      border-bottom-left-radius: 0.125rem !important;
    }
    .lg\:border-round-top-xs {
      border-top-left-radius: 0.125rem !important;
      border-top-right-radius: 0.125rem !important;
    }
    .lg\:border-round-right-xs {
      border-top-right-radius: 0.125rem !important;
      border-bottom-right-radius: 0.125rem !important;
    }
    .lg\:border-round-bottom-xs {
      border-bottom-left-radius: 0.125rem !important;
      border-bottom-right-radius: 0.125rem !important;
    }
    .lg\:border-round-left-sm {
      border-top-left-radius: 0.25rem !important;
      border-bottom-left-radius: 0.25rem !important;
    }
    .lg\:border-round-top-sm {
      border-top-left-radius: 0.25rem !important;
      border-top-right-radius: 0.25rem !important;
    }
    .lg\:border-round-right-sm {
      border-top-right-radius: 0.25rem !important;
      border-bottom-right-radius: 0.25rem !important;
    }
    .lg\:border-round-bottom-sm {
      border-bottom-left-radius: 0.25rem !important;
      border-bottom-right-radius: 0.25rem !important;
    }
    .lg\:border-round-left-md {
      border-top-left-radius: 0.375rem !important;
      border-bottom-left-radius: 0.375rem !important;
    }
    .lg\:border-round-top-md {
      border-top-left-radius: 0.375rem !important;
      border-top-right-radius: 0.375rem !important;
    }
    .lg\:border-round-right-md {
      border-top-right-radius: 0.375rem !important;
      border-bottom-right-radius: 0.375rem !important;
    }
    .lg\:border-round-bottom-md {
      border-bottom-left-radius: 0.375rem !important;
      border-bottom-right-radius: 0.375rem !important;
    }
    .lg\:border-round-left-lg {
      border-top-left-radius: 0.5rem !important;
      border-bottom-left-radius: 0.5rem !important;
    }
    .lg\:border-round-top-lg {
      border-top-left-radius: 0.5rem !important;
      border-top-right-radius: 0.5rem !important;
    }
    .lg\:border-round-right-lg {
      border-top-right-radius: 0.5rem !important;
      border-bottom-right-radius: 0.5rem !important;
    }
    .lg\:border-round-bottom-lg {
      border-bottom-left-radius: 0.5rem !important;
      border-bottom-right-radius: 0.5rem !important;
    }
    .lg\:border-round-left-xl {
      border-top-left-radius: 0.75rem !important;
      border-bottom-left-radius: 0.75rem !important;
    }
    .lg\:border-round-top-xl {
      border-top-left-radius: 0.75rem !important;
      border-top-right-radius: 0.75rem !important;
    }
    .lg\:border-round-right-xl {
      border-top-right-radius: 0.75rem !important;
      border-bottom-right-radius: 0.75rem !important;
    }
    .lg\:border-round-bottom-xl {
      border-bottom-left-radius: 0.75rem !important;
      border-bottom-right-radius: 0.75rem !important;
    }
    .lg\:border-round-left-2xl {
      border-top-left-radius: 1rem !important;
      border-bottom-left-radius: 1rem !important;
    }
    .lg\:border-round-top-2xl {
      border-top-left-radius: 1rem !important;
      border-top-right-radius: 1rem !important;
    }
    .lg\:border-round-right-2xl {
      border-top-right-radius: 1rem !important;
      border-bottom-right-radius: 1rem !important;
    }
    .lg\:border-round-bottom-2xl {
      border-bottom-left-radius: 1rem !important;
      border-bottom-right-radius: 1rem !important;
    }
    .lg\:border-round-left-3xl {
      border-top-left-radius: 1.5rem !important;
      border-bottom-left-radius: 1.5rem !important;
    }
    .lg\:border-round-top-3xl {
      border-top-left-radius: 1.5rem !important;
      border-top-right-radius: 1.5rem !important;
    }
    .lg\:border-round-right-3xl {
      border-top-right-radius: 1.5rem !important;
      border-bottom-right-radius: 1.5rem !important;
    }
    .lg\:border-round-bottom-3xl {
      border-bottom-left-radius: 1.5rem !important;
      border-bottom-right-radius: 1.5rem !important;
    }
    .lg\:border-circle-left {
      border-top-left-radius: 50% !important;
      border-bottom-left-radius: 50% !important;
    }
    .lg\:border-circle-top {
      border-top-left-radius: 50% !important;
      border-top-right-radius: 50% !important;
    }
    .lg\:border-circle-right {
      border-top-right-radius: 50% !important;
      border-bottom-right-radius: 50% !important;
    }
    .lg\:border-circle-bottom {
      border-bottom-left-radius: 50% !important;
      border-bottom-right-radius: 50% !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:border-noround-left {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }
    .xl\:border-noround-top {
      border-top-left-radius: 0 !important;
      border-top-right-radius: 0 !important;
    }
    .xl\:border-noround-right {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }
    .xl\:border-noround-bottom {
      border-bottom-left-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }
    .xl\:border-round-left {
      border-top-left-radius: var(--p-content-border-radius) !important;
      border-bottom-left-radius: var(--p-content-border-radius) !important;
    }
    .xl\:border-round-top {
      border-top-left-radius: var(--p-content-border-radius) !important;
      border-top-right-radius: var(--p-content-border-radius) !important;
    }
    .xl\:border-round-right {
      border-top-right-radius: var(--p-content-border-radius) !important;
      border-bottom-right-radius: var(--p-content-border-radius) !important;
    }
    .xl\:border-round-bottom {
      border-bottom-left-radius: var(--p-content-border-radius) !important;
      border-bottom-right-radius: var(--p-content-border-radius) !important;
    }
    .xl\:border-round-left-xs {
      border-top-left-radius: 0.125rem !important;
      border-bottom-left-radius: 0.125rem !important;
    }
    .xl\:border-round-top-xs {
      border-top-left-radius: 0.125rem !important;
      border-top-right-radius: 0.125rem !important;
    }
    .xl\:border-round-right-xs {
      border-top-right-radius: 0.125rem !important;
      border-bottom-right-radius: 0.125rem !important;
    }
    .xl\:border-round-bottom-xs {
      border-bottom-left-radius: 0.125rem !important;
      border-bottom-right-radius: 0.125rem !important;
    }
    .xl\:border-round-left-sm {
      border-top-left-radius: 0.25rem !important;
      border-bottom-left-radius: 0.25rem !important;
    }
    .xl\:border-round-top-sm {
      border-top-left-radius: 0.25rem !important;
      border-top-right-radius: 0.25rem !important;
    }
    .xl\:border-round-right-sm {
      border-top-right-radius: 0.25rem !important;
      border-bottom-right-radius: 0.25rem !important;
    }
    .xl\:border-round-bottom-sm {
      border-bottom-left-radius: 0.25rem !important;
      border-bottom-right-radius: 0.25rem !important;
    }
    .xl\:border-round-left-md {
      border-top-left-radius: 0.375rem !important;
      border-bottom-left-radius: 0.375rem !important;
    }
    .xl\:border-round-top-md {
      border-top-left-radius: 0.375rem !important;
      border-top-right-radius: 0.375rem !important;
    }
    .xl\:border-round-right-md {
      border-top-right-radius: 0.375rem !important;
      border-bottom-right-radius: 0.375rem !important;
    }
    .xl\:border-round-bottom-md {
      border-bottom-left-radius: 0.375rem !important;
      border-bottom-right-radius: 0.375rem !important;
    }
    .xl\:border-round-left-lg {
      border-top-left-radius: 0.5rem !important;
      border-bottom-left-radius: 0.5rem !important;
    }
    .xl\:border-round-top-lg {
      border-top-left-radius: 0.5rem !important;
      border-top-right-radius: 0.5rem !important;
    }
    .xl\:border-round-right-lg {
      border-top-right-radius: 0.5rem !important;
      border-bottom-right-radius: 0.5rem !important;
    }
    .xl\:border-round-bottom-lg {
      border-bottom-left-radius: 0.5rem !important;
      border-bottom-right-radius: 0.5rem !important;
    }
    .xl\:border-round-left-xl {
      border-top-left-radius: 0.75rem !important;
      border-bottom-left-radius: 0.75rem !important;
    }
    .xl\:border-round-top-xl {
      border-top-left-radius: 0.75rem !important;
      border-top-right-radius: 0.75rem !important;
    }
    .xl\:border-round-right-xl {
      border-top-right-radius: 0.75rem !important;
      border-bottom-right-radius: 0.75rem !important;
    }
    .xl\:border-round-bottom-xl {
      border-bottom-left-radius: 0.75rem !important;
      border-bottom-right-radius: 0.75rem !important;
    }
    .xl\:border-round-left-2xl {
      border-top-left-radius: 1rem !important;
      border-bottom-left-radius: 1rem !important;
    }
    .xl\:border-round-top-2xl {
      border-top-left-radius: 1rem !important;
      border-top-right-radius: 1rem !important;
    }
    .xl\:border-round-right-2xl {
      border-top-right-radius: 1rem !important;
      border-bottom-right-radius: 1rem !important;
    }
    .xl\:border-round-bottom-2xl {
      border-bottom-left-radius: 1rem !important;
      border-bottom-right-radius: 1rem !important;
    }
    .xl\:border-round-left-3xl {
      border-top-left-radius: 1.5rem !important;
      border-bottom-left-radius: 1.5rem !important;
    }
    .xl\:border-round-top-3xl {
      border-top-left-radius: 1.5rem !important;
      border-top-right-radius: 1.5rem !important;
    }
    .xl\:border-round-right-3xl {
      border-top-right-radius: 1.5rem !important;
      border-bottom-right-radius: 1.5rem !important;
    }
    .xl\:border-round-bottom-3xl {
      border-bottom-left-radius: 1.5rem !important;
      border-bottom-right-radius: 1.5rem !important;
    }
    .xl\:border-circle-left {
      border-top-left-radius: 50% !important;
      border-bottom-left-radius: 50% !important;
    }
    .xl\:border-circle-top {
      border-top-left-radius: 50% !important;
      border-top-right-radius: 50% !important;
    }
    .xl\:border-circle-right {
      border-top-right-radius: 50% !important;
      border-bottom-right-radius: 50% !important;
    }
    .xl\:border-circle-bottom {
      border-bottom-left-radius: 50% !important;
      border-bottom-right-radius: 50% !important;
    }
  }
  .w-full {
    width: 100% !important;
  }
  .w-screen {
    width: 100vw !important;
  }
  .w-auto {
    width: auto !important;
  }
  .w-1 {
    width: 8.3333% !important;
  }
  .w-2 {
    width: 16.6667% !important;
  }
  .w-3 {
    width: 25% !important;
  }
  .w-4 {
    width: 33.3333% !important;
  }
  .w-5 {
    width: 41.6667% !important;
  }
  .w-6 {
    width: 50% !important;
  }
  .w-7 {
    width: 58.3333% !important;
  }
  .w-8 {
    width: 66.6667% !important;
  }
  .w-9 {
    width: 75% !important;
  }
  .w-10 {
    width: 83.3333% !important;
  }
  .w-11 {
    width: 91.6667% !important;
  }
  .w-12 {
    width: 100% !important;
  }
  .w-min {
    width: min-content !important;
  }
  .w-max {
    width: max-content !important;
  }
  .w-fit {
    width: fit-content !important;
  }
  .w-1rem {
    width: 1rem !important;
  }
  .w-2rem {
    width: 2rem !important;
  }
  .w-3rem {
    width: 3rem !important;
  }
  .w-4rem {
    width: 4rem !important;
  }
  .w-5rem {
    width: 5rem !important;
  }
  .w-6rem {
    width: 6rem !important;
  }
  .w-7rem {
    width: 7rem !important;
  }
  .w-8rem {
    width: 8rem !important;
  }
  .w-9rem {
    width: 9rem !important;
  }
  .w-10rem {
    width: 10rem !important;
  }
  .w-11rem {
    width: 11rem !important;
  }
  .w-12rem {
    width: 12rem !important;
  }
  .w-13rem {
    width: 13rem !important;
  }
  .w-14rem {
    width: 14rem !important;
  }
  .w-15rem {
    width: 15rem !important;
  }
  .w-16rem {
    width: 16rem !important;
  }
  .w-17rem {
    width: 17rem !important;
  }
  .w-18rem {
    width: 18rem !important;
  }
  .w-19rem {
    width: 19rem !important;
  }
  .w-20rem {
    width: 20rem !important;
  }
  .w-21rem {
    width: 21rem !important;
  }
  .w-22rem {
    width: 22rem !important;
  }
  .w-23rem {
    width: 23rem !important;
  }
  .w-24rem {
    width: 24rem !important;
  }
  .w-25rem {
    width: 25rem !important;
  }
  .w-26rem {
    width: 26rem !important;
  }
  .w-27rem {
    width: 27rem !important;
  }
  .w-28rem {
    width: 28rem !important;
  }
  .w-29rem {
    width: 29rem !important;
  }
  .w-30rem {
    width: 30rem !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:w-full {
      width: 100% !important;
    }
    .sm\:w-screen {
      width: 100vw !important;
    }
    .sm\:w-auto {
      width: auto !important;
    }
    .sm\:w-1 {
      width: 8.3333% !important;
    }
    .sm\:w-2 {
      width: 16.6667% !important;
    }
    .sm\:w-3 {
      width: 25% !important;
    }
    .sm\:w-4 {
      width: 33.3333% !important;
    }
    .sm\:w-5 {
      width: 41.6667% !important;
    }
    .sm\:w-6 {
      width: 50% !important;
    }
    .sm\:w-7 {
      width: 58.3333% !important;
    }
    .sm\:w-8 {
      width: 66.6667% !important;
    }
    .sm\:w-9 {
      width: 75% !important;
    }
    .sm\:w-10 {
      width: 83.3333% !important;
    }
    .sm\:w-11 {
      width: 91.6667% !important;
    }
    .sm\:w-12 {
      width: 100% !important;
    }
    .sm\:w-min {
      width: min-content !important;
    }
    .sm\:w-max {
      width: max-content !important;
    }
    .sm\:w-fit {
      width: fit-content !important;
    }
    .sm\:w-1rem {
      width: 1rem !important;
    }
    .sm\:w-2rem {
      width: 2rem !important;
    }
    .sm\:w-3rem {
      width: 3rem !important;
    }
    .sm\:w-4rem {
      width: 4rem !important;
    }
    .sm\:w-5rem {
      width: 5rem !important;
    }
    .sm\:w-6rem {
      width: 6rem !important;
    }
    .sm\:w-7rem {
      width: 7rem !important;
    }
    .sm\:w-8rem {
      width: 8rem !important;
    }
    .sm\:w-9rem {
      width: 9rem !important;
    }
    .sm\:w-10rem {
      width: 10rem !important;
    }
    .sm\:w-11rem {
      width: 11rem !important;
    }
    .sm\:w-12rem {
      width: 12rem !important;
    }
    .sm\:w-13rem {
      width: 13rem !important;
    }
    .sm\:w-14rem {
      width: 14rem !important;
    }
    .sm\:w-15rem {
      width: 15rem !important;
    }
    .sm\:w-16rem {
      width: 16rem !important;
    }
    .sm\:w-17rem {
      width: 17rem !important;
    }
    .sm\:w-18rem {
      width: 18rem !important;
    }
    .sm\:w-19rem {
      width: 19rem !important;
    }
    .sm\:w-20rem {
      width: 20rem !important;
    }
    .sm\:w-21rem {
      width: 21rem !important;
    }
    .sm\:w-22rem {
      width: 22rem !important;
    }
    .sm\:w-23rem {
      width: 23rem !important;
    }
    .sm\:w-24rem {
      width: 24rem !important;
    }
    .sm\:w-25rem {
      width: 25rem !important;
    }
    .sm\:w-26rem {
      width: 26rem !important;
    }
    .sm\:w-27rem {
      width: 27rem !important;
    }
    .sm\:w-28rem {
      width: 28rem !important;
    }
    .sm\:w-29rem {
      width: 29rem !important;
    }
    .sm\:w-30rem {
      width: 30rem !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:w-full {
      width: 100% !important;
    }
    .md\:w-screen {
      width: 100vw !important;
    }
    .md\:w-auto {
      width: auto !important;
    }
    .md\:w-1 {
      width: 8.3333% !important;
    }
    .md\:w-2 {
      width: 16.6667% !important;
    }
    .md\:w-3 {
      width: 25% !important;
    }
    .md\:w-4 {
      width: 33.3333% !important;
    }
    .md\:w-5 {
      width: 41.6667% !important;
    }
    .md\:w-6 {
      width: 50% !important;
    }
    .md\:w-7 {
      width: 58.3333% !important;
    }
    .md\:w-8 {
      width: 66.6667% !important;
    }
    .md\:w-9 {
      width: 75% !important;
    }
    .md\:w-10 {
      width: 83.3333% !important;
    }
    .md\:w-11 {
      width: 91.6667% !important;
    }
    .md\:w-12 {
      width: 100% !important;
    }
    .md\:w-min {
      width: min-content !important;
    }
    .md\:w-max {
      width: max-content !important;
    }
    .md\:w-fit {
      width: fit-content !important;
    }
    .md\:w-1rem {
      width: 1rem !important;
    }
    .md\:w-2rem {
      width: 2rem !important;
    }
    .md\:w-3rem {
      width: 3rem !important;
    }
    .md\:w-4rem {
      width: 4rem !important;
    }
    .md\:w-5rem {
      width: 5rem !important;
    }
    .md\:w-6rem {
      width: 6rem !important;
    }
    .md\:w-7rem {
      width: 7rem !important;
    }
    .md\:w-8rem {
      width: 8rem !important;
    }
    .md\:w-9rem {
      width: 9rem !important;
    }
    .md\:w-10rem {
      width: 10rem !important;
    }
    .md\:w-11rem {
      width: 11rem !important;
    }
    .md\:w-12rem {
      width: 12rem !important;
    }
    .md\:w-13rem {
      width: 13rem !important;
    }
    .md\:w-14rem {
      width: 14rem !important;
    }
    .md\:w-15rem {
      width: 15rem !important;
    }
    .md\:w-16rem {
      width: 16rem !important;
    }
    .md\:w-17rem {
      width: 17rem !important;
    }
    .md\:w-18rem {
      width: 18rem !important;
    }
    .md\:w-19rem {
      width: 19rem !important;
    }
    .md\:w-20rem {
      width: 20rem !important;
    }
    .md\:w-21rem {
      width: 21rem !important;
    }
    .md\:w-22rem {
      width: 22rem !important;
    }
    .md\:w-23rem {
      width: 23rem !important;
    }
    .md\:w-24rem {
      width: 24rem !important;
    }
    .md\:w-25rem {
      width: 25rem !important;
    }
    .md\:w-26rem {
      width: 26rem !important;
    }
    .md\:w-27rem {
      width: 27rem !important;
    }
    .md\:w-28rem {
      width: 28rem !important;
    }
    .md\:w-29rem {
      width: 29rem !important;
    }
    .md\:w-30rem {
      width: 30rem !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:w-full {
      width: 100% !important;
    }
    .lg\:w-screen {
      width: 100vw !important;
    }
    .lg\:w-auto {
      width: auto !important;
    }
    .lg\:w-1 {
      width: 8.3333% !important;
    }
    .lg\:w-2 {
      width: 16.6667% !important;
    }
    .lg\:w-3 {
      width: 25% !important;
    }
    .lg\:w-4 {
      width: 33.3333% !important;
    }
    .lg\:w-5 {
      width: 41.6667% !important;
    }
    .lg\:w-6 {
      width: 50% !important;
    }
    .lg\:w-7 {
      width: 58.3333% !important;
    }
    .lg\:w-8 {
      width: 66.6667% !important;
    }
    .lg\:w-9 {
      width: 75% !important;
    }
    .lg\:w-10 {
      width: 83.3333% !important;
    }
    .lg\:w-11 {
      width: 91.6667% !important;
    }
    .lg\:w-12 {
      width: 100% !important;
    }
    .lg\:w-min {
      width: min-content !important;
    }
    .lg\:w-max {
      width: max-content !important;
    }
    .lg\:w-fit {
      width: fit-content !important;
    }
    .lg\:w-1rem {
      width: 1rem !important;
    }
    .lg\:w-2rem {
      width: 2rem !important;
    }
    .lg\:w-3rem {
      width: 3rem !important;
    }
    .lg\:w-4rem {
      width: 4rem !important;
    }
    .lg\:w-5rem {
      width: 5rem !important;
    }
    .lg\:w-6rem {
      width: 6rem !important;
    }
    .lg\:w-7rem {
      width: 7rem !important;
    }
    .lg\:w-8rem {
      width: 8rem !important;
    }
    .lg\:w-9rem {
      width: 9rem !important;
    }
    .lg\:w-10rem {
      width: 10rem !important;
    }
    .lg\:w-11rem {
      width: 11rem !important;
    }
    .lg\:w-12rem {
      width: 12rem !important;
    }
    .lg\:w-13rem {
      width: 13rem !important;
    }
    .lg\:w-14rem {
      width: 14rem !important;
    }
    .lg\:w-15rem {
      width: 15rem !important;
    }
    .lg\:w-16rem {
      width: 16rem !important;
    }
    .lg\:w-17rem {
      width: 17rem !important;
    }
    .lg\:w-18rem {
      width: 18rem !important;
    }
    .lg\:w-19rem {
      width: 19rem !important;
    }
    .lg\:w-20rem {
      width: 20rem !important;
    }
    .lg\:w-21rem {
      width: 21rem !important;
    }
    .lg\:w-22rem {
      width: 22rem !important;
    }
    .lg\:w-23rem {
      width: 23rem !important;
    }
    .lg\:w-24rem {
      width: 24rem !important;
    }
    .lg\:w-25rem {
      width: 25rem !important;
    }
    .lg\:w-26rem {
      width: 26rem !important;
    }
    .lg\:w-27rem {
      width: 27rem !important;
    }
    .lg\:w-28rem {
      width: 28rem !important;
    }
    .lg\:w-29rem {
      width: 29rem !important;
    }
    .lg\:w-30rem {
      width: 30rem !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:w-full {
      width: 100% !important;
    }
    .xl\:w-screen {
      width: 100vw !important;
    }
    .xl\:w-auto {
      width: auto !important;
    }
    .xl\:w-1 {
      width: 8.3333% !important;
    }
    .xl\:w-2 {
      width: 16.6667% !important;
    }
    .xl\:w-3 {
      width: 25% !important;
    }
    .xl\:w-4 {
      width: 33.3333% !important;
    }
    .xl\:w-5 {
      width: 41.6667% !important;
    }
    .xl\:w-6 {
      width: 50% !important;
    }
    .xl\:w-7 {
      width: 58.3333% !important;
    }
    .xl\:w-8 {
      width: 66.6667% !important;
    }
    .xl\:w-9 {
      width: 75% !important;
    }
    .xl\:w-10 {
      width: 83.3333% !important;
    }
    .xl\:w-11 {
      width: 91.6667% !important;
    }
    .xl\:w-12 {
      width: 100% !important;
    }
    .xl\:w-min {
      width: min-content !important;
    }
    .xl\:w-max {
      width: max-content !important;
    }
    .xl\:w-fit {
      width: fit-content !important;
    }
    .xl\:w-1rem {
      width: 1rem !important;
    }
    .xl\:w-2rem {
      width: 2rem !important;
    }
    .xl\:w-3rem {
      width: 3rem !important;
    }
    .xl\:w-4rem {
      width: 4rem !important;
    }
    .xl\:w-5rem {
      width: 5rem !important;
    }
    .xl\:w-6rem {
      width: 6rem !important;
    }
    .xl\:w-7rem {
      width: 7rem !important;
    }
    .xl\:w-8rem {
      width: 8rem !important;
    }
    .xl\:w-9rem {
      width: 9rem !important;
    }
    .xl\:w-10rem {
      width: 10rem !important;
    }
    .xl\:w-11rem {
      width: 11rem !important;
    }
    .xl\:w-12rem {
      width: 12rem !important;
    }
    .xl\:w-13rem {
      width: 13rem !important;
    }
    .xl\:w-14rem {
      width: 14rem !important;
    }
    .xl\:w-15rem {
      width: 15rem !important;
    }
    .xl\:w-16rem {
      width: 16rem !important;
    }
    .xl\:w-17rem {
      width: 17rem !important;
    }
    .xl\:w-18rem {
      width: 18rem !important;
    }
    .xl\:w-19rem {
      width: 19rem !important;
    }
    .xl\:w-20rem {
      width: 20rem !important;
    }
    .xl\:w-21rem {
      width: 21rem !important;
    }
    .xl\:w-22rem {
      width: 22rem !important;
    }
    .xl\:w-23rem {
      width: 23rem !important;
    }
    .xl\:w-24rem {
      width: 24rem !important;
    }
    .xl\:w-25rem {
      width: 25rem !important;
    }
    .xl\:w-26rem {
      width: 26rem !important;
    }
    .xl\:w-27rem {
      width: 27rem !important;
    }
    .xl\:w-28rem {
      width: 28rem !important;
    }
    .xl\:w-29rem {
      width: 29rem !important;
    }
    .xl\:w-30rem {
      width: 30rem !important;
    }
  }
  .h-full {
    height: 100% !important;
  }
  .h-screen {
    height: 100vh !important;
  }
  .h-auto {
    height: auto !important;
  }
  .h-min {
    height: min-content !important;
  }
  .h-max {
    height: max-content !important;
  }
  .h-fit {
    height: fit-content !important;
  }
  .h-1rem {
    height: 1rem !important;
  }
  .h-2rem {
    height: 2rem !important;
  }
  .h-3rem {
    height: 3rem !important;
  }
  .h-4rem {
    height: 4rem !important;
  }
  .h-5rem {
    height: 5rem !important;
  }
  .h-6rem {
    height: 6rem !important;
  }
  .h-7rem {
    height: 7rem !important;
  }
  .h-8rem {
    height: 8rem !important;
  }
  .h-9rem {
    height: 9rem !important;
  }
  .h-10rem {
    height: 10rem !important;
  }
  .h-11rem {
    height: 11rem !important;
  }
  .h-12rem {
    height: 12rem !important;
  }
  .h-13rem {
    height: 13rem !important;
  }
  .h-14rem {
    height: 14rem !important;
  }
  .h-15rem {
    height: 15rem !important;
  }
  .h-16rem {
    height: 16rem !important;
  }
  .h-17rem {
    height: 17rem !important;
  }
  .h-18rem {
    height: 18rem !important;
  }
  .h-19rem {
    height: 19rem !important;
  }
  .h-20rem {
    height: 20rem !important;
  }
  .h-21rem {
    height: 21rem !important;
  }
  .h-22rem {
    height: 22rem !important;
  }
  .h-23rem {
    height: 23rem !important;
  }
  .h-24rem {
    height: 24rem !important;
  }
  .h-25rem {
    height: 25rem !important;
  }
  .h-26rem {
    height: 26rem !important;
  }
  .h-27rem {
    height: 27rem !important;
  }
  .h-28rem {
    height: 28rem !important;
  }
  .h-29rem {
    height: 29rem !important;
  }
  .h-30rem {
    height: 30rem !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:h-full {
      height: 100% !important;
    }
    .sm\:h-screen {
      height: 100vh !important;
    }
    .sm\:h-auto {
      height: auto !important;
    }
    .sm\:h-min {
      height: min-content !important;
    }
    .sm\:h-max {
      height: max-content !important;
    }
    .sm\:h-fit {
      height: fit-content !important;
    }
    .sm\:h-1rem {
      height: 1rem !important;
    }
    .sm\:h-2rem {
      height: 2rem !important;
    }
    .sm\:h-3rem {
      height: 3rem !important;
    }
    .sm\:h-4rem {
      height: 4rem !important;
    }
    .sm\:h-5rem {
      height: 5rem !important;
    }
    .sm\:h-6rem {
      height: 6rem !important;
    }
    .sm\:h-7rem {
      height: 7rem !important;
    }
    .sm\:h-8rem {
      height: 8rem !important;
    }
    .sm\:h-9rem {
      height: 9rem !important;
    }
    .sm\:h-10rem {
      height: 10rem !important;
    }
    .sm\:h-11rem {
      height: 11rem !important;
    }
    .sm\:h-12rem {
      height: 12rem !important;
    }
    .sm\:h-13rem {
      height: 13rem !important;
    }
    .sm\:h-14rem {
      height: 14rem !important;
    }
    .sm\:h-15rem {
      height: 15rem !important;
    }
    .sm\:h-16rem {
      height: 16rem !important;
    }
    .sm\:h-17rem {
      height: 17rem !important;
    }
    .sm\:h-18rem {
      height: 18rem !important;
    }
    .sm\:h-19rem {
      height: 19rem !important;
    }
    .sm\:h-20rem {
      height: 20rem !important;
    }
    .sm\:h-21rem {
      height: 21rem !important;
    }
    .sm\:h-22rem {
      height: 22rem !important;
    }
    .sm\:h-23rem {
      height: 23rem !important;
    }
    .sm\:h-24rem {
      height: 24rem !important;
    }
    .sm\:h-25rem {
      height: 25rem !important;
    }
    .sm\:h-26rem {
      height: 26rem !important;
    }
    .sm\:h-27rem {
      height: 27rem !important;
    }
    .sm\:h-28rem {
      height: 28rem !important;
    }
    .sm\:h-29rem {
      height: 29rem !important;
    }
    .sm\:h-30rem {
      height: 30rem !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:h-full {
      height: 100% !important;
    }
    .md\:h-screen {
      height: 100vh !important;
    }
    .md\:h-auto {
      height: auto !important;
    }
    .md\:h-min {
      height: min-content !important;
    }
    .md\:h-max {
      height: max-content !important;
    }
    .md\:h-fit {
      height: fit-content !important;
    }
    .md\:h-1rem {
      height: 1rem !important;
    }
    .md\:h-2rem {
      height: 2rem !important;
    }
    .md\:h-3rem {
      height: 3rem !important;
    }
    .md\:h-4rem {
      height: 4rem !important;
    }
    .md\:h-5rem {
      height: 5rem !important;
    }
    .md\:h-6rem {
      height: 6rem !important;
    }
    .md\:h-7rem {
      height: 7rem !important;
    }
    .md\:h-8rem {
      height: 8rem !important;
    }
    .md\:h-9rem {
      height: 9rem !important;
    }
    .md\:h-10rem {
      height: 10rem !important;
    }
    .md\:h-11rem {
      height: 11rem !important;
    }
    .md\:h-12rem {
      height: 12rem !important;
    }
    .md\:h-13rem {
      height: 13rem !important;
    }
    .md\:h-14rem {
      height: 14rem !important;
    }
    .md\:h-15rem {
      height: 15rem !important;
    }
    .md\:h-16rem {
      height: 16rem !important;
    }
    .md\:h-17rem {
      height: 17rem !important;
    }
    .md\:h-18rem {
      height: 18rem !important;
    }
    .md\:h-19rem {
      height: 19rem !important;
    }
    .md\:h-20rem {
      height: 20rem !important;
    }
    .md\:h-21rem {
      height: 21rem !important;
    }
    .md\:h-22rem {
      height: 22rem !important;
    }
    .md\:h-23rem {
      height: 23rem !important;
    }
    .md\:h-24rem {
      height: 24rem !important;
    }
    .md\:h-25rem {
      height: 25rem !important;
    }
    .md\:h-26rem {
      height: 26rem !important;
    }
    .md\:h-27rem {
      height: 27rem !important;
    }
    .md\:h-28rem {
      height: 28rem !important;
    }
    .md\:h-29rem {
      height: 29rem !important;
    }
    .md\:h-30rem {
      height: 30rem !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:h-full {
      height: 100% !important;
    }
    .lg\:h-screen {
      height: 100vh !important;
    }
    .lg\:h-auto {
      height: auto !important;
    }
    .lg\:h-min {
      height: min-content !important;
    }
    .lg\:h-max {
      height: max-content !important;
    }
    .lg\:h-fit {
      height: fit-content !important;
    }
    .lg\:h-1rem {
      height: 1rem !important;
    }
    .lg\:h-2rem {
      height: 2rem !important;
    }
    .lg\:h-3rem {
      height: 3rem !important;
    }
    .lg\:h-4rem {
      height: 4rem !important;
    }
    .lg\:h-5rem {
      height: 5rem !important;
    }
    .lg\:h-6rem {
      height: 6rem !important;
    }
    .lg\:h-7rem {
      height: 7rem !important;
    }
    .lg\:h-8rem {
      height: 8rem !important;
    }
    .lg\:h-9rem {
      height: 9rem !important;
    }
    .lg\:h-10rem {
      height: 10rem !important;
    }
    .lg\:h-11rem {
      height: 11rem !important;
    }
    .lg\:h-12rem {
      height: 12rem !important;
    }
    .lg\:h-13rem {
      height: 13rem !important;
    }
    .lg\:h-14rem {
      height: 14rem !important;
    }
    .lg\:h-15rem {
      height: 15rem !important;
    }
    .lg\:h-16rem {
      height: 16rem !important;
    }
    .lg\:h-17rem {
      height: 17rem !important;
    }
    .lg\:h-18rem {
      height: 18rem !important;
    }
    .lg\:h-19rem {
      height: 19rem !important;
    }
    .lg\:h-20rem {
      height: 20rem !important;
    }
    .lg\:h-21rem {
      height: 21rem !important;
    }
    .lg\:h-22rem {
      height: 22rem !important;
    }
    .lg\:h-23rem {
      height: 23rem !important;
    }
    .lg\:h-24rem {
      height: 24rem !important;
    }
    .lg\:h-25rem {
      height: 25rem !important;
    }
    .lg\:h-26rem {
      height: 26rem !important;
    }
    .lg\:h-27rem {
      height: 27rem !important;
    }
    .lg\:h-28rem {
      height: 28rem !important;
    }
    .lg\:h-29rem {
      height: 29rem !important;
    }
    .lg\:h-30rem {
      height: 30rem !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:h-full {
      height: 100% !important;
    }
    .xl\:h-screen {
      height: 100vh !important;
    }
    .xl\:h-auto {
      height: auto !important;
    }
    .xl\:h-min {
      height: min-content !important;
    }
    .xl\:h-max {
      height: max-content !important;
    }
    .xl\:h-fit {
      height: fit-content !important;
    }
    .xl\:h-1rem {
      height: 1rem !important;
    }
    .xl\:h-2rem {
      height: 2rem !important;
    }
    .xl\:h-3rem {
      height: 3rem !important;
    }
    .xl\:h-4rem {
      height: 4rem !important;
    }
    .xl\:h-5rem {
      height: 5rem !important;
    }
    .xl\:h-6rem {
      height: 6rem !important;
    }
    .xl\:h-7rem {
      height: 7rem !important;
    }
    .xl\:h-8rem {
      height: 8rem !important;
    }
    .xl\:h-9rem {
      height: 9rem !important;
    }
    .xl\:h-10rem {
      height: 10rem !important;
    }
    .xl\:h-11rem {
      height: 11rem !important;
    }
    .xl\:h-12rem {
      height: 12rem !important;
    }
    .xl\:h-13rem {
      height: 13rem !important;
    }
    .xl\:h-14rem {
      height: 14rem !important;
    }
    .xl\:h-15rem {
      height: 15rem !important;
    }
    .xl\:h-16rem {
      height: 16rem !important;
    }
    .xl\:h-17rem {
      height: 17rem !important;
    }
    .xl\:h-18rem {
      height: 18rem !important;
    }
    .xl\:h-19rem {
      height: 19rem !important;
    }
    .xl\:h-20rem {
      height: 20rem !important;
    }
    .xl\:h-21rem {
      height: 21rem !important;
    }
    .xl\:h-22rem {
      height: 22rem !important;
    }
    .xl\:h-23rem {
      height: 23rem !important;
    }
    .xl\:h-24rem {
      height: 24rem !important;
    }
    .xl\:h-25rem {
      height: 25rem !important;
    }
    .xl\:h-26rem {
      height: 26rem !important;
    }
    .xl\:h-27rem {
      height: 27rem !important;
    }
    .xl\:h-28rem {
      height: 28rem !important;
    }
    .xl\:h-29rem {
      height: 29rem !important;
    }
    .xl\:h-30rem {
      height: 30rem !important;
    }
  }
  .min-w-0 {
    min-width: 0px !important;
  }
  .min-w-full {
    min-width: 100% !important;
  }
  .min-w-screen {
    min-width: 100vw !important;
  }
  .min-w-min {
    min-width: min-content !important;
  }
  .min-w-max {
    min-width: max-content !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:min-w-0 {
      min-width: 0px !important;
    }
    .sm\:min-w-full {
      min-width: 100% !important;
    }
    .sm\:min-w-screen {
      min-width: 100vw !important;
    }
    .sm\:min-w-min {
      min-width: min-content !important;
    }
    .sm\:min-w-max {
      min-width: max-content !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:min-w-0 {
      min-width: 0px !important;
    }
    .md\:min-w-full {
      min-width: 100% !important;
    }
    .md\:min-w-screen {
      min-width: 100vw !important;
    }
    .md\:min-w-min {
      min-width: min-content !important;
    }
    .md\:min-w-max {
      min-width: max-content !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:min-w-0 {
      min-width: 0px !important;
    }
    .lg\:min-w-full {
      min-width: 100% !important;
    }
    .lg\:min-w-screen {
      min-width: 100vw !important;
    }
    .lg\:min-w-min {
      min-width: min-content !important;
    }
    .lg\:min-w-max {
      min-width: max-content !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:min-w-0 {
      min-width: 0px !important;
    }
    .xl\:min-w-full {
      min-width: 100% !important;
    }
    .xl\:min-w-screen {
      min-width: 100vw !important;
    }
    .xl\:min-w-min {
      min-width: min-content !important;
    }
    .xl\:min-w-max {
      min-width: max-content !important;
    }
  }
  .max-w-0 {
    max-width: 0px !important;
  }
  .max-w-full {
    max-width: 100% !important;
  }
  .max-w-screen {
    max-width: 100vw !important;
  }
  .max-w-min {
    max-width: min-content !important;
  }
  .max-w-max {
    max-width: max-content !important;
  }
  .max-w-fit {
    max-width: fit-content !important;
  }
  .max-w-1rem {
    max-width: 1rem !important;
  }
  .max-w-2rem {
    max-width: 2rem !important;
  }
  .max-w-3rem {
    max-width: 3rem !important;
  }
  .max-w-4rem {
    max-width: 4rem !important;
  }
  .max-w-5rem {
    max-width: 5rem !important;
  }
  .max-w-6rem {
    max-width: 6rem !important;
  }
  .max-w-7rem {
    max-width: 7rem !important;
  }
  .max-w-8rem {
    max-width: 8rem !important;
  }
  .max-w-9rem {
    max-width: 9rem !important;
  }
  .max-w-10rem {
    max-width: 10rem !important;
  }
  .max-w-11rem {
    max-width: 11rem !important;
  }
  .max-w-12rem {
    max-width: 12rem !important;
  }
  .max-w-13rem {
    max-width: 13rem !important;
  }
  .max-w-14rem {
    max-width: 14rem !important;
  }
  .max-w-15rem {
    max-width: 15rem !important;
  }
  .max-w-16rem {
    max-width: 16rem !important;
  }
  .max-w-17rem {
    max-width: 17rem !important;
  }
  .max-w-18rem {
    max-width: 18rem !important;
  }
  .max-w-19rem {
    max-width: 19rem !important;
  }
  .max-w-20rem {
    max-width: 20rem !important;
  }
  .max-w-21rem {
    max-width: 21rem !important;
  }
  .max-w-22rem {
    max-width: 22rem !important;
  }
  .max-w-23rem {
    max-width: 23rem !important;
  }
  .max-w-24rem {
    max-width: 24rem !important;
  }
  .max-w-25rem {
    max-width: 25rem !important;
  }
  .max-w-26rem {
    max-width: 26rem !important;
  }
  .max-w-27rem {
    max-width: 27rem !important;
  }
  .max-w-28rem {
    max-width: 28rem !important;
  }
  .max-w-29rem {
    max-width: 29rem !important;
  }
  .max-w-30rem {
    max-width: 30rem !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:max-w-0 {
      max-width: 0px !important;
    }
    .sm\:max-w-full {
      max-width: 100% !important;
    }
    .sm\:max-w-screen {
      max-width: 100vw !important;
    }
    .sm\:max-w-min {
      max-width: min-content !important;
    }
    .sm\:max-w-max {
      max-width: max-content !important;
    }
    .sm\:max-w-fit {
      max-width: fit-content !important;
    }
    .sm\:max-w-1rem {
      max-width: 1rem !important;
    }
    .sm\:max-w-2rem {
      max-width: 2rem !important;
    }
    .sm\:max-w-3rem {
      max-width: 3rem !important;
    }
    .sm\:max-w-4rem {
      max-width: 4rem !important;
    }
    .sm\:max-w-5rem {
      max-width: 5rem !important;
    }
    .sm\:max-w-6rem {
      max-width: 6rem !important;
    }
    .sm\:max-w-7rem {
      max-width: 7rem !important;
    }
    .sm\:max-w-8rem {
      max-width: 8rem !important;
    }
    .sm\:max-w-9rem {
      max-width: 9rem !important;
    }
    .sm\:max-w-10rem {
      max-width: 10rem !important;
    }
    .sm\:max-w-11rem {
      max-width: 11rem !important;
    }
    .sm\:max-w-12rem {
      max-width: 12rem !important;
    }
    .sm\:max-w-13rem {
      max-width: 13rem !important;
    }
    .sm\:max-w-14rem {
      max-width: 14rem !important;
    }
    .sm\:max-w-15rem {
      max-width: 15rem !important;
    }
    .sm\:max-w-16rem {
      max-width: 16rem !important;
    }
    .sm\:max-w-17rem {
      max-width: 17rem !important;
    }
    .sm\:max-w-18rem {
      max-width: 18rem !important;
    }
    .sm\:max-w-19rem {
      max-width: 19rem !important;
    }
    .sm\:max-w-20rem {
      max-width: 20rem !important;
    }
    .sm\:max-w-21rem {
      max-width: 21rem !important;
    }
    .sm\:max-w-22rem {
      max-width: 22rem !important;
    }
    .sm\:max-w-23rem {
      max-width: 23rem !important;
    }
    .sm\:max-w-24rem {
      max-width: 24rem !important;
    }
    .sm\:max-w-25rem {
      max-width: 25rem !important;
    }
    .sm\:max-w-26rem {
      max-width: 26rem !important;
    }
    .sm\:max-w-27rem {
      max-width: 27rem !important;
    }
    .sm\:max-w-28rem {
      max-width: 28rem !important;
    }
    .sm\:max-w-29rem {
      max-width: 29rem !important;
    }
    .sm\:max-w-30rem {
      max-width: 30rem !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:max-w-0 {
      max-width: 0px !important;
    }
    .md\:max-w-full {
      max-width: 100% !important;
    }
    .md\:max-w-screen {
      max-width: 100vw !important;
    }
    .md\:max-w-min {
      max-width: min-content !important;
    }
    .md\:max-w-max {
      max-width: max-content !important;
    }
    .md\:max-w-fit {
      max-width: fit-content !important;
    }
    .md\:max-w-1rem {
      max-width: 1rem !important;
    }
    .md\:max-w-2rem {
      max-width: 2rem !important;
    }
    .md\:max-w-3rem {
      max-width: 3rem !important;
    }
    .md\:max-w-4rem {
      max-width: 4rem !important;
    }
    .md\:max-w-5rem {
      max-width: 5rem !important;
    }
    .md\:max-w-6rem {
      max-width: 6rem !important;
    }
    .md\:max-w-7rem {
      max-width: 7rem !important;
    }
    .md\:max-w-8rem {
      max-width: 8rem !important;
    }
    .md\:max-w-9rem {
      max-width: 9rem !important;
    }
    .md\:max-w-10rem {
      max-width: 10rem !important;
    }
    .md\:max-w-11rem {
      max-width: 11rem !important;
    }
    .md\:max-w-12rem {
      max-width: 12rem !important;
    }
    .md\:max-w-13rem {
      max-width: 13rem !important;
    }
    .md\:max-w-14rem {
      max-width: 14rem !important;
    }
    .md\:max-w-15rem {
      max-width: 15rem !important;
    }
    .md\:max-w-16rem {
      max-width: 16rem !important;
    }
    .md\:max-w-17rem {
      max-width: 17rem !important;
    }
    .md\:max-w-18rem {
      max-width: 18rem !important;
    }
    .md\:max-w-19rem {
      max-width: 19rem !important;
    }
    .md\:max-w-20rem {
      max-width: 20rem !important;
    }
    .md\:max-w-21rem {
      max-width: 21rem !important;
    }
    .md\:max-w-22rem {
      max-width: 22rem !important;
    }
    .md\:max-w-23rem {
      max-width: 23rem !important;
    }
    .md\:max-w-24rem {
      max-width: 24rem !important;
    }
    .md\:max-w-25rem {
      max-width: 25rem !important;
    }
    .md\:max-w-26rem {
      max-width: 26rem !important;
    }
    .md\:max-w-27rem {
      max-width: 27rem !important;
    }
    .md\:max-w-28rem {
      max-width: 28rem !important;
    }
    .md\:max-w-29rem {
      max-width: 29rem !important;
    }
    .md\:max-w-30rem {
      max-width: 30rem !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:max-w-0 {
      max-width: 0px !important;
    }
    .lg\:max-w-full {
      max-width: 100% !important;
    }
    .lg\:max-w-screen {
      max-width: 100vw !important;
    }
    .lg\:max-w-min {
      max-width: min-content !important;
    }
    .lg\:max-w-max {
      max-width: max-content !important;
    }
    .lg\:max-w-fit {
      max-width: fit-content !important;
    }
    .lg\:max-w-1rem {
      max-width: 1rem !important;
    }
    .lg\:max-w-2rem {
      max-width: 2rem !important;
    }
    .lg\:max-w-3rem {
      max-width: 3rem !important;
    }
    .lg\:max-w-4rem {
      max-width: 4rem !important;
    }
    .lg\:max-w-5rem {
      max-width: 5rem !important;
    }
    .lg\:max-w-6rem {
      max-width: 6rem !important;
    }
    .lg\:max-w-7rem {
      max-width: 7rem !important;
    }
    .lg\:max-w-8rem {
      max-width: 8rem !important;
    }
    .lg\:max-w-9rem {
      max-width: 9rem !important;
    }
    .lg\:max-w-10rem {
      max-width: 10rem !important;
    }
    .lg\:max-w-11rem {
      max-width: 11rem !important;
    }
    .lg\:max-w-12rem {
      max-width: 12rem !important;
    }
    .lg\:max-w-13rem {
      max-width: 13rem !important;
    }
    .lg\:max-w-14rem {
      max-width: 14rem !important;
    }
    .lg\:max-w-15rem {
      max-width: 15rem !important;
    }
    .lg\:max-w-16rem {
      max-width: 16rem !important;
    }
    .lg\:max-w-17rem {
      max-width: 17rem !important;
    }
    .lg\:max-w-18rem {
      max-width: 18rem !important;
    }
    .lg\:max-w-19rem {
      max-width: 19rem !important;
    }
    .lg\:max-w-20rem {
      max-width: 20rem !important;
    }
    .lg\:max-w-21rem {
      max-width: 21rem !important;
    }
    .lg\:max-w-22rem {
      max-width: 22rem !important;
    }
    .lg\:max-w-23rem {
      max-width: 23rem !important;
    }
    .lg\:max-w-24rem {
      max-width: 24rem !important;
    }
    .lg\:max-w-25rem {
      max-width: 25rem !important;
    }
    .lg\:max-w-26rem {
      max-width: 26rem !important;
    }
    .lg\:max-w-27rem {
      max-width: 27rem !important;
    }
    .lg\:max-w-28rem {
      max-width: 28rem !important;
    }
    .lg\:max-w-29rem {
      max-width: 29rem !important;
    }
    .lg\:max-w-30rem {
      max-width: 30rem !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:max-w-0 {
      max-width: 0px !important;
    }
    .xl\:max-w-full {
      max-width: 100% !important;
    }
    .xl\:max-w-screen {
      max-width: 100vw !important;
    }
    .xl\:max-w-min {
      max-width: min-content !important;
    }
    .xl\:max-w-max {
      max-width: max-content !important;
    }
    .xl\:max-w-fit {
      max-width: fit-content !important;
    }
    .xl\:max-w-1rem {
      max-width: 1rem !important;
    }
    .xl\:max-w-2rem {
      max-width: 2rem !important;
    }
    .xl\:max-w-3rem {
      max-width: 3rem !important;
    }
    .xl\:max-w-4rem {
      max-width: 4rem !important;
    }
    .xl\:max-w-5rem {
      max-width: 5rem !important;
    }
    .xl\:max-w-6rem {
      max-width: 6rem !important;
    }
    .xl\:max-w-7rem {
      max-width: 7rem !important;
    }
    .xl\:max-w-8rem {
      max-width: 8rem !important;
    }
    .xl\:max-w-9rem {
      max-width: 9rem !important;
    }
    .xl\:max-w-10rem {
      max-width: 10rem !important;
    }
    .xl\:max-w-11rem {
      max-width: 11rem !important;
    }
    .xl\:max-w-12rem {
      max-width: 12rem !important;
    }
    .xl\:max-w-13rem {
      max-width: 13rem !important;
    }
    .xl\:max-w-14rem {
      max-width: 14rem !important;
    }
    .xl\:max-w-15rem {
      max-width: 15rem !important;
    }
    .xl\:max-w-16rem {
      max-width: 16rem !important;
    }
    .xl\:max-w-17rem {
      max-width: 17rem !important;
    }
    .xl\:max-w-18rem {
      max-width: 18rem !important;
    }
    .xl\:max-w-19rem {
      max-width: 19rem !important;
    }
    .xl\:max-w-20rem {
      max-width: 20rem !important;
    }
    .xl\:max-w-21rem {
      max-width: 21rem !important;
    }
    .xl\:max-w-22rem {
      max-width: 22rem !important;
    }
    .xl\:max-w-23rem {
      max-width: 23rem !important;
    }
    .xl\:max-w-24rem {
      max-width: 24rem !important;
    }
    .xl\:max-w-25rem {
      max-width: 25rem !important;
    }
    .xl\:max-w-26rem {
      max-width: 26rem !important;
    }
    .xl\:max-w-27rem {
      max-width: 27rem !important;
    }
    .xl\:max-w-28rem {
      max-width: 28rem !important;
    }
    .xl\:max-w-29rem {
      max-width: 29rem !important;
    }
    .xl\:max-w-30rem {
      max-width: 30rem !important;
    }
  }
  .min-h-0 {
    min-height: 0px !important;
  }
  .min-h-full {
    min-height: 100% !important;
  }
  .min-h-screen {
    min-height: 100vh !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:min-h-0 {
      min-height: 0px !important;
    }
    .sm\:min-h-full {
      min-height: 100% !important;
    }
    .sm\:min-h-screen {
      min-height: 100vh !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:min-h-0 {
      min-height: 0px !important;
    }
    .md\:min-h-full {
      min-height: 100% !important;
    }
    .md\:min-h-screen {
      min-height: 100vh !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:min-h-0 {
      min-height: 0px !important;
    }
    .lg\:min-h-full {
      min-height: 100% !important;
    }
    .lg\:min-h-screen {
      min-height: 100vh !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:min-h-0 {
      min-height: 0px !important;
    }
    .xl\:min-h-full {
      min-height: 100% !important;
    }
    .xl\:min-h-screen {
      min-height: 100vh !important;
    }
  }
  .max-h-0 {
    max-height: 0px !important;
  }
  .max-h-full {
    max-height: 100% !important;
  }
  .max-h-screen {
    max-height: 100vh !important;
  }
  .max-h-min {
    max-height: min-content !important;
  }
  .max-h-max {
    max-height: max-content !important;
  }
  .max-h-fit {
    max-height: fit-content !important;
  }
  .max-h-1rem {
    max-height: 1rem !important;
  }
  .max-h-2rem {
    max-height: 2rem !important;
  }
  .max-h-3rem {
    max-height: 3rem !important;
  }
  .max-h-4rem {
    max-height: 4rem !important;
  }
  .max-h-5rem {
    max-height: 5rem !important;
  }
  .max-h-6rem {
    max-height: 6rem !important;
  }
  .max-h-7rem {
    max-height: 7rem !important;
  }
  .max-h-8rem {
    max-height: 8rem !important;
  }
  .max-h-9rem {
    max-height: 9rem !important;
  }
  .max-h-10rem {
    max-height: 10rem !important;
  }
  .max-h-11rem {
    max-height: 11rem !important;
  }
  .max-h-12rem {
    max-height: 12rem !important;
  }
  .max-h-13rem {
    max-height: 13rem !important;
  }
  .max-h-14rem {
    max-height: 14rem !important;
  }
  .max-h-15rem {
    max-height: 15rem !important;
  }
  .max-h-16rem {
    max-height: 16rem !important;
  }
  .max-h-17rem {
    max-height: 17rem !important;
  }
  .max-h-18rem {
    max-height: 18rem !important;
  }
  .max-h-19rem {
    max-height: 19rem !important;
  }
  .max-h-20rem {
    max-height: 20rem !important;
  }
  .max-h-21rem {
    max-height: 21rem !important;
  }
  .max-h-22rem {
    max-height: 22rem !important;
  }
  .max-h-23rem {
    max-height: 23rem !important;
  }
  .max-h-24rem {
    max-height: 24rem !important;
  }
  .max-h-25rem {
    max-height: 25rem !important;
  }
  .max-h-26rem {
    max-height: 26rem !important;
  }
  .max-h-27rem {
    max-height: 27rem !important;
  }
  .max-h-28rem {
    max-height: 28rem !important;
  }
  .max-h-29rem {
    max-height: 29rem !important;
  }
  .max-h-30rem {
    max-height: 30rem !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:max-h-0 {
      max-height: 0px !important;
    }
    .sm\:max-h-full {
      max-height: 100% !important;
    }
    .sm\:max-h-screen {
      max-height: 100vh !important;
    }
    .sm\:max-h-min {
      max-height: min-content !important;
    }
    .sm\:max-h-max {
      max-height: max-content !important;
    }
    .sm\:max-h-fit {
      max-height: fit-content !important;
    }
    .sm\:max-h-1rem {
      max-height: 1rem !important;
    }
    .sm\:max-h-2rem {
      max-height: 2rem !important;
    }
    .sm\:max-h-3rem {
      max-height: 3rem !important;
    }
    .sm\:max-h-4rem {
      max-height: 4rem !important;
    }
    .sm\:max-h-5rem {
      max-height: 5rem !important;
    }
    .sm\:max-h-6rem {
      max-height: 6rem !important;
    }
    .sm\:max-h-7rem {
      max-height: 7rem !important;
    }
    .sm\:max-h-8rem {
      max-height: 8rem !important;
    }
    .sm\:max-h-9rem {
      max-height: 9rem !important;
    }
    .sm\:max-h-10rem {
      max-height: 10rem !important;
    }
    .sm\:max-h-11rem {
      max-height: 11rem !important;
    }
    .sm\:max-h-12rem {
      max-height: 12rem !important;
    }
    .sm\:max-h-13rem {
      max-height: 13rem !important;
    }
    .sm\:max-h-14rem {
      max-height: 14rem !important;
    }
    .sm\:max-h-15rem {
      max-height: 15rem !important;
    }
    .sm\:max-h-16rem {
      max-height: 16rem !important;
    }
    .sm\:max-h-17rem {
      max-height: 17rem !important;
    }
    .sm\:max-h-18rem {
      max-height: 18rem !important;
    }
    .sm\:max-h-19rem {
      max-height: 19rem !important;
    }
    .sm\:max-h-20rem {
      max-height: 20rem !important;
    }
    .sm\:max-h-21rem {
      max-height: 21rem !important;
    }
    .sm\:max-h-22rem {
      max-height: 22rem !important;
    }
    .sm\:max-h-23rem {
      max-height: 23rem !important;
    }
    .sm\:max-h-24rem {
      max-height: 24rem !important;
    }
    .sm\:max-h-25rem {
      max-height: 25rem !important;
    }
    .sm\:max-h-26rem {
      max-height: 26rem !important;
    }
    .sm\:max-h-27rem {
      max-height: 27rem !important;
    }
    .sm\:max-h-28rem {
      max-height: 28rem !important;
    }
    .sm\:max-h-29rem {
      max-height: 29rem !important;
    }
    .sm\:max-h-30rem {
      max-height: 30rem !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:max-h-0 {
      max-height: 0px !important;
    }
    .md\:max-h-full {
      max-height: 100% !important;
    }
    .md\:max-h-screen {
      max-height: 100vh !important;
    }
    .md\:max-h-min {
      max-height: min-content !important;
    }
    .md\:max-h-max {
      max-height: max-content !important;
    }
    .md\:max-h-fit {
      max-height: fit-content !important;
    }
    .md\:max-h-1rem {
      max-height: 1rem !important;
    }
    .md\:max-h-2rem {
      max-height: 2rem !important;
    }
    .md\:max-h-3rem {
      max-height: 3rem !important;
    }
    .md\:max-h-4rem {
      max-height: 4rem !important;
    }
    .md\:max-h-5rem {
      max-height: 5rem !important;
    }
    .md\:max-h-6rem {
      max-height: 6rem !important;
    }
    .md\:max-h-7rem {
      max-height: 7rem !important;
    }
    .md\:max-h-8rem {
      max-height: 8rem !important;
    }
    .md\:max-h-9rem {
      max-height: 9rem !important;
    }
    .md\:max-h-10rem {
      max-height: 10rem !important;
    }
    .md\:max-h-11rem {
      max-height: 11rem !important;
    }
    .md\:max-h-12rem {
      max-height: 12rem !important;
    }
    .md\:max-h-13rem {
      max-height: 13rem !important;
    }
    .md\:max-h-14rem {
      max-height: 14rem !important;
    }
    .md\:max-h-15rem {
      max-height: 15rem !important;
    }
    .md\:max-h-16rem {
      max-height: 16rem !important;
    }
    .md\:max-h-17rem {
      max-height: 17rem !important;
    }
    .md\:max-h-18rem {
      max-height: 18rem !important;
    }
    .md\:max-h-19rem {
      max-height: 19rem !important;
    }
    .md\:max-h-20rem {
      max-height: 20rem !important;
    }
    .md\:max-h-21rem {
      max-height: 21rem !important;
    }
    .md\:max-h-22rem {
      max-height: 22rem !important;
    }
    .md\:max-h-23rem {
      max-height: 23rem !important;
    }
    .md\:max-h-24rem {
      max-height: 24rem !important;
    }
    .md\:max-h-25rem {
      max-height: 25rem !important;
    }
    .md\:max-h-26rem {
      max-height: 26rem !important;
    }
    .md\:max-h-27rem {
      max-height: 27rem !important;
    }
    .md\:max-h-28rem {
      max-height: 28rem !important;
    }
    .md\:max-h-29rem {
      max-height: 29rem !important;
    }
    .md\:max-h-30rem {
      max-height: 30rem !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:max-h-0 {
      max-height: 0px !important;
    }
    .lg\:max-h-full {
      max-height: 100% !important;
    }
    .lg\:max-h-screen {
      max-height: 100vh !important;
    }
    .lg\:max-h-min {
      max-height: min-content !important;
    }
    .lg\:max-h-max {
      max-height: max-content !important;
    }
    .lg\:max-h-fit {
      max-height: fit-content !important;
    }
    .lg\:max-h-1rem {
      max-height: 1rem !important;
    }
    .lg\:max-h-2rem {
      max-height: 2rem !important;
    }
    .lg\:max-h-3rem {
      max-height: 3rem !important;
    }
    .lg\:max-h-4rem {
      max-height: 4rem !important;
    }
    .lg\:max-h-5rem {
      max-height: 5rem !important;
    }
    .lg\:max-h-6rem {
      max-height: 6rem !important;
    }
    .lg\:max-h-7rem {
      max-height: 7rem !important;
    }
    .lg\:max-h-8rem {
      max-height: 8rem !important;
    }
    .lg\:max-h-9rem {
      max-height: 9rem !important;
    }
    .lg\:max-h-10rem {
      max-height: 10rem !important;
    }
    .lg\:max-h-11rem {
      max-height: 11rem !important;
    }
    .lg\:max-h-12rem {
      max-height: 12rem !important;
    }
    .lg\:max-h-13rem {
      max-height: 13rem !important;
    }
    .lg\:max-h-14rem {
      max-height: 14rem !important;
    }
    .lg\:max-h-15rem {
      max-height: 15rem !important;
    }
    .lg\:max-h-16rem {
      max-height: 16rem !important;
    }
    .lg\:max-h-17rem {
      max-height: 17rem !important;
    }
    .lg\:max-h-18rem {
      max-height: 18rem !important;
    }
    .lg\:max-h-19rem {
      max-height: 19rem !important;
    }
    .lg\:max-h-20rem {
      max-height: 20rem !important;
    }
    .lg\:max-h-21rem {
      max-height: 21rem !important;
    }
    .lg\:max-h-22rem {
      max-height: 22rem !important;
    }
    .lg\:max-h-23rem {
      max-height: 23rem !important;
    }
    .lg\:max-h-24rem {
      max-height: 24rem !important;
    }
    .lg\:max-h-25rem {
      max-height: 25rem !important;
    }
    .lg\:max-h-26rem {
      max-height: 26rem !important;
    }
    .lg\:max-h-27rem {
      max-height: 27rem !important;
    }
    .lg\:max-h-28rem {
      max-height: 28rem !important;
    }
    .lg\:max-h-29rem {
      max-height: 29rem !important;
    }
    .lg\:max-h-30rem {
      max-height: 30rem !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:max-h-0 {
      max-height: 0px !important;
    }
    .xl\:max-h-full {
      max-height: 100% !important;
    }
    .xl\:max-h-screen {
      max-height: 100vh !important;
    }
    .xl\:max-h-min {
      max-height: min-content !important;
    }
    .xl\:max-h-max {
      max-height: max-content !important;
    }
    .xl\:max-h-fit {
      max-height: fit-content !important;
    }
    .xl\:max-h-1rem {
      max-height: 1rem !important;
    }
    .xl\:max-h-2rem {
      max-height: 2rem !important;
    }
    .xl\:max-h-3rem {
      max-height: 3rem !important;
    }
    .xl\:max-h-4rem {
      max-height: 4rem !important;
    }
    .xl\:max-h-5rem {
      max-height: 5rem !important;
    }
    .xl\:max-h-6rem {
      max-height: 6rem !important;
    }
    .xl\:max-h-7rem {
      max-height: 7rem !important;
    }
    .xl\:max-h-8rem {
      max-height: 8rem !important;
    }
    .xl\:max-h-9rem {
      max-height: 9rem !important;
    }
    .xl\:max-h-10rem {
      max-height: 10rem !important;
    }
    .xl\:max-h-11rem {
      max-height: 11rem !important;
    }
    .xl\:max-h-12rem {
      max-height: 12rem !important;
    }
    .xl\:max-h-13rem {
      max-height: 13rem !important;
    }
    .xl\:max-h-14rem {
      max-height: 14rem !important;
    }
    .xl\:max-h-15rem {
      max-height: 15rem !important;
    }
    .xl\:max-h-16rem {
      max-height: 16rem !important;
    }
    .xl\:max-h-17rem {
      max-height: 17rem !important;
    }
    .xl\:max-h-18rem {
      max-height: 18rem !important;
    }
    .xl\:max-h-19rem {
      max-height: 19rem !important;
    }
    .xl\:max-h-20rem {
      max-height: 20rem !important;
    }
    .xl\:max-h-21rem {
      max-height: 21rem !important;
    }
    .xl\:max-h-22rem {
      max-height: 22rem !important;
    }
    .xl\:max-h-23rem {
      max-height: 23rem !important;
    }
    .xl\:max-h-24rem {
      max-height: 24rem !important;
    }
    .xl\:max-h-25rem {
      max-height: 25rem !important;
    }
    .xl\:max-h-26rem {
      max-height: 26rem !important;
    }
    .xl\:max-h-27rem {
      max-height: 27rem !important;
    }
    .xl\:max-h-28rem {
      max-height: 28rem !important;
    }
    .xl\:max-h-29rem {
      max-height: 29rem !important;
    }
    .xl\:max-h-30rem {
      max-height: 30rem !important;
    }
  }
  .static {
    position: static !important;
  }
  .fixed {
    position: fixed !important;
  }
  .absolute {
    position: absolute !important;
  }
  .relative {
    position: relative !important;
  }
  .sticky {
    position: sticky !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:static {
      position: static !important;
    }
    .sm\:fixed {
      position: fixed !important;
    }
    .sm\:absolute {
      position: absolute !important;
    }
    .sm\:relative {
      position: relative !important;
    }
    .sm\:sticky {
      position: sticky !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:static {
      position: static !important;
    }
    .md\:fixed {
      position: fixed !important;
    }
    .md\:absolute {
      position: absolute !important;
    }
    .md\:relative {
      position: relative !important;
    }
    .md\:sticky {
      position: sticky !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:static {
      position: static !important;
    }
    .lg\:fixed {
      position: fixed !important;
    }
    .lg\:absolute {
      position: absolute !important;
    }
    .lg\:relative {
      position: relative !important;
    }
    .lg\:sticky {
      position: sticky !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:static {
      position: static !important;
    }
    .xl\:fixed {
      position: fixed !important;
    }
    .xl\:absolute {
      position: absolute !important;
    }
    .xl\:relative {
      position: relative !important;
    }
    .xl\:sticky {
      position: sticky !important;
    }
  }
  .top-auto {
    top: auto !important;
  }
  .top-0 {
    top: 0px !important;
  }
  .top-50 {
    top: 50% !important;
  }
  .top-100 {
    top: 100% !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:top-auto {
      top: auto !important;
    }
    .sm\:top-0 {
      top: 0px !important;
    }
    .sm\:top-50 {
      top: 50% !important;
    }
    .sm\:top-100 {
      top: 100% !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:top-auto {
      top: auto !important;
    }
    .md\:top-0 {
      top: 0px !important;
    }
    .md\:top-50 {
      top: 50% !important;
    }
    .md\:top-100 {
      top: 100% !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:top-auto {
      top: auto !important;
    }
    .lg\:top-0 {
      top: 0px !important;
    }
    .lg\:top-50 {
      top: 50% !important;
    }
    .lg\:top-100 {
      top: 100% !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:top-auto {
      top: auto !important;
    }
    .xl\:top-0 {
      top: 0px !important;
    }
    .xl\:top-50 {
      top: 50% !important;
    }
    .xl\:top-100 {
      top: 100% !important;
    }
  }
  .left-auto {
    left: auto !important;
  }
  .left-0 {
    left: 0px !important;
  }
  .left-50 {
    left: 50% !important;
  }
  .left-100 {
    left: 100% !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:left-auto {
      left: auto !important;
    }
    .sm\:left-0 {
      left: 0px !important;
    }
    .sm\:left-50 {
      left: 50% !important;
    }
    .sm\:left-100 {
      left: 100% !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:left-auto {
      left: auto !important;
    }
    .md\:left-0 {
      left: 0px !important;
    }
    .md\:left-50 {
      left: 50% !important;
    }
    .md\:left-100 {
      left: 100% !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:left-auto {
      left: auto !important;
    }
    .lg\:left-0 {
      left: 0px !important;
    }
    .lg\:left-50 {
      left: 50% !important;
    }
    .lg\:left-100 {
      left: 100% !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:left-auto {
      left: auto !important;
    }
    .xl\:left-0 {
      left: 0px !important;
    }
    .xl\:left-50 {
      left: 50% !important;
    }
    .xl\:left-100 {
      left: 100% !important;
    }
  }
  .right-auto {
    right: auto !important;
  }
  .right-0 {
    right: 0px !important;
  }
  .right-50 {
    right: 50% !important;
  }
  .right-100 {
    right: 100% !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:right-auto {
      right: auto !important;
    }
    .sm\:right-0 {
      right: 0px !important;
    }
    .sm\:right-50 {
      right: 50% !important;
    }
    .sm\:right-100 {
      right: 100% !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:right-auto {
      right: auto !important;
    }
    .md\:right-0 {
      right: 0px !important;
    }
    .md\:right-50 {
      right: 50% !important;
    }
    .md\:right-100 {
      right: 100% !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:right-auto {
      right: auto !important;
    }
    .lg\:right-0 {
      right: 0px !important;
    }
    .lg\:right-50 {
      right: 50% !important;
    }
    .lg\:right-100 {
      right: 100% !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:right-auto {
      right: auto !important;
    }
    .xl\:right-0 {
      right: 0px !important;
    }
    .xl\:right-50 {
      right: 50% !important;
    }
    .xl\:right-100 {
      right: 100% !important;
    }
  }
  .bottom-auto {
    bottom: auto !important;
  }
  .bottom-0 {
    bottom: 0px !important;
  }
  .bottom-50 {
    bottom: 50% !important;
  }
  .bottom-100 {
    bottom: 100% !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:bottom-auto {
      bottom: auto !important;
    }
    .sm\:bottom-0 {
      bottom: 0px !important;
    }
    .sm\:bottom-50 {
      bottom: 50% !important;
    }
    .sm\:bottom-100 {
      bottom: 100% !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:bottom-auto {
      bottom: auto !important;
    }
    .md\:bottom-0 {
      bottom: 0px !important;
    }
    .md\:bottom-50 {
      bottom: 50% !important;
    }
    .md\:bottom-100 {
      bottom: 100% !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:bottom-auto {
      bottom: auto !important;
    }
    .lg\:bottom-0 {
      bottom: 0px !important;
    }
    .lg\:bottom-50 {
      bottom: 50% !important;
    }
    .lg\:bottom-100 {
      bottom: 100% !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:bottom-auto {
      bottom: auto !important;
    }
    .xl\:bottom-0 {
      bottom: 0px !important;
    }
    .xl\:bottom-50 {
      bottom: 50% !important;
    }
    .xl\:bottom-100 {
      bottom: 100% !important;
    }
  }
  .overflow-auto {
    overflow: auto !important;
  }
  .overflow-hidden {
    overflow: hidden !important;
  }
  .overflow-visible {
    overflow: visible !important;
  }
  .overflow-scroll {
    overflow: scroll !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:overflow-auto {
      overflow: auto !important;
    }
    .sm\:overflow-hidden {
      overflow: hidden !important;
    }
    .sm\:overflow-visible {
      overflow: visible !important;
    }
    .sm\:overflow-scroll {
      overflow: scroll !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:overflow-auto {
      overflow: auto !important;
    }
    .md\:overflow-hidden {
      overflow: hidden !important;
    }
    .md\:overflow-visible {
      overflow: visible !important;
    }
    .md\:overflow-scroll {
      overflow: scroll !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:overflow-auto {
      overflow: auto !important;
    }
    .lg\:overflow-hidden {
      overflow: hidden !important;
    }
    .lg\:overflow-visible {
      overflow: visible !important;
    }
    .lg\:overflow-scroll {
      overflow: scroll !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:overflow-auto {
      overflow: auto !important;
    }
    .xl\:overflow-hidden {
      overflow: hidden !important;
    }
    .xl\:overflow-visible {
      overflow: visible !important;
    }
    .xl\:overflow-scroll {
      overflow: scroll !important;
    }
  }
  .overflow-x-auto {
    overflow-x: auto !important;
  }
  .overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .overflow-x-visible {
    overflow-x: visible !important;
  }
  .overflow-x-scroll {
    overflow-x: scroll !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:overflow-x-auto {
      overflow-x: auto !important;
    }
    .sm\:overflow-x-hidden {
      overflow-x: hidden !important;
    }
    .sm\:overflow-x-visible {
      overflow-x: visible !important;
    }
    .sm\:overflow-x-scroll {
      overflow-x: scroll !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:overflow-x-auto {
      overflow-x: auto !important;
    }
    .md\:overflow-x-hidden {
      overflow-x: hidden !important;
    }
    .md\:overflow-x-visible {
      overflow-x: visible !important;
    }
    .md\:overflow-x-scroll {
      overflow-x: scroll !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:overflow-x-auto {
      overflow-x: auto !important;
    }
    .lg\:overflow-x-hidden {
      overflow-x: hidden !important;
    }
    .lg\:overflow-x-visible {
      overflow-x: visible !important;
    }
    .lg\:overflow-x-scroll {
      overflow-x: scroll !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:overflow-x-auto {
      overflow-x: auto !important;
    }
    .xl\:overflow-x-hidden {
      overflow-x: hidden !important;
    }
    .xl\:overflow-x-visible {
      overflow-x: visible !important;
    }
    .xl\:overflow-x-scroll {
      overflow-x: scroll !important;
    }
  }
  .overflow-y-auto {
    overflow-y: auto !important;
  }
  .overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .overflow-y-visible {
    overflow-y: visible !important;
  }
  .overflow-y-scroll {
    overflow-y: scroll !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:overflow-y-auto {
      overflow-y: auto !important;
    }
    .sm\:overflow-y-hidden {
      overflow-y: hidden !important;
    }
    .sm\:overflow-y-visible {
      overflow-y: visible !important;
    }
    .sm\:overflow-y-scroll {
      overflow-y: scroll !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:overflow-y-auto {
      overflow-y: auto !important;
    }
    .md\:overflow-y-hidden {
      overflow-y: hidden !important;
    }
    .md\:overflow-y-visible {
      overflow-y: visible !important;
    }
    .md\:overflow-y-scroll {
      overflow-y: scroll !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:overflow-y-auto {
      overflow-y: auto !important;
    }
    .lg\:overflow-y-hidden {
      overflow-y: hidden !important;
    }
    .lg\:overflow-y-visible {
      overflow-y: visible !important;
    }
    .lg\:overflow-y-scroll {
      overflow-y: scroll !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:overflow-y-auto {
      overflow-y: auto !important;
    }
    .xl\:overflow-y-hidden {
      overflow-y: hidden !important;
    }
    .xl\:overflow-y-visible {
      overflow-y: visible !important;
    }
    .xl\:overflow-y-scroll {
      overflow-y: scroll !important;
    }
  }
  .z-auto {
    z-index: auto !important;
  }
  .z-0 {
    z-index: 0 !important;
  }
  .z-1 {
    z-index: 1 !important;
  }
  .z-2 {
    z-index: 2 !important;
  }
  .z-3 {
    z-index: 3 !important;
  }
  .z-4 {
    z-index: 4 !important;
  }
  .z-5 {
    z-index: 5 !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:z-auto {
      z-index: auto !important;
    }
    .sm\:z-0 {
      z-index: 0 !important;
    }
    .sm\:z-1 {
      z-index: 1 !important;
    }
    .sm\:z-2 {
      z-index: 2 !important;
    }
    .sm\:z-3 {
      z-index: 3 !important;
    }
    .sm\:z-4 {
      z-index: 4 !important;
    }
    .sm\:z-5 {
      z-index: 5 !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:z-auto {
      z-index: auto !important;
    }
    .md\:z-0 {
      z-index: 0 !important;
    }
    .md\:z-1 {
      z-index: 1 !important;
    }
    .md\:z-2 {
      z-index: 2 !important;
    }
    .md\:z-3 {
      z-index: 3 !important;
    }
    .md\:z-4 {
      z-index: 4 !important;
    }
    .md\:z-5 {
      z-index: 5 !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:z-auto {
      z-index: auto !important;
    }
    .lg\:z-0 {
      z-index: 0 !important;
    }
    .lg\:z-1 {
      z-index: 1 !important;
    }
    .lg\:z-2 {
      z-index: 2 !important;
    }
    .lg\:z-3 {
      z-index: 3 !important;
    }
    .lg\:z-4 {
      z-index: 4 !important;
    }
    .lg\:z-5 {
      z-index: 5 !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:z-auto {
      z-index: auto !important;
    }
    .xl\:z-0 {
      z-index: 0 !important;
    }
    .xl\:z-1 {
      z-index: 1 !important;
    }
    .xl\:z-2 {
      z-index: 2 !important;
    }
    .xl\:z-3 {
      z-index: 3 !important;
    }
    .xl\:z-4 {
      z-index: 4 !important;
    }
    .xl\:z-5 {
      z-index: 5 !important;
    }
  }
  .bg-repeat {
    background-repeat: repeat !important;
  }
  .bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .bg-repeat-round {
    background-repeat: round !important;
  }
  .bg-repeat-space {
    background-repeat: space !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:bg-repeat {
      background-repeat: repeat !important;
    }
    .sm\:bg-no-repeat {
      background-repeat: no-repeat !important;
    }
    .sm\:bg-repeat-x {
      background-repeat: repeat-x !important;
    }
    .sm\:bg-repeat-y {
      background-repeat: repeat-y !important;
    }
    .sm\:bg-repeat-round {
      background-repeat: round !important;
    }
    .sm\:bg-repeat-space {
      background-repeat: space !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:bg-repeat {
      background-repeat: repeat !important;
    }
    .md\:bg-no-repeat {
      background-repeat: no-repeat !important;
    }
    .md\:bg-repeat-x {
      background-repeat: repeat-x !important;
    }
    .md\:bg-repeat-y {
      background-repeat: repeat-y !important;
    }
    .md\:bg-repeat-round {
      background-repeat: round !important;
    }
    .md\:bg-repeat-space {
      background-repeat: space !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:bg-repeat {
      background-repeat: repeat !important;
    }
    .lg\:bg-no-repeat {
      background-repeat: no-repeat !important;
    }
    .lg\:bg-repeat-x {
      background-repeat: repeat-x !important;
    }
    .lg\:bg-repeat-y {
      background-repeat: repeat-y !important;
    }
    .lg\:bg-repeat-round {
      background-repeat: round !important;
    }
    .lg\:bg-repeat-space {
      background-repeat: space !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:bg-repeat {
      background-repeat: repeat !important;
    }
    .xl\:bg-no-repeat {
      background-repeat: no-repeat !important;
    }
    .xl\:bg-repeat-x {
      background-repeat: repeat-x !important;
    }
    .xl\:bg-repeat-y {
      background-repeat: repeat-y !important;
    }
    .xl\:bg-repeat-round {
      background-repeat: round !important;
    }
    .xl\:bg-repeat-space {
      background-repeat: space !important;
    }
  }
  .bg-auto {
    background-size: auto !important;
  }
  .bg-cover {
    background-size: cover !important;
  }
  .bg-contain {
    background-size: contain !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:bg-auto {
      background-size: auto !important;
    }
    .sm\:bg-cover {
      background-size: cover !important;
    }
    .sm\:bg-contain {
      background-size: contain !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:bg-auto {
      background-size: auto !important;
    }
    .md\:bg-cover {
      background-size: cover !important;
    }
    .md\:bg-contain {
      background-size: contain !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:bg-auto {
      background-size: auto !important;
    }
    .lg\:bg-cover {
      background-size: cover !important;
    }
    .lg\:bg-contain {
      background-size: contain !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:bg-auto {
      background-size: auto !important;
    }
    .xl\:bg-cover {
      background-size: cover !important;
    }
    .xl\:bg-contain {
      background-size: contain !important;
    }
  }
  .bg-bottom {
    background-position: bottom !important;
  }
  .bg-center {
    background-position: center !important;
  }
  .bg-left {
    background-position: left !important;
  }
  .bg-left-bottom {
    background-position: left bottom !important;
  }
  .bg-left-top {
    background-position: left top !important;
  }
  .bg-right {
    background-position: right !important;
  }
  .bg-right-bottom {
    background-position: right bottom !important;
  }
  .bg-right-top {
    background-position: right top !important;
  }
  .bg-top {
    background-position: top !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:bg-bottom {
      background-position: bottom !important;
    }
    .sm\:bg-center {
      background-position: center !important;
    }
    .sm\:bg-left {
      background-position: left !important;
    }
    .sm\:bg-left-bottom {
      background-position: left bottom !important;
    }
    .sm\:bg-left-top {
      background-position: left top !important;
    }
    .sm\:bg-right {
      background-position: right !important;
    }
    .sm\:bg-right-bottom {
      background-position: right bottom !important;
    }
    .sm\:bg-right-top {
      background-position: right top !important;
    }
    .sm\:bg-top {
      background-position: top !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:bg-bottom {
      background-position: bottom !important;
    }
    .md\:bg-center {
      background-position: center !important;
    }
    .md\:bg-left {
      background-position: left !important;
    }
    .md\:bg-left-bottom {
      background-position: left bottom !important;
    }
    .md\:bg-left-top {
      background-position: left top !important;
    }
    .md\:bg-right {
      background-position: right !important;
    }
    .md\:bg-right-bottom {
      background-position: right bottom !important;
    }
    .md\:bg-right-top {
      background-position: right top !important;
    }
    .md\:bg-top {
      background-position: top !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:bg-bottom {
      background-position: bottom !important;
    }
    .lg\:bg-center {
      background-position: center !important;
    }
    .lg\:bg-left {
      background-position: left !important;
    }
    .lg\:bg-left-bottom {
      background-position: left bottom !important;
    }
    .lg\:bg-left-top {
      background-position: left top !important;
    }
    .lg\:bg-right {
      background-position: right !important;
    }
    .lg\:bg-right-bottom {
      background-position: right bottom !important;
    }
    .lg\:bg-right-top {
      background-position: right top !important;
    }
    .lg\:bg-top {
      background-position: top !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:bg-bottom {
      background-position: bottom !important;
    }
    .xl\:bg-center {
      background-position: center !important;
    }
    .xl\:bg-left {
      background-position: left !important;
    }
    .xl\:bg-left-bottom {
      background-position: left bottom !important;
    }
    .xl\:bg-left-top {
      background-position: left top !important;
    }
    .xl\:bg-right {
      background-position: right !important;
    }
    .xl\:bg-right-bottom {
      background-position: right bottom !important;
    }
    .xl\:bg-right-top {
      background-position: right top !important;
    }
    .xl\:bg-top {
      background-position: top !important;
    }
  }
  .select-none {
    -webkit-user-select: none !important;
    user-select: none !important;
  }
  .select-text {
    -webkit-user-select: text !important;
    user-select: text !important;
  }
  .select-all {
    -webkit-user-select: all !important;
    user-select: all !important;
  }
  .select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important;
  }
  .list-none {
    list-style: none !important;
  }
  .list-disc {
    list-style: disc !important;
  }
  .list-decimal {
    list-style: decimal !important;
  }
  .appearance-none {
    appearance: none !important;
  }
  .outline-none {
    outline: none !important;
  }
  .pointer-events-none {
    pointer-events: none !important;
  }
  .pointer-events-auto {
    pointer-events: auto !important;
  }
  .cursor-auto {
    cursor: auto !important;
  }
  .cursor-pointer {
    cursor: pointer !important;
  }
  .cursor-wait {
    cursor: wait !important;
  }
  .cursor-move {
    cursor: move !important;
  }
  .select-none {
    -webkit-user-select: none !important;
    user-select: none !important;
  }
  .select-text {
    -webkit-user-select: text !important;
    user-select: text !important;
  }
  .select-all {
    -webkit-user-select: all !important;
    user-select: all !important;
  }
  .select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important;
  }
  .opacity-0 {
    opacity: 0 !important;
  }
  .opacity-10 {
    opacity: 0.1 !important;
  }
  .opacity-20 {
    opacity: 0.2 !important;
  }
  .opacity-30 {
    opacity: 0.3 !important;
  }
  .opacity-40 {
    opacity: 0.4 !important;
  }
  .opacity-50 {
    opacity: 0.5 !important;
  }
  .opacity-60 {
    opacity: 0.6 !important;
  }
  .opacity-70 {
    opacity: 0.7 !important;
  }
  .opacity-80 {
    opacity: 0.8 !important;
  }
  .opacity-90 {
    opacity: 0.9 !important;
  }
  .opacity-100 {
    opacity: 1 !important;
  }
  .reset {
    all: unset;
  }
  .transition-none {
    transition-property: none !important;
  }
  .transition-all {
    transition-property: all !important;
  }
  .transition-colors {
    transition-property:
      background-color,
      border-color,
      color !important;
  }
  .transition-transform {
    transition-property: transform !important;
  }
  .transition-duration-100 {
    transition-duration: 100ms !important;
  }
  .transition-duration-150 {
    transition-duration: 150ms !important;
  }
  .transition-duration-200 {
    transition-duration: 200ms !important;
  }
  .transition-duration-300 {
    transition-duration: 300ms !important;
  }
  .transition-duration-400 {
    transition-duration: 400ms !important;
  }
  .transition-duration-500 {
    transition-duration: 500ms !important;
  }
  .transition-duration-1000 {
    transition-duration: 1000ms !important;
  }
  .transition-duration-2000 {
    transition-duration: 2000ms !important;
  }
  .transition-duration-3000 {
    transition-duration: 3000ms !important;
  }
  .transition-linear {
    transition-timing-function: linear !important;
  }
  .transition-ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }
  .transition-ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }
  .transition-ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .transition-delay-100 {
    transition-delay: 100ms !important;
  }
  .transition-delay-150 {
    transition-delay: 150ms !important;
  }
  .transition-delay-200 {
    transition-delay: 200ms !important;
  }
  .transition-delay-300 {
    transition-delay: 300ms !important;
  }
  .transition-delay-400 {
    transition-delay: 400ms !important;
  }
  .transition-delay-500 {
    transition-delay: 500ms !important;
  }
  .transition-delay-1000 {
    transition-delay: 1000ms !important;
  }
  .translate-x-0 {
    transform: translateX(0%) !important;
  }
  .translate-x-100 {
    transform: translateX(100%) !important;
  }
  .-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .translate-y-0 {
    transform: translateY(0%) !important;
  }
  .translate-y-100 {
    transform: translateY(100%) !important;
  }
  .-translate-y-100 {
    transform: translateY(-100%) !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:translate-x-0 {
      transform: translateX(0%) !important;
    }
    .sm\:translate-x-100 {
      transform: translateX(100%) !important;
    }
    .sm\:-translate-x-100 {
      transform: translateX(-100%) !important;
    }
    .sm\:translate-y-0 {
      transform: translateY(0%) !important;
    }
    .sm\:translate-y-100 {
      transform: translateY(100%) !important;
    }
    .sm\:-translate-y-100 {
      transform: translateY(-100%) !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:translate-x-0 {
      transform: translateX(0%) !important;
    }
    .md\:translate-x-100 {
      transform: translateX(100%) !important;
    }
    .md\:-translate-x-100 {
      transform: translateX(-100%) !important;
    }
    .md\:translate-y-0 {
      transform: translateY(0%) !important;
    }
    .md\:translate-y-100 {
      transform: translateY(100%) !important;
    }
    .md\:-translate-y-100 {
      transform: translateY(-100%) !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:translate-x-0 {
      transform: translateX(0%) !important;
    }
    .lg\:translate-x-100 {
      transform: translateX(100%) !important;
    }
    .lg\:-translate-x-100 {
      transform: translateX(-100%) !important;
    }
    .lg\:translate-y-0 {
      transform: translateY(0%) !important;
    }
    .lg\:translate-y-100 {
      transform: translateY(100%) !important;
    }
    .lg\:-translate-y-100 {
      transform: translateY(-100%) !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:translate-x-0 {
      transform: translateX(0%) !important;
    }
    .xl\:translate-x-100 {
      transform: translateX(100%) !important;
    }
    .xl\:-translate-x-100 {
      transform: translateX(-100%) !important;
    }
    .xl\:translate-y-0 {
      transform: translateY(0%) !important;
    }
    .xl\:translate-y-100 {
      transform: translateY(100%) !important;
    }
    .xl\:-translate-y-100 {
      transform: translateY(-100%) !important;
    }
  }
  .rotate-45 {
    transform: rotate(45deg) !important;
  }
  .-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .rotate-90 {
    transform: rotate(90deg) !important;
  }
  .-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .rotate-180 {
    transform: rotate(180deg) !important;
  }
  .-rotate-180 {
    transform: rotate(-180deg) !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:rotate-45 {
      transform: rotate(45deg) !important;
    }
    .sm\:-rotate-45 {
      transform: rotate(-45deg) !important;
    }
    .sm\:rotate-90 {
      transform: rotate(90deg) !important;
    }
    .sm\:-rotate-90 {
      transform: rotate(-90deg) !important;
    }
    .sm\:rotate-180 {
      transform: rotate(180deg) !important;
    }
    .sm\:-rotate-180 {
      transform: rotate(-180deg) !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:rotate-45 {
      transform: rotate(45deg) !important;
    }
    .md\:-rotate-45 {
      transform: rotate(-45deg) !important;
    }
    .md\:rotate-90 {
      transform: rotate(90deg) !important;
    }
    .md\:-rotate-90 {
      transform: rotate(-90deg) !important;
    }
    .md\:rotate-180 {
      transform: rotate(180deg) !important;
    }
    .md\:-rotate-180 {
      transform: rotate(-180deg) !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:rotate-45 {
      transform: rotate(45deg) !important;
    }
    .lg\:-rotate-45 {
      transform: rotate(-45deg) !important;
    }
    .lg\:rotate-90 {
      transform: rotate(90deg) !important;
    }
    .lg\:-rotate-90 {
      transform: rotate(-90deg) !important;
    }
    .lg\:rotate-180 {
      transform: rotate(180deg) !important;
    }
    .lg\:-rotate-180 {
      transform: rotate(-180deg) !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:rotate-45 {
      transform: rotate(45deg) !important;
    }
    .xl\:-rotate-45 {
      transform: rotate(-45deg) !important;
    }
    .xl\:rotate-90 {
      transform: rotate(90deg) !important;
    }
    .xl\:-rotate-90 {
      transform: rotate(-90deg) !important;
    }
    .xl\:rotate-180 {
      transform: rotate(180deg) !important;
    }
    .xl\:-rotate-180 {
      transform: rotate(-180deg) !important;
    }
  }
  .origin-center {
    transform-origin: center !important;
  }
  .origin-top {
    transform-origin: top !important;
  }
  .origin-top-right {
    transform-origin: top right !important;
  }
  .origin-right {
    transform-origin: right !important;
  }
  .origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .origin-bottom {
    transform-origin: bottom !important;
  }
  .origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .origin-left {
    transform-origin: left !important;
  }
  .origin-top-left {
    transform-origin: top-left !important;
  }
  @media screen and (min-width: 576px) {
    .sm\:origin-center {
      transform-origin: center !important;
    }
    .sm\:origin-top {
      transform-origin: top !important;
    }
    .sm\:origin-top-right {
      transform-origin: top right !important;
    }
    .sm\:origin-right {
      transform-origin: right !important;
    }
    .sm\:origin-bottom-right {
      transform-origin: bottom right !important;
    }
    .sm\:origin-bottom {
      transform-origin: bottom !important;
    }
    .sm\:origin-bottom-left {
      transform-origin: bottom left !important;
    }
    .sm\:origin-left {
      transform-origin: left !important;
    }
    .sm\:origin-top-left {
      transform-origin: top-left !important;
    }
  }
  @media screen and (min-width: 768px) {
    .md\:origin-center {
      transform-origin: center !important;
    }
    .md\:origin-top {
      transform-origin: top !important;
    }
    .md\:origin-top-right {
      transform-origin: top right !important;
    }
    .md\:origin-right {
      transform-origin: right !important;
    }
    .md\:origin-bottom-right {
      transform-origin: bottom right !important;
    }
    .md\:origin-bottom {
      transform-origin: bottom !important;
    }
    .md\:origin-bottom-left {
      transform-origin: bottom left !important;
    }
    .md\:origin-left {
      transform-origin: left !important;
    }
    .md\:origin-top-left {
      transform-origin: top-left !important;
    }
  }
  @media screen and (min-width: 992px) {
    .lg\:origin-center {
      transform-origin: center !important;
    }
    .lg\:origin-top {
      transform-origin: top !important;
    }
    .lg\:origin-top-right {
      transform-origin: top right !important;
    }
    .lg\:origin-right {
      transform-origin: right !important;
    }
    .lg\:origin-bottom-right {
      transform-origin: bottom right !important;
    }
    .lg\:origin-bottom {
      transform-origin: bottom !important;
    }
    .lg\:origin-bottom-left {
      transform-origin: bottom left !important;
    }
    .lg\:origin-left {
      transform-origin: left !important;
    }
    .lg\:origin-top-left {
      transform-origin: top-left !important;
    }
  }
  @media screen and (min-width: 1200px) {
    .xl\:origin-center {
      transform-origin: center !important;
    }
    .xl\:origin-top {
      transform-origin: top !important;
    }
    .xl\:origin-top-right {
      transform-origin: top right !important;
    }
    .xl\:origin-right {
      transform-origin: right !important;
    }
    .xl\:origin-bottom-right {
      transform-origin: bottom right !important;
    }
    .xl\:origin-bottom {
      transform-origin: bottom !important;
    }
    .xl\:origin-bottom-left {
      transform-origin: bottom left !important;
    }
    .xl\:origin-left {
      transform-origin: left !important;
    }
    .xl\:origin-top-left {
      transform-origin: top-left !important;
    }
  }
  @keyframes fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeout {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes scalein {
    0% {
      opacity: 0;
      transform: scaleY(0.8);
      transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }
    100% {
      opacity: 1;
      transform: scaleY(1);
    }
  }
  @keyframes slidedown {
    0% {
      max-height: 0;
    }
    100% {
      max-height: auto;
    }
  }
  @keyframes slideup {
    0% {
      max-height: 1000px;
    }
    100% {
      max-height: 0;
    }
  }
  @keyframes fadeinleft {
    0% {
      opacity: 0;
      transform: translateX(-100%);
      transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }
    100% {
      opacity: 1;
      transform: translateX(0%);
    }
  }
  @keyframes fadeoutleft {
    0% {
      opacity: 1;
      transform: translateX(0%);
      transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }
    100% {
      opacity: 0;
      transform: translateX(-100%);
    }
  }
  @keyframes fadeinright {
    0% {
      opacity: 0;
      transform: translateX(100%);
      transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }
    100% {
      opacity: 1;
      transform: translateX(0%);
    }
  }
  @keyframes fadeoutright {
    0% {
      opacity: 1;
      transform: translateX(0%);
      transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }
    100% {
      opacity: 0;
      transform: translateX(100%);
    }
  }
  @keyframes fadeinup {
    0% {
      opacity: 0;
      transform: translateY(-100%);
      transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @keyframes fadeoutup {
    0% {
      opacity: 1;
      transform: translateY(0%);
      transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }
    100% {
      opacity: 0;
      transform: translateY(-100%);
    }
  }
  @keyframes fadeindown {
    0% {
      opacity: 0;
      transform: translateY(100%);
      transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @keyframes fadeoutdown {
    0% {
      opacity: 1;
      transform: translateY(0%);
      transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }
    100% {
      opacity: 0;
      transform: translateY(100%);
    }
  }
  @keyframes animate-width {
    0% {
      width: 0;
    }
    100% {
      width: 100%;
    }
  }
  @keyframes flip {
    from {
      transform: perspective(2000px) rotateX(-100deg);
    }
    to {
      transform: perspective(2000px) rotateX(0);
    }
  }
  @keyframes flipleft {
    from {
      transform: perspective(2000px) rotateY(-100deg);
      opacity: 0;
    }
    to {
      transform: perspective(2000px) rotateY(0);
      opacity: 1;
    }
  }
  @keyframes flipright {
    from {
      transform: perspective(2000px) rotateY(100deg);
      opacity: 0;
    }
    to {
      transform: perspective(2000px) rotateY(0);
      opacity: 1;
    }
  }
  @keyframes flipup {
    from {
      transform: perspective(2000px) rotateX(-100deg);
      opacity: 0;
    }
    to {
      transform: perspective(2000px) rotateX(0);
      opacity: 1;
    }
  }
  @keyframes zoomin {
    from {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
      opacity: 1;
    }
  }
  @keyframes zoomindown {
    from {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }
    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
  }
  @keyframes zoominleft {
    from {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
  }
  @keyframes zoominright {
    from {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }
    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
  }
  @keyframes zoominup {
    from {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }
    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
  }
  .fadein {
    animation: fadein 0.15s linear;
  }
  .fadeout {
    animation: fadeout 0.15s linear;
  }
  .slidedown {
    animation: slidedown 0.45s ease-in-out;
  }
  .slideup {
    animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
  }
  .scalein {
    animation: scalein 0.15s linear;
  }
  .fadeinleft {
    animation: fadeinleft 0.15s linear;
  }
  .fadeoutleft {
    animation: fadeoutleft 0.15s linear;
  }
  .fadeinright {
    animation: fadeinright 0.15s linear;
  }
  .fadeoutright {
    animation: fadeoutright 0.15s linear;
  }
  .fadeinup {
    animation: fadeinup 0.15s linear;
  }
  .fadeoutup {
    animation: fadeoutup 0.15s linear;
  }
  .fadeindown {
    animation: fadeindown 0.15s linear;
  }
  .fadeoutdown {
    animation: fadeoutdown 0.15s linear;
  }
  .animate-width {
    animation: animate-width 1000ms linear;
  }
  .flip {
    backface-visibility: visible;
    animation: flip 0.15s linear;
  }
  .flipup {
    backface-visibility: visible;
    animation: flipup 0.15s linear;
  }
  .flipleft {
    backface-visibility: visible;
    animation: flipleft 0.15s linear;
  }
  .flipright {
    backface-visibility: visible;
    animation: flipright 0.15s linear;
  }
  .zoomin {
    animation: zoomin 0.15s linear;
  }
  .zoomindown {
    animation: zoomindown 0.15s linear;
  }
  .zoominleft {
    animation: zoominleft 0.15s linear;
  }
  .zoominright {
    animation: zoominright 0.15s linear;
  }
  .zoominup {
    animation: zoominup 0.15s linear;
  }
  .animation-duration-100 {
    animation-duration: 100ms !important;
  }
  .animation-duration-150 {
    animation-duration: 150ms !important;
  }
  .animation-duration-200 {
    animation-duration: 200ms !important;
  }
  .animation-duration-300 {
    animation-duration: 300ms !important;
  }
  .animation-duration-400 {
    animation-duration: 400ms !important;
  }
  .animation-duration-500 {
    animation-duration: 500ms !important;
  }
  .animation-duration-1000 {
    animation-duration: 1000ms !important;
  }
  .animation-duration-2000 {
    animation-duration: 2000ms !important;
  }
  .animation-duration-3000 {
    animation-duration: 3000ms !important;
  }
  .animation-delay-100 {
    animation-delay: 100ms !important;
  }
  .animation-delay-150 {
    animation-delay: 150ms !important;
  }
  .animation-delay-200 {
    animation-delay: 200ms !important;
  }
  .animation-delay-300 {
    animation-delay: 300ms !important;
  }
  .animation-delay-400 {
    animation-delay: 400ms !important;
  }
  .animation-delay-500 {
    animation-delay: 500ms !important;
  }
  .animation-delay-1000 {
    animation-delay: 1000ms !important;
  }
  .animation-iteration-1 {
    animation-iteration-count: 1 !important;
  }
  .animation-iteration-2 {
    animation-iteration-count: 2 !important;
  }
  .animation-iteration-infinite {
    animation-iteration-count: infinite !important;
  }
  .animation-linear {
    animation-timing-function: linear !important;
  }
  .animation-ease-in {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }
  .animation-ease-out {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }
  .animation-ease-in-out {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .animation-fill-none {
    animation-fill-mode: none !important;
  }
  .animation-fill-forwards {
    animation-fill-mode: forwards !important;
  }
  .animation-fill-backwards {
    animation-fill-mode: backwards !important;
  }
  .animation-fill-both {
    animation-fill-mode: both !important;
  }
}
@font-face {
  font-family: Ubuntu;
  src: url("./media/ubuntu-v14-latin-700.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Ubuntu;
  src: url("./media/ubuntu-v14-latin-500.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Ubuntu;
  src: url("./media/ubuntu-v14-latin-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Ubuntu;
  src: url("./media/ubuntu-v14-latin-300italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: icons;
  src: url("./media/iconfont-vk.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: iconfont-vk;
  src: url("./media/iconfont-vk.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: iconfont-vk-dxp;
  src: url("./media/iconfont-vk-dxp.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: Roboto;
  src: url("./media/roboto-v19-latin-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("./media/roboto-v19-latin-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("./media/roboto-v19-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("./media/roboto-v19-latin-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sparkasse Web";
  src: url("./media/sparkasse-web-normal.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sparkasse Web";
  src: url("./media/sparkasse-web-thin.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sparkasse Web";
  src: url("./media/sparkasse-web-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AOKBuenosAiresText;
  src: url("./media/AOKBuenosAiresText-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AOKBuenosAiresText;
  src: url("./media/AOKBuenosAiresText-SemiBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mark Pro";
  src: url("./media/MarkPro-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mark Pro";
  src: url("./media/MarkPro-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mark Pro";
  src: url("./media/MarkPro-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: GenosGFG;
  src: url("./media/GenosGFG-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: GenosGFG;
  src: url("./media/GenosGFG-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: GenosGFG;
  src: url("./media/GenosGFG-RegularItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: BrixSansRegular;
  src: url("./media/BrixSansRegular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: BrixSansRegular;
  src: url("./media/BrixSansBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: icons;
  src: url("./media/iconfont-oevbs.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: iconfont-oevbs;
  src: url("./media/iconfont-oevbs.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: "Sparkasse Lt";
  src: url("./media/Sparkasse_web_Lt.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: icons;
  src: url("./media/iconfont-svag.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: icons;
  src: url("./media/iconfont-provinzial.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: iconfont-provinzial;
  src: url("./media/iconfont-provinzial.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: icons;
  src: url("./media/iconfont-svag.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: iconfont-svag;
  src: url("./media/iconfont-svag.woff") format("woff");
  font-display: block;
}
.p-iconwrapper {
  line-height: 1.5rem;
}
.p-iconwrapper svg {
  display: none;
  height: 0;
  width: 0;
}
folderplusicon::before {
  font-family: primeicons;
  content: "\ea05";
}
receipticon::before {
  font-family: primeicons;
  content: "\ea06";
}
asteriskicon::before {
  font-family: primeicons;
  content: "\ea07";
}
facesmileicon::before {
  font-family: primeicons;
  content: "\ea08";
}
pinteresticon::before {
  font-family: primeicons;
  content: "\ea09";
}
expandicon::before {
  font-family: primeicons;
  content: "\ea0a";
}
pentosquareicon::before {
  font-family: primeicons;
  content: "\ea0b";
}
wavepulseicon::before {
  font-family: primeicons;
  content: "\ea0c";
}
turkishliraicon::before {
  font-family: primeicons;
  content: "\ea0d";
}
spinnerdottedicon::before {
  font-family: primeicons;
  content: "\ea0e";
}
crownicon::before {
  font-family: primeicons;
  content: "\ea0f";
}
pausecircleicon::before {
  font-family: primeicons;
  content: "\ea10";
}
warehouseicon::before {
  font-family: primeicons;
  content: "\ea11";
}
objectscolumnicon::before {
  font-family: primeicons;
  content: "\ea12";
}
clipboardicon::before {
  font-family: primeicons;
  content: "\ea13";
}
playcircleicon::before {
  font-family: primeicons;
  content: "\ea14";
}
venusicon::before {
  font-family: primeicons;
  content: "\ea15";
}
cartminusicon::before {
  font-family: primeicons;
  content: "\ea16";
}
fileplusicon::before {
  font-family: primeicons;
  content: "\ea17";
}
microchipicon::before {
  font-family: primeicons;
  content: "\ea18";
}
twitchicon::before {
  font-family: primeicons;
  content: "\ea19";
}
buildingcolumnsicon::before {
  font-family: primeicons;
  content: "\ea1a";
}
filecheckicon::before {
  font-family: primeicons;
  content: "\ea1b";
}
microchipaiicon::before {
  font-family: primeicons;
  content: "\ea1c";
}
trophyicon::before {
  font-family: primeicons;
  content: "\ea1d";
}
barcodeicon::before {
  font-family: primeicons;
  content: "\ea1e";
}
filearrowupicon::before {
  font-family: primeicons;
  content: "\ea1f";
}
marsicon::before {
  font-family: primeicons;
  content: "\ea20";
}
tiktokicon::before {
  font-family: primeicons;
  content: "\ea21";
}
arrowuprightandarrowdownleftfromcentericon::before {
  font-family: primeicons;
  content: "\ea22";
}
ethereumicon::before {
  font-family: primeicons;
  content: "\ea23";
}
listcheckicon::before {
  font-family: primeicons;
  content: "\ea24";
}
thumbtackicon::before {
  font-family: primeicons;
  content: "\ea25";
}
arrowdownleftandarrowuprighttocentericon::before {
  font-family: primeicons;
  content: "\ea26";
}
equalsicon::before {
  font-family: primeicons;
  content: "\ea27";
}
lightbulbicon::before {
  font-family: primeicons;
  content: "\ea28";
}
starhalficon::before {
  font-family: primeicons;
  content: "\ea29";
}
addressbookicon::before {
  font-family: primeicons;
  content: "\ea2a";
}
chartscattericon::before {
  font-family: primeicons;
  content: "\ea2b";
}
indianrupeeicon::before {
  font-family: primeicons;
  content: "\ea2c";
}
starhalffillicon::before {
  font-family: primeicons;
  content: "\ea2d";
}
cartarrowdownicon::before {
  font-family: primeicons;
  content: "\ea2e";
}
calendarclockicon::before {
  font-family: primeicons;
  content: "\ea2f";
}
sortupfillicon::before {
  font-family: primeicons;
  content: "\ea30";
}
sparklesicon::before {
  font-family: primeicons;
  content: "\ea31";
}
bullseyeicon::before {
  font-family: primeicons;
  content: "\ea32";
}
sortdownfillicon::before {
  font-family: primeicons;
  content: "\ea33";
}
graduationcapicon::before {
  font-family: primeicons;
  content: "\ea34";
}
hammericon::before {
  font-family: primeicons;
  content: "\ea35";
}
bellslashicon::before {
  font-family: primeicons;
  content: "\ea36";
}
gaugeicon::before {
  font-family: primeicons;
  content: "\ea37";
}
shopicon::before {
  font-family: primeicons;
  content: "\ea38";
}
headphonesicon::before {
  font-family: primeicons;
  content: "\ea39";
}
erasericon::before {
  font-family: primeicons;
  content: "\ea04";
}
stopwatchicon::before {
  font-family: primeicons;
  content: "\ea01";
}
verifiedicon::before {
  font-family: primeicons;
  content: "\ea02";
}
deletelefticon::before {
  font-family: primeicons;
  content: "\ea03";
}
hourglassicon::before {
  font-family: primeicons;
  content: "\e9fe";
}
truckicon::before {
  font-family: primeicons;
  content: "\ea00";
}
wrenchicon::before {
  font-family: primeicons;
  content: "\e9ff";
}
microphoneicon::before {
  font-family: primeicons;
  content: "\e9fa";
}
megaphoneicon::before {
  font-family: primeicons;
  content: "\e9fb";
}
arrowrightarrowlefticon::before {
  font-family: primeicons;
  content: "\e9fc";
}
bitcoinicon::before {
  font-family: primeicons;
  content: "\e9fd";
}
fileediticon::before {
  font-family: primeicons;
  content: "\e9f6";
}
languageicon::before {
  font-family: primeicons;
  content: "\e9f7";
}
fileexporticon::before {
  font-family: primeicons;
  content: "\e9f8";
}
fileimporticon::before {
  font-family: primeicons;
  content: "\e9f9";
}
filewordicon::before {
  font-family: primeicons;
  content: "\e9f1";
}
gifticon::before {
  font-family: primeicons;
  content: "\e9f2";
}
cartplusicon::before {
  font-family: primeicons;
  content: "\e9f3";
}
thumbsdownfillicon::before {
  font-family: primeicons;
  content: "\e9f4";
}
thumbsupfillicon::before {
  font-family: primeicons;
  content: "\e9f5";
}
arrowsalticon::before {
  font-family: primeicons;
  content: "\e9f0";
}
calculatoricon::before {
  font-family: primeicons;
  content: "\e9ef";
}
sortaltslashicon::before {
  font-family: primeicons;
  content: "\e9ee";
}
arrowshicon::before {
  font-family: primeicons;
  content: "\e9ec";
}
arrowsvicon::before {
  font-family: primeicons;
  content: "\e9ed";
}
poundicon::before {
  font-family: primeicons;
  content: "\e9eb";
}
primeicon::before {
  font-family: primeicons;
  content: "\e9ea";
}
chartpieicon::before {
  font-family: primeicons;
  content: "\e9e9";
}
redditicon::before {
  font-family: primeicons;
  content: "\e9e8";
}
codeicon::before {
  font-family: primeicons;
  content: "\e9e7";
}
syncicon::before {
  font-family: primeicons;
  content: "\e9e6";
}
shoppingbagicon::before {
  font-family: primeicons;
  content: "\e9e5";
}
servericon::before {
  font-family: primeicons;
  content: "\e9e4";
}
databaseicon::before {
  font-family: primeicons;
  content: "\e9e3";
}
hashtagicon::before {
  font-family: primeicons;
  content: "\e9e2";
}
bookmarkfillicon::before {
  font-family: primeicons;
  content: "\e9df";
}
filterfillicon::before {
  font-family: primeicons;
  content: "\e9e0";
}
heartfillicon::before {
  font-family: primeicons;
  content: "\e9e1";
}
flagfillicon::before {
  font-family: primeicons;
  content: "\e9de";
}
circleicon::before {
  font-family: primeicons;
  content: "\e9dc";
}
circlefillicon::before {
  font-family: primeicons;
  content: "\e9dd";
}
bolticon::before {
  font-family: primeicons;
  content: "\e9db";
}
historyicon::before {
  font-family: primeicons;
  content: "\e9da";
}
boxicon::before {
  font-family: primeicons;
  content: "\e9d9";
}
aticon::before {
  font-family: primeicons;
  content: "\e9d8";
}
arrowuprighticon::before {
  font-family: primeicons;
  content: "\e9d4";
}
arrowuplefticon::before {
  font-family: primeicons;
  content: "\e9d5";
}
arrowdownlefticon::before {
  font-family: primeicons;
  content: "\e9d6";
}
arrowdownrighticon::before {
  font-family: primeicons;
  content: "\e9d7";
}
telegramicon::before {
  font-family: primeicons;
  content: "\e9d3";
}
stopcircleicon::before {
  font-family: primeicons;
  content: "\e9d2";
}
stopicon::before {
  font-family: primeicons;
  content: "\e9d1";
}
whatsappicon::before {
  font-family: primeicons;
  content: "\e9d0";
}
buildingicon::before {
  font-family: primeicons;
  content: "\e9cf";
}
qrcodeicon::before {
  font-family: primeicons;
  content: "\e9ce";
}
caricon::before {
  font-family: primeicons;
  content: "\e9cd";
}
instagramicon::before {
  font-family: primeicons;
  content: "\e9cc";
}
linkedinicon::before {
  font-family: primeicons;
  content: "\e9cb";
}
sendicon::before {
  font-family: primeicons;
  content: "\e9ca";
}
slackicon::before {
  font-family: primeicons;
  content: "\e9c9";
}
sunicon::before {
  font-family: primeicons;
  content: "\e9c8";
}
moonicon::before {
  font-family: primeicons;
  content: "\e9c7";
}
vimeoicon::before {
  font-family: primeicons;
  content: "\e9c6";
}
youtubeicon::before {
  font-family: primeicons;
  content: "\e9c5";
}
flagicon::before {
  font-family: primeicons;
  content: "\e9c4";
}
walleticon::before {
  font-family: primeicons;
  content: "\e9c3";
}
mapicon::before {
  font-family: primeicons;
  content: "\e9c2";
}
linkicon::before {
  font-family: primeicons;
  content: "\e9c1";
}
creditcardicon::before {
  font-family: primeicons;
  content: "\e9bf";
}
discordicon::before {
  font-family: primeicons;
  content: "\e9c0";
}
percentageicon::before {
  font-family: primeicons;
  content: "\e9be";
}
euroicon::before {
  font-family: primeicons;
  content: "\e9bd";
}
bookicon::before {
  font-family: primeicons;
  content: "\e9ba";
}
shieldicon::before {
  font-family: primeicons;
  content: "\e9b9";
}
paypalicon::before {
  font-family: primeicons;
  content: "\e9bb";
}
amazonicon::before {
  font-family: primeicons;
  content: "\e9bc";
}
phoneicon::before {
  font-family: primeicons;
  content: "\e9b8";
}
filterslashicon::before {
  font-family: primeicons;
  content: "\e9b7";
}
facebookicon::before {
  font-family: primeicons;
  content: "\e9b4";
}
githubicon::before {
  font-family: primeicons;
  content: "\e9b5";
}
twittericon::before {
  font-family: primeicons;
  content: "\e9b6";
}
stepbackwardalticon::before {
  font-family: primeicons;
  content: "\e9ac";
}
stepforwardalticon::before {
  font-family: primeicons;
  content: "\e9ad";
}
forwardicon::before {
  font-family: primeicons;
  content: "\e9ae";
}
backwardicon::before {
  font-family: primeicons;
  content: "\e9af";
}
fastbackwardicon::before {
  font-family: primeicons;
  content: "\e9b0";
}
fastforwardicon::before {
  font-family: primeicons;
  content: "\e9b1";
}
pauseicon::before {
  font-family: primeicons;
  content: "\e9b2";
}
playicon::before {
  font-family: primeicons;
  content: "\e9b3";
}
compassicon::before {
  font-family: primeicons;
  content: "\e9ab";
}
idcardicon::before {
  font-family: primeicons;
  content: "\e9aa";
}
ticketicon::before {
  font-family: primeicons;
  content: "\e9a9";
}
fileoicon::before {
  font-family: primeicons;
  content: "\e9a8";
}
replyicon::before {
  font-family: primeicons;
  content: "\e9a7";
}
directionsalticon::before {
  font-family: primeicons;
  content: "\e9a5";
}
directionsicon::before {
  font-family: primeicons;
  content: "\e9a6";
}
thumbsupicon::before {
  font-family: primeicons;
  content: "\e9a3";
}
thumbsdownicon::before {
  font-family: primeicons;
  content: "\e9a4";
}
sortnumericdownalticon::before {
  font-family: primeicons;
  content: "\e996";
}
sortnumericupalticon::before {
  font-family: primeicons;
  content: "\e997";
}
sortalphadownalticon::before {
  font-family: primeicons;
  content: "\e998";
}
sortalphaupalticon::before {
  font-family: primeicons;
  content: "\e999";
}
sortnumericdownicon::before {
  font-family: primeicons;
  content: "\e99a";
}
sortnumericupicon::before {
  font-family: primeicons;
  content: "\e99b";
}
sortalphadownicon::before {
  font-family: primeicons;
  content: "\e99c";
}
sortalphaupicon::before {
  font-family: primeicons;
  content: "\e99d";
}
sortalticon::before {
  font-family: primeicons;
  content: "\e99e";
}
sortamountupicon::before {
  font-family: primeicons;
  content: "\e99f";
}
sortamountdownicon::before {
  font-family: primeicons;
  content: "\e9a0";
}
sortamountdownalticon::before {
  font-family: primeicons;
  content: "\e9a1";
}
sortamountupalticon::before {
  font-family: primeicons;
  content: "\e9a2";
}
paletteicon::before {
  font-family: primeicons;
  content: "\e995";
}
undoicon::before {
  font-family: primeicons;
  content: "\e994";
}
desktopicon::before {
  font-family: primeicons;
  content: "\e993";
}
slidersvicon::before {
  font-family: primeicons;
  content: "\e991";
}
slidershicon::before {
  font-family: primeicons;
  content: "\e992";
}
searchplusicon::before {
  font-family: primeicons;
  content: "\e98f";
}
searchminusicon::before {
  font-family: primeicons;
  content: "\e990";
}
fileexcelicon::before {
  font-family: primeicons;
  content: "\e98e";
}
filepdficon::before {
  font-family: primeicons;
  content: "\e98d";
}
checksquareicon::before {
  font-family: primeicons;
  content: "\e98c";
}
chartlineicon::before {
  font-family: primeicons;
  content: "\e98b";
}
userediticon::before {
  font-family: primeicons;
  content: "\e98a";
}
exclamationcircleicon::before {
  font-family: primeicons;
  content: "\e989";
}
androidicon::before {
  font-family: primeicons;
  content: "\e985";
}
googleicon::before {
  font-family: primeicons;
  content: "\e986";
}
appleicon::before {
  font-family: primeicons;
  content: "\e987";
}
microsofticon::before {
  font-family: primeicons;
  content: "\e988";
}
hearticon::before {
  font-family: primeicons;
  content: "\e984";
}
mobileicon::before {
  font-family: primeicons;
  content: "\e982";
}
tableticon::before {
  font-family: primeicons;
  content: "\e983";
}
keyicon::before {
  font-family: primeicons;
  content: "\e981";
}
shoppingcarticon::before {
  font-family: primeicons;
  content: "\e980";
}
commentsicon::before {
  font-family: primeicons;
  content: "\e97e";
}
commenticon::before {
  font-family: primeicons;
  content: "\e97f";
}
briefcaseicon::before {
  font-family: primeicons;
  content: "\e97d";
}
bellicon::before {
  font-family: primeicons;
  content: "\e97c";
}
paperclipicon::before {
  font-family: primeicons;
  content: "\e97b";
}
sharealticon::before {
  font-family: primeicons;
  content: "\e97a";
}
envelopeicon::before {
  font-family: primeicons;
  content: "\e979";
}
volumedownicon::before {
  font-family: primeicons;
  content: "\e976";
}
volumeupicon::before {
  font-family: primeicons;
  content: "\e977";
}
volumeofficon::before {
  font-family: primeicons;
  content: "\e978";
}
ejecticon::before {
  font-family: primeicons;
  content: "\e975";
}
moneybillicon::before {
  font-family: primeicons;
  content: "\e974";
}
imagesicon::before {
  font-family: primeicons;
  content: "\e973";
}
imageicon::before {
  font-family: primeicons;
  content: "\e972";
}
signinicon::before {
  font-family: primeicons;
  content: "\e970";
}
signouticon::before {
  font-family: primeicons;
  content: "\e971";
}
wifiicon::before {
  font-family: primeicons;
  content: "\e96f";
}
sitemapicon::before {
  font-family: primeicons;
  content: "\e96e";
}
chartbaricon::before {
  font-family: primeicons;
  content: "\e96d";
}
cameraicon::before {
  font-family: primeicons;
  content: "\e96c";
}
dollaricon::before {
  font-family: primeicons;
  content: "\e96b";
}
lockopenicon::before {
  font-family: primeicons;
  content: "\e96a";
}
tableicon::before {
  font-family: primeicons;
  content: "\e969";
}
mapmarkericon::before {
  font-family: primeicons;
  content: "\e968";
}
listicon::before {
  font-family: primeicons;
  content: "\e967";
}
eyeslashicon::before {
  font-family: primeicons;
  content: "\e965";
}
eyeicon::before {
  font-family: primeicons;
  content: "\e966";
}
folderopenicon::before {
  font-family: primeicons;
  content: "\e964";
}
foldericon::before {
  font-family: primeicons;
  content: "\e963";
}
videoicon::before {
  font-family: primeicons;
  content: "\e962";
}
inboxicon::before {
  font-family: primeicons;
  content: "\e961";
}
lockicon::before {
  font-family: primeicons;
  content: "\e95f";
}
unlockicon::before {
  font-family: primeicons;
  content: "\e960";
}
tagsicon::before {
  font-family: primeicons;
  content: "\e95d";
}
tagicon::before {
  font-family: primeicons;
  content: "\e95e";
}
powerofficon::before {
  font-family: primeicons;
  content: "\e95c";
}
saveicon::before {
  font-family: primeicons;
  content: "\e95b";
}
questioncircleicon::before {
  font-family: primeicons;
  content: "\e959";
}
questionicon::before {
  font-family: primeicons;
  content: "\e95a";
}
copyicon::before {
  font-family: primeicons;
  content: "\e957";
}
fileicon::before {
  font-family: primeicons;
  content: "\e958";
}
cloneicon::before {
  font-family: primeicons;
  content: "\e955";
}
calendartimesicon::before {
  font-family: primeicons;
  content: "\e952";
}
calendarminusicon::before {
  font-family: primeicons;
  content: "\e953";
}
calendarplusicon::before {
  font-family: primeicons;
  content: "\e954";
}
ellipsisvicon::before {
  font-family: primeicons;
  content: "\e950";
}
ellipsishicon::before {
  font-family: primeicons;
  content: "\e951";
}
bookmarkicon::before {
  font-family: primeicons;
  content: "\e94e";
}
globeicon::before {
  font-family: primeicons;
  content: "\e94f";
}
replayicon::before {
  font-family: primeicons;
  content: "\e94d";
}
filtericon::before {
  font-family: primeicons;
  content: "\e94c";
}
printicon::before {
  font-family: primeicons;
  content: "\e94b";
}
alignrighticon::before {
  font-family: primeicons;
  content: "\e946";
}
alignlefticon::before {
  font-family: primeicons;
  content: "\e947";
}
aligncentericon::before {
  font-family: primeicons;
  content: "\e948";
}
alignjustifyicon::before {
  font-family: primeicons;
  content: "\e949";
}
cogicon::before {
  font-family: primeicons;
  content: "\e94a";
}
clouddownloadicon::before {
  font-family: primeicons;
  content: "\e943";
}
clouduploadicon::before {
  font-family: primeicons;
  content: "\e944";
}
cloudicon::before {
  font-family: primeicons;
  content: "\e945";
}
pencilicon::before {
  font-family: primeicons;
  content: "\e942";
}
usersicon::before {
  font-family: primeicons;
  content: "\e941";
}
clockicon::before {
  font-family: primeicons;
  content: "\e940";
}
userminusicon::before {
  font-family: primeicons;
  content: "\e93e";
}
userplusicon::before {
  font-family: primeicons;
  content: "\e93f";
}
trashicon::before {
  font-family: primeicons;
  content: "\e93d";
}
externallinkicon::before {
  font-family: primeicons;
  content: "\e93c";
}
windowmaximizeicon::before {
  font-family: primeicons;
  content: "\e93b";
}
windowminimizeicon::before {
  font-family: primeicons;
  content: "\e93a";
}
refreshicon::before {
  font-family: primeicons;
  content: "\e938";
}
usericon::before {
  font-family: primeicons;
  content: "\e939";
}
exclamationtriangleicon::before {
  font-family: primeicons;
  content: "\e922";
}
calendaricon::before {
  font-family: primeicons;
  content: "\e927";
}
chevroncirclelefticon::before {
  font-family: primeicons;
  content: "\e928";
}
chevroncircledownicon::before {
  font-family: primeicons;
  content: "\e929";
}
chevroncirclerighticon::before {
  font-family: primeicons;
  content: "\e92a";
}
chevroncircleupicon::before {
  font-family: primeicons;
  content: "\e92b";
}
angledoubledownicon::before {
  font-family: primeicons;
  content: "\e92c";
}
angledoublelefticon::before {
  font-family: primeicons;
  content: "\e92d";
}
angledoublerighticon::before {
  font-family: primeicons;
  content: "\e92e";
}
angledoubleupicon::before {
  font-family: primeicons;
  content: "\e92f";
}
angledownicon::before {
  font-family: primeicons;
  content: "\e930";
}
anglelefticon::before {
  font-family: primeicons;
  content: "\e931";
}
anglerighticon::before {
  font-family: primeicons;
  content: "\e932";
}
angleupicon::before {
  font-family: primeicons;
  content: "\e933";
}
uploadicon::before {
  font-family: primeicons;
  content: "\e934";
}
downloadicon::before {
  font-family: primeicons;
  content: "\e956";
}
banicon::before {
  font-family: primeicons;
  content: "\e935";
}
starfillicon::before {
  font-family: primeicons;
  content: "\e936";
}
staricon::before {
  font-family: primeicons;
  content: "\e937";
}
chevronlefticon::before {
  font-family: primeicons;
  content: "\e900";
}
chevronrighticon::before {
  font-family: primeicons;
  content: "\e901";
}
chevrondownicon::before {
  font-family: primeicons;
  content: "\e902";
}
chevronupicon::before {
  font-family: primeicons;
  content: "\e903";
}
caretlefticon::before {
  font-family: primeicons;
  content: "\e904";
}
caretrighticon::before {
  font-family: primeicons;
  content: "\e905";
}
caretdownicon::before {
  font-family: primeicons;
  content: "\e906";
}
caretupicon::before {
  font-family: primeicons;
  content: "\e907";
}
searchicon::before {
  font-family: primeicons;
  content: "\e908";
}
checkicon::before {
  font-family: primeicons;
  content: "\e909";
}
checkcircleicon::before {
  font-family: primeicons;
  content: "\e90a";
}
timesicon::before {
  font-family: primeicons;
  content: "\e90b";
}
timescircleicon::before {
  font-family: primeicons;
  content: "\e90c";
}
plusicon::before {
  font-family: primeicons;
  content: "\e90d";
}
pluscircleicon::before {
  font-family: primeicons;
  content: "\e90e";
}
minusicon::before {
  font-family: primeicons;
  content: "\e90f";
}
minuscircleicon::before {
  font-family: primeicons;
  content: "\e910";
}
circleonicon::before {
  font-family: primeicons;
  content: "\e911";
}
circleofficon::before {
  font-family: primeicons;
  content: "\e912";
}
sortdownicon::before {
  font-family: primeicons;
  content: "\e913";
}
sortupicon::before {
  font-family: primeicons;
  content: "\e914";
}
sorticon::before {
  font-family: primeicons;
  content: "\e915";
}
stepbackwardicon::before {
  font-family: primeicons;
  content: "\e916";
}
stepforwardicon::before {
  font-family: primeicons;
  content: "\e917";
}
thlargeicon::before {
  font-family: primeicons;
  content: "\e918";
}
arrowdownicon::before {
  font-family: primeicons;
  content: "\e919";
}
arrowlefticon::before {
  font-family: primeicons;
  content: "\e91a";
}
arrowrighticon::before {
  font-family: primeicons;
  content: "\e91b";
}
arrowupicon::before {
  font-family: primeicons;
  content: "\e91c";
}
barsicon::before {
  font-family: primeicons;
  content: "\e91d";
}
arrowcircledownicon::before {
  font-family: primeicons;
  content: "\e91e";
}
arrowcirclelefticon::before {
  font-family: primeicons;
  content: "\e91f";
}
arrowcirclerighticon::before {
  font-family: primeicons;
  content: "\e920";
}
arrowcircleupicon::before {
  font-family: primeicons;
  content: "\e921";
}
infoicon::before {
  font-family: primeicons;
  content: "\e923";
}
infocircleicon::before {
  font-family: primeicons;
  content: "\e924";
}
homeicon::before {
  font-family: primeicons;
  content: "\e925";
}
spinnericon::before {
  font-family: primeicons;
  content: "\e926";
}
.icon {
  font-family: iconfont-vk;
  font-style: normal;
  font-weight: normal;
}
.icon.icon-24-stunden::before {
  content: "9";
}
.icon.icon-abmelden::before {
  content: "U";
}
.icon.icon-agilitaet::before {
  content: "\264";
}
.icon.icon-alter::before {
  content: "+";
}
.icon.icon-altersvorsorge::before {
  content: "\17e";
}
.icon.icon-amt-und-diensthaftpflicht::before {
  content: "\2229";
}
.icon.icon-anlagestreuung::before {
  content: "\d9";
}
.icon.icon-anmelden::before {
  content: "T";
}
.icon.icon-ansprueche-dritter::before {
  content: "\c7";
}
.icon.icon-app-mobile-services::before {
  content: "\262";
}
.icon.icon-aufzaehlung::before {
  content: "@";
}
.icon.icon-auge::before {
  content: "\258";
}
.icon.icon-auslandsreise-krankenversicherung::before {
  content: "\e93a";
}
.icon.icon-auto::before {
  content: "\222b";
}
.icon.icon-auto-glasschaden::before {
  content: "\416";
}
.icon.icon-auto-haftpflichtschaden::before {
  content: "\3bd";
}
.icon.icon-auto-schutzschild::before {
  content: "\e94a";
}
.icon.icon-auto-schutzschirm::before {
  content: "\e944";
}
.icon.icon-auto-teilkaskoschaden::before {
  content: "\439";
}
.icon.icon-auto-unfall::before {
  content: "\2524";
}
.icon.icon-auto-unfall-meldung::before {
  content: "\255e";
}
.icon.icon-auto-unwetterschaden::before {
  content: "\451";
}
.icon.icon-auto-vollkaskoschaden::before {
  content: "\1fe";
}
.icon.icon-autos::before {
  content: "\e945";
}
.icon.icon-balken-leistung-drei::before {
  content: "\e94c";
}
.icon.icon-balken-leistung-eins::before {
  content: "\e94d";
}
.icon.icon-balken-leistung-zwei::before {
  content: "\e94e";
}
.icon.icon-bankverbindung::before {
  content: "\e912";
}
.icon.icon-baufahrzeug::before {
  content: "\25bc";
}
.icon.icon-baum::before {
  content: "\e928";
}
.icon.icon-bedarfsrechner::before {
  content: "\b4";
}
.icon.icon-beitragsanpassung::before {
  content: "\265";
}
.icon.icon-beratung-headset::before {
  content: "&";
}
.icon.icon-beratung-laptop::before {
  content: "\a4";
}
.icon.icon-berg::before {
  content: "\2566";
}
.icon.icon-beruf::before {
  content: "\e7";
}
.icon.icon-berufsunfaehigkeit::before {
  content: "\f5";
}
.icon.icon-besteck::before {
  content: "\207f";
}
.icon.icon-betrieb::before {
  content: "\267";
}
.icon.icon-betrieb-krankenversicherung::before {
  content: "\266";
}
.icon.icon-blitzschlag::before {
  content: "\2248";
}
.icon.icon-bonus::before {
  content: "1";
}
.icon.icon-brief::before {
  content: "F";
}
.icon.icon-brille::before {
  content: "\d2";
}
.icon.icon-buch::before {
  content: "\255b";
}
.icon.icon-computer::before {
  content: "\276";
}
.icon.icon-couch::before {
  content: "\2534";
}
.icon.icon-datenbank::before {
  content: "\269";
}
.icon.icon-daumen-hoch::before {
  content: "s";
}
.icon.icon-daumen-runter::before {
  content: "a";
}
.icon.icon-daumen-seitlich::before {
  content: "\e916";
}
.icon.icon-demenz::before {
  content: "\e917";
}
.icon.icon-demographie::before {
  content: "\270";
}
.icon.icon-diabetes-management::before {
  content: "\261";
}
.icon.icon-diagramm::before {
  content: "\203a";
}
.icon.icon-diagramm-kreis::before {
  content: "\b1";
}
.icon.icon-diebstahl::before {
  content: "\c8";
}
.icon.icon-digitale-sprechstunde::before {
  content: "\257";
}
.icon.icon-digitaler-kontakt::before {
  content: "\e915";
}
.icon.icon-digitalisierung::before {
  content: "\271";
}
.icon.icon-diskette::before {
  content: "\e918";
}
.icon.icon-dokument::before {
  content: "g";
}
.icon.icon-dokument-basisleistungen::before {
  content: "h";
}
.icon.icon-dokument-pdf::before {
  content: "R";
}
.icon.icon-dokument-stift::before {
  content: "\279";
}
.icon.icon-download::before {
  content: "B";
}
.icon.icon-drucker::before {
  content: "D";
}
.icon.icon-e-scooter::before {
  content: "\e942";
}
.icon.icon-einschulung-schulranzen::before {
  content: "\255c";
}
.icon.icon-einschulung-tafel::before {
  content: "\255d";
}
.icon.icon-einstellungen::before {
  content: "0";
}
.icon.icon-email-senden::before {
  content: "7";
}
.icon.icon-email-zeichen::before {
  content: "`";
}
.icon.icon-ergaenzungsleistung::before {
  content: "\2022";
}
.icon.icon-ernte::before {
  content: "\25cb";
}
.icon.icon-erste-seite::before {
  content: "W";
}
.icon.icon-euro-kreis::before {
  content: ",";
}
.icon.icon-euro-schein::before {
  content: "\f9";
}
.icon.icon-euro-schein-10::before {
  content: "\dd";
}
.icon.icon-euro-schein-100::before {
  content: "\db";
}
.icon.icon-euro-schein-20::before {
  content: "\fc";
}
.icon.icon-euro-schein-200::before {
  content: "\fa";
}
.icon.icon-euro-schein-5::before {
  content: "\fd";
}
.icon.icon-euro-schein-50::before {
  content: "\fb";
}
.icon.icon-euro-schein-500::before {
  content: "\da";
}
.icon.icon-euro-schein-leer::before {
  content: "\178";
}
.icon.icon-fahrrad::before {
  content: "\2556";
}
.icon.icon-fahrrad-beschaedigung::before {
  content: "\2555";
}
.icon.icon-familie-drei::before {
  content: "\a2";
}
.icon.icon-familie-vier::before {
  content: "\b6";
}
.icon.icon-faq::before {
  content: "\bf";
}
.icon.icon-fenster-glasbruch::before {
  content: "\c6";
}
.icon.icon-feuer::before {
  content: "\21a8";
}
.icon.icon-flagge::before {
  content: "\e919";
}
.icon.icon-flugzeug::before {
  content: "\2562";
}
.icon.icon-fragezeichen::before {
  content: "{";
}
.icon.icon-fragezeichen-kreis::before {
  content: "x";
}
.icon.icon-frau-mann::before {
  content: "\e929";
}
.icon.icon-frost::before {
  content: "\203c";
}
.icon.icon-fussball::before {
  content: "\2569";
}
.icon.icon-gamification::before {
  content: "\273";
}
.icon.icon-garten::before {
  content: "\25d8";
}
.icon.icon-gefahrstoffe::before {
  content: "\c9";
}
.icon.icon-gehirn::before {
  content: "\e91e";
}
.icon.icon-geldsack::before {
  content: "\a8";
}
.icon.icon-geldsack-10000::before {
  content: "\160";
}
.icon.icon-geldsack-100000::before {
  content: "\d8";
}
.icon.icon-geldsack-25000::before {
  content: "\153";
}
.icon.icon-geldsack-50000::before {
  content: "\152";
}
.icon.icon-geldsack-euro::before {
  content: "\f6";
}
.icon.icon-gemeinsame-kultur::before {
  content: "\e921";
}
.icon.icon-geschlecht::before {
  content: "\e91f";
}
.icon.icon-geschlecht-maennlich::before {
  content: "\e2";
}
.icon.icon-geschlecht-weiblich::before {
  content: "\c3";
}
.icon.icon-gesellschafter::before {
  content: "\2553";
}
.icon.icon-gesicht-frau::before {
  content: "\2202";
}
.icon.icon-gesicht-mann::before {
  content: "\aa";
}
.icon.icon-gesundheitsakte::before {
  content: "\e9";
}
.icon.icon-gesundheitspartner::before {
  content: "\2552";
}
.icon.icon-gesundheitsvorsorge::before {
  content: "\a5";
}
.icon.icon-geweih::before {
  content: "\3b5";
}
.icon.icon-gewerbe-elektronik::before {
  content: "\3a9";
}
.icon.icon-gewerbe-ertragsschutz::before {
  content: "\17d";
}
.icon.icon-gewerbe-gewaesserschaeden::before {
  content: "\266a";
}
.icon.icon-gewerbe-haftpflicht::before {
  content: "\f7";
}
.icon.icon-gewerbe-haftpflicht-frachtfuehrer::before {
  content: "\2561";
}
.icon.icon-gewerbe-haftpflicht-grundbesitz::before {
  content: "\2259";
}
.icon.icon-gewerbe-haftpflicht-spezial::before {
  content: "\d7";
}
.icon.icon-gewerbe-inhaber::before {
  content: "\2db";
}
.icon.icon-gewerbe-inhalt-karton::before {
  content: "\255f";
}
.icon.icon-gewerbe-inhalt-schreibtisch::before {
  content: "\251c";
}
.icon.icon-gewerbe-lkw::before {
  content: "\e92a";
}
.icon.icon-gewerbe-police::before {
  content: "\e92b";
}
.icon.icon-gewerbe-umwelt-verschmutzung::before {
  content: "\2640";
}
.icon.icon-gewerbe-warentransport::before {
  content: "\2302";
}
.icon.icon-gewerbe-werkverkehr::before {
  content: "\2502";
}
.icon.icon-giesskanne::before {
  content: "\255a";
}
.icon.icon-gipsarm::before {
  content: "\2264";
}
.icon.icon-gipsbein::before {
  content: "\e924";
}
.icon.icon-glas-haftpflicht::before {
  content: "\221a";
}
.icon.icon-gluehbirne::before {
  content: "\a6";
}
.icon.icon-golf::before {
  content: "\2560";
}
.icon.icon-haftung-recht::before {
  content: "%";
}
.icon.icon-haken::before {
  content: "p";
}
.icon.icon-haken-kreis::before {
  content: "\e8";
}
.icon.icon-handschlag::before {
  content: "\c5";
}
.icon.icon-haus::before {
  content: "2";
}
.icon.icon-haus-bau::before {
  content: "\fe";
}
.icon.icon-haus-elementar::before {
  content: "'";
}
.icon.icon-haus-euro::before {
  content: ")";
}
.icon.icon-haus-flugzeug::before {
  content: "\e923";
}
.icon.icon-haus-grundstueck::before {
  content: "\c4";
}
.icon.icon-haus-homeoffice::before {
  content: "\275";
}
.icon.icon-haus-kauf::before {
  content: "\de";
}
.icon.icon-haus-leer::before {
  content: ">";
}
.icon.icon-haus-photovoltaik::before {
  content: "}";
}
.icon.icon-haus-planung::before {
  content: "\2da";
}
.icon.icon-haus-renovierung::before {
  content: "\2c6";
}
.icon.icon-haus-sanierung::before {
  content: "\2dc";
}
.icon.icon-haus-schaden::before {
  content: "\2dd";
}
.icon.icon-haus-ueberspannung::before {
  content: "\201c";
}
.icon.icon-haus-unwetter::before {
  content: "\d6";
}
.icon.icon-haus-verkauf::before {
  content: "\2c7";
}
.icon.icon-haus-versicherung::before {
  content: "\2320";
}
.icon.icon-hausrat::before {
  content: "\f4";
}
.icon.icon-hausrat-glas::before {
  content: "\a9";
}
.icon.icon-heilbehandlungen::before {
  content: "\e93b";
}
.icon.icon-heilpraktiker::before {
  content: "\d1";
}
.icon.icon-herz-fitness::before {
  content: "\272";
}
.icon.icon-herz-kardiogramm::before {
  content: "\ef";
}
.icon.icon-hierarchie::before {
  content: "\274";
}
.icon.icon-hinterbliebene::before {
  content: "\e3";
}
.icon.icon-hochzeit::before {
  content: "\2554";
}
.icon.icon-hoergeraet::before {
  content: "\f2";
}
.icon.icon-hund::before {
  content: "\c2";
}
.icon.icon-info::before {
  content: "\2260";
}
.icon.icon-info-kreis::before {
  content: "A";
}
.icon.icon-inhaltsverzeichnis::before {
  content: "\2558";
}
.icon.icon-internet::before {
  content: "N";
}
.icon.icon-kalender-monat::before {
  content: "d";
}
.icon.icon-kalender-tag::before {
  content: "\e900";
}
.icon.icon-kalender-termine::before {
  content: "\2559";
}
.icon.icon-kalender-uhr::before {
  content: "~";
}
.icon.icon-kamera::before {
  content: "\252c";
}
.icon.icon-karriere::before {
  content: "\2557";
}
.icon.icon-karte-standort::before {
  content: "I";
}
.icon.icon-kinderwagen::before {
  content: "\2551";
}
.icon.icon-klammer-hoch::before {
  content: "L";
}
.icon.icon-klammer-hoch-runter::before {
  content: "$";
}
.icon.icon-klammer-links::before {
  content: "J";
}
.icon.icon-klammer-rechts::before {
  content: "q";
}
.icon.icon-klammer-runter::before {
  content: "K";
}
.icon.icon-klammern-vor::before {
  content: "C";
}
.icon.icon-klammern-zurueck::before {
  content: "z";
}
.icon.icon-kleinkraftrad::before {
  content: "\e94f";
}
.icon.icon-koffer::before {
  content: "\2190";
}
.icon.icon-kommunal-police::before {
  content: "\e92c";
}
.icon.icon-kommunal-sachversicherung::before {
  content: "\e92d";
}
.icon.icon-kommune::before {
  content: "\e92e";
}
.icon.icon-kompass-windrose::before {
  content: "\431";
}
.icon.icon-krankenbett::before {
  content: "\ea";
}
.icon.icon-krankenhaus::before {
  content: "\250c";
}
.icon.icon-krankentagegeld-euro::before {
  content: "\2039";
}
.icon.icon-krankentagegeld-verletzung::before {
  content: "\cb";
}
.icon.icon-krankenwagen::before {
  content: "\20a7";
}
.icon.icon-krankenzusatz::before {
  content: "\d4";
}
.icon.icon-kreditkarte::before {
  content: "\278";
}
.icon.icon-kreis::before {
  content: "E";
}
.icon.icon-kreis-gefuellt::before {
  content: "[";
}
.icon.icon-kreis-punkt::before {
  content: "^";
}
.icon.icon-krone::before {
  content: "\2219";
}
.icon.icon-kuenstliche-intelligenz::before {
  content: "\277";
}
.icon.icon-kundenmappe::before {
  content: "\256";
}
.icon.icon-landwirtschaft-anlage-biogas::before {
  content: "\2642";
}
.icon.icon-landwirtschaft-anlage-elektronik::before {
  content: "\ac";
}
.icon.icon-landwirtschaft-ernte-obst-gemuese::before {
  content: "\25d9";
}
.icon.icon-landwirtschaft-garantiehaftung::before {
  content: "\192";
}
.icon.icon-landwirtschaft-geschaeft::before {
  content: "\b8";
}
.icon.icon-landwirtschaft-haftpflicht::before {
  content: "\af";
}
.icon.icon-landwirtschaft-hahn::before {
  content: "\2663";
}
.icon.icon-landwirtschaft-hof::before {
  content: "\2d9";
}
.icon.icon-landwirtschaft-mindestabsicherung::before {
  content: "\2d8";
}
.icon.icon-landwirtschaft-rind::before {
  content: "\2666";
}
.icon.icon-landwirtschaft-traktor::before {
  content: "\25b2";
}
.icon.icon-landwirtschaft-trockenheit::before {
  content: "\2660";
}
.icon.icon-lautsprecher-leise::before {
  content: "v";
}
.icon.icon-lautsprecher-stumm::before {
  content: "\e901";
}
.icon.icon-letzte-seite::before {
  content: "X";
}
.icon.icon-liniendiagramm-01::before {
  content: "*";
}
.icon.icon-liniendiagramm-02::before {
  content: "\bb";
}
.icon.icon-liniendiagramm-03::before {
  content: "\201e";
}
.icon.icon-liniendiagramm-04::before {
  content: "\e90d";
}
.icon.icon-liniendiagramm-05::before {
  content: "\e90e";
}
.icon.icon-liniendiagramm-06::before {
  content: "\e90f";
}
.icon.icon-liniendiagramm-07::before {
  content: "\e910";
}
.icon.icon-liniendiagramm-08::before {
  content: "\e911";
}
.icon.icon-liste::before {
  content: "4";
}
.icon.icon-lupe::before {
  content: "e";
}
.icon.icon-manager-alltag::before {
  content: "\a3";
}
.icon.icon-manager-reha::before {
  content: "!";
}
.icon.icon-marketing::before {
  content: "\281";
}
.icon.icon-maschinelles-lernen::before {
  content: "\280";
}
.icon.icon-medaille::before {
  content: "\2321";
}
.icon.icon-medikamente::before {
  content: "\f1";
}
.icon.icon-medizinkoffer::before {
  content: "\256a";
}
.icon.icon-meine-gesundheit::before {
  content: "\260";
}
.icon.icon-menu::before {
  content: "\e902";
}
.icon.icon-microcar::before {
  content: "\e950";
}
.icon.icon-miete::before {
  content: "\f0";
}
.icon.icon-minus::before {
  content: "c";
}
.icon.icon-mofa::before {
  content: "\e951";
}
.icon.icon-monitor::before {
  content: "\253c";
}
.icon.icon-moped::before {
  content: "\e943";
}
.icon.icon-motorrad::before {
  content: "\e946";
}
.icon.icon-motorrad-schutzschirm::before {
  content: "\e947";
}
.icon.icon-multikanalvertrieb::before {
  content: "\282";
}
.icon.icon-mutter::before {
  content: "\2206";
}
.icon.icon-mutter-sohn::before {
  content: "\2030";
}
.icon.icon-mutter-tochter::before {
  content: "\c0";
}
.icon.icon-nichtraucher::before {
  content: "\e925";
}
.icon.icon-notiz::before {
  content: "\e903";
}
.icon.icon-notrufzentrale::before {
  content: "\a7";
}
.icon.icon-onlineberatung::before {
  content: "\283";
}
.icon.icon-papierkorb::before {
  content: "Q";
}
.icon.icon-persoenliche-daten::before {
  content: "\e904";
}
.icon.icon-person::before {
  content: "\ab";
}
.icon.icon-person-haftung::before {
  content: "\2565";
}
.icon.icon-pfeil-hoch::before {
  content: "\e905";
}
.icon.icon-pfeil-links::before {
  content: "\e906";
}
.icon.icon-pfeil-rechts::before {
  content: "\e908";
}
.icon.icon-pfeil-rechts-lang::before {
  content: "?";
}
.icon.icon-pfeil-runter::before {
  content: "\e909";
}
.icon.icon-pfeil-wechsel::before {
  content: "\e948";
}
.icon.icon-pfeile::before {
  content: "\2564";
}
.icon.icon-pferd::before {
  content: "\e949";
}
.icon.icon-pferd-hund::before {
  content: "\e94b";
}
.icon.icon-pflege-rollstuhl::before {
  content: "\ba";
}
.icon.icon-pflegeversicherung::before {
  content: "\e93c";
}
.icon.icon-pinnadel::before {
  content: "-";
}
.icon.icon-play-pause::before {
  content: "y";
}
.icon.icon-plus::before {
  content: "w";
}
.icon.icon-pokal::before {
  content: "\3c6";
}
.icon.icon-presse::before {
  content: "\2510";
}
.icon.icon-prozent::before {
  content: "\d0";
}
.icon.icon-quad::before {
  content: "\e952";
}
.icon.icon-quadrat::before {
  content: "M";
}
.icon.icon-quadrat-gefuellt::before {
  content: "\e922";
}
.icon.icon-quadrat-kreuz::before {
  content: "\2518";
}
.icon.icon-qualifizierungsangebote::before {
  content: "\e93d";
}
.icon.icon-rechnung::before {
  content: "\161";
}
.icon.icon-recht-schutzschild::before {
  content: "\25ca";
}
.icon.icon-recht-waage::before {
  content: "/";
}
.icon.icon-rechtsschutz-arbeitgeber::before {
  content: "\b9";
}
.icon.icon-rechtsschutz-beruf::before {
  content: "\b2";
}
.icon.icon-rechtsschutz-gewerbe::before {
  content: "\b3";
}
.icon.icon-rechtsschutz-haus::before {
  content: "\bc";
}
.icon.icon-rechtsschutz-privat::before {
  content: "\bd";
}
.icon.icon-rechtsschutz-spezial-straf::before {
  content: "\be";
}
.icon.icon-rechtsschutz-verkehr::before {
  content: "\2665";
}
.icon.icon-reha-service::before {
  content: "\259";
}
.icon.icon-reise-beratung::before {
  content: "\263";
}
.icon.icon-reisekrankenversicherung::before {
  content: "\e93e";
}
.icon.icon-reiseversicherung::before {
  content: "\d5";
}
.icon.icon-reiseversicherung-2::before {
  content: "\e93f";
}
.icon.icon-reload::before {
  content: "G";
}
.icon.icon-reset::before {
  content: "\e907";
}
.icon.icon-rezept::before {
  content: "\ca";
}
.icon.icon-roboter::before {
  content: "\284";
}
.icon.icon-rohrbruch::before {
  content: "\220f";
}
.icon.icon-rollstuhl::before {
  content: "\d3";
}
.icon.icon-rss::before {
  content: "V";
}
.icon.icon-ruhestand::before {
  content: "\2192";
}
.icon.icon-sachwerte-schutz::before {
  content: "\dc";
}
.icon.icon-sammelmappe::before {
  content: "\2013";
}
.icon.icon-sanduhr::before {
  content: "\e91c";
}
.icon.icon-sanduhr-voll::before {
  content: "\e91d";
}
.icon.icon-sanduhr-warten::before {
  content: "S";
}
.icon.icon-schach::before {
  content: "\286";
}
.icon.icon-schiff::before {
  content: "\221f";
}
.icon.icon-schiff-haftpflicht::before {
  content: "\2261";
}
.icon.icon-schliessen::before {
  content: "\e90a";
}
.icon.icon-schliessen-kreis::before {
  content: "|";
}
.icon.icon-schloss::before {
  content: "n";
}
.icon.icon-schloss-offen::before {
  content: "o";
}
.icon.icon-schutzschirm::before {
  content: "\e940";
}
.icon.icon-segway::before {
  content: "\e953";
}
.icon.icon-seite-vor::before {
  content: "Y";
}
.icon.icon-seite-zurueck::before {
  content: "Z";
}
.icon.icon-selbstbehalt::before {
  content: "(";
}
.icon.icon-serviceleistungen::before {
  content: "\2018";
}
.icon.icon-smartphone-mobiltelefon::before {
  content: "\e90b";
}
.icon.icon-smiley-01::before {
  content: "\2211";
}
.icon.icon-smiley-02::before {
  content: "\20ac";
}
.icon.icon-smiley-03::before {
  content: "\ae";
}
.icon.icon-smiley-04::before {
  content: "\2044";
}
.icon.icon-smiley-psyche::before {
  content: "\e91a";
}
.icon.icon-social-media::before {
  content: "\285";
}
.icon.icon-sonne::before {
  content: "\266b";
}
.icon.icon-sonne-meer::before {
  content: "\2193";
}
.icon.icon-sparen-diagramm::before {
  content: "\ff";
}
.icon.icon-sparen-sparschwein::before {
  content: ".";
}
.icon.icon-sprechblase::before {
  content: "5";
}
.icon.icon-stammbaum::before {
  content: "\e920";
}
.icon.icon-stern::before {
  content: "]";
}
.icon.icon-stern-gefuellt::before {
  content: "#";
}
.icon.icon-stethoskop::before {
  content: "\201a";
}
.icon.icon-stift::before {
  content: "u";
}
.icon.icon-stift-spitze::before {
  content: "\2567";
}
.icon.icon-stoppuhr::before {
  content: "\e926";
}
.icon.icon-strich::before {
  content: "H";
}
.icon.icon-swipe::before {
  content: "r";
}
.icon.icon-t-shirt::before {
  content: "\2514";
}
.icon.icon-tablet::before {
  content: "\287";
}
.icon.icon-taschenrechner::before {
  content: "j";
}
.icon.icon-team::before {
  content: "\288";
}
.icon.icon-telefon::before {
  content: "m";
}
.icon.icon-telefonbuch::before {
  content: "k";
}
.icon.icon-text-linksbuendig::before {
  content: "_";
}
.icon.icon-textmarker::before {
  content: "\b5";
}
.icon.icon-tierhalter::before {
  content: "\e1";
}
.icon.icon-tischtennis::before {
  content: "\b0";
}
.icon.icon-uebersicht::before {
  content: "3";
}
.icon.icon-uhr::before {
  content: "O";
}
.icon.icon-unfall-mit-bre::before {
  content: "\e92f";
}
.icon.icon-unfallschutz::before {
  content: "\f8";
}
.icon.icon-unternehmen::before {
  content: "\2265";
}
.icon.icon-unternehmensethik::before {
  content: "\3b4";
}
.icon.icon-unterschrift::before {
  content: "\256c";
}
.icon.icon-upload::before {
  content: "\e90c";
}
.icon.icon-vater::before {
  content: "\e6";
}
.icon.icon-vater-sohn::before {
  content: "\e0";
}
.icon.icon-vater-tochter::before {
  content: "\c1";
}
.icon.icon-versicherungscheck::before {
  content: "\e927";
}
.icon.icon-vertretung::before {
  content: "\e941";
}
.icon.icon-vertrieb::before {
  content: "\289";
}
.icon.icon-video::before {
  content: "\e913";
}
.icon.icon-virus::before {
  content: "\268";
}
.icon.icon-visitenkarte::before {
  content: "P";
}
.icon.icon-vorsorge-pro::before {
  content: "\b7";
}
.icon.icon-wandern::before {
  content: "\2550";
}
.icon.icon-warnung::before {
  content: "b";
}
.icon.icon-wasserhahn::before {
  content: "\3c0";
}
.icon.icon-weblink::before {
  content: "\e914";
}
.icon.icon-weissraum::before {
  content: " ";
}
.icon.icon-weltkugel::before {
  content: "6";
}
.icon.icon-werkzeug::before {
  content: "\221e";
}
.icon.icon-wetter-gewitter::before {
  content: "\25c4";
}
.icon.icon-wetter-hagel::before {
  content: "\263c";
}
.icon.icon-wetter-orkan::before {
  content: "\25ac";
}
.icon.icon-wetter-schnee::before {
  content: "\2195";
}
.icon.icon-wetter-starkregen::before {
  content: "\25ba";
}
.icon.icon-windrad::before {
  content: "\2191";
}
.icon.icon-zahl-0::before {
  content: "\e930";
}
.icon.icon-zahl-1::before {
  content: "\e931";
}
.icon.icon-zahl-2::before {
  content: "\e932";
}
.icon.icon-zahl-3::before {
  content: "\e933";
}
.icon.icon-zahl-4::before {
  content: "\e934";
}
.icon.icon-zahl-5::before {
  content: "\e935";
}
.icon.icon-zahl-6::before {
  content: "\e936";
}
.icon.icon-zahl-7::before {
  content: "\e937";
}
.icon.icon-zahl-8::before {
  content: "\e938";
}
.icon.icon-zahl-9::before {
  content: "\e939";
}
.icon.icon-zahn::before {
  content: "\eb";
}
.icon.icon-zahn-bruecke::before {
  content: "\cf";
}
.icon.icon-zahn-einzelimplantat::before {
  content: "\ee";
}
.icon.icon-zahn-keramikinlay::before {
  content: "\ec";
}
.icon.icon-zahn-kompositfuellung::before {
  content: "\cd";
}
.icon.icon-zahn-vollkeramikkrone::before {
  content: "\ed";
}
.icon.icon-zahn-wurzelbehandlung::before {
  content: "\ce";
}
.icon.icon-zahn-zahnreinigung::before {
  content: "\cc";
}
.icon.icon-zecke::before {
  content: "\f3";
}
.icon.icon-zielgruppe::before {
  content: "\291";
}
.icon.icon-zielscheibe::before {
  content: "\290";
}
.icon.icon-zigarette::before {
  content: "\e91b";
}
.icon.icon-zweirad::before {
  content: "\2563";
}
[class*=theme-] {
  --icon-size-x-small: var(--oev-comp-icon-size-x-small);
  --icon-size-12: var(--oev-comp-icon-size-x-small);
  --icon-size-small: var(--oev-comp-icon-size-small);
  --icon-size-16: var(--oev-comp-icon-size-small);
  --icon-size-medium: var(--oev-comp-icon-size-medium);
  --icon-size-default: var(--oev-comp-icon-size-medium);
  --icon-size-24: var(--oev-comp-icon-size-medium);
  --icon-size-large: var(--oev-comp-icon-size-large);
  --icon-size-32: var(--oev-comp-icon-size-large);
  --icon-size-x-large: var(--oev-comp-icon-size-x-large);
  --icon-size-48: var(--oev-comp-icon-size-x-large);
  --icon-size-20: var(--oev-comp-icon-size-20);
  --icon-size-40: var(--oev-comp-icon-size-40);
}
.icon-size-x-small,
.icon-size-12 {
  font-size: var(--oev-comp-icon-size-x-small);
}
.icon-size-small,
.icon-size-16 {
  font-size: var(--oev-comp-icon-size-small);
}
.icon-size-medium,
.icon-size-default,
.icon-size-24 {
  font-size: var(--oev-comp-icon-size-medium);
}
.icon-size-large,
.icon-size-32 {
  font-size: var(--oev-comp-icon-size-large);
}
.icon-size-x-large,
.icon-size-48 {
  font-size: var(--oev-comp-icon-size-x-large);
}
.icon-size-xx-large,
.icon-size-64 {
  font-size: var(--oev-comp-icon-size-xx-large);
}
.icon-size-20 {
  font-size: var(--oev-comp-icon-size-20);
}
.icon-size-40 {
  font-size: var(--oev-comp-icon-size-40);
}
.icon-color-primary {
  color: var(--oev-color-primary-default);
}
.icon-color-secondary {
  color: var(--oev-color-secondary-default);
}
.theme-aok {
  --primeng-color-success-default: #0c6929;
  --primeng-color-success-hover: #14953a;
  --primeng-color-success-active: #107f31;
  --primeng-color-success-disabled: #c3ebcb;
  --primeng-color-success-focus: #18ab42;
  --primeng-color-success-light: #e8f7ec;
  --primeng-color-info-default: #979264;
  --primeng-color-info-hover: #b6b28c;
  --primeng-color-info-active: #a7a278;
  --primeng-color-info-disabled: #fbf9eb;
  --primeng-color-info-focus: #c5c1a0;
  --primeng-color-info-light: #fdfcf5;
  --primeng-color-warning-default: #FFF133;
  --primeng-color-warning-hover: #e6d900;
  --primeng-color-warning-active: #bfaf00;
  --primeng-color-warning-disabled: #fffcd1;
  --primeng-color-warning-focus: #fff133;
  --primeng-color-warning-light: #fffeec;
  --primeng-color-help-default: #666f7a;
  --primeng-color-help-hover: #909ca5;
  --primeng-color-help-active: #7b8791;
  --primeng-color-help-disabled: #eff2f4;
  --primeng-color-help-focus: #a4b0b8;
  --primeng-color-help-light: #f9fafa;
  --primeng-color-danger-default: #7f0027;
  --primeng-color-danger-hover: #c7003c;
  --primeng-color-danger-active: #a30032;
  --primeng-color-danger-disabled: #ffc8d6;
  --primeng-color-danger-focus: #eb0047;
  --primeng-color-danger-light: #ffe9ef;
}
.theme-bavaria-direkt {
  --primeng-color-success-default: #95d469;
  --primeng-color-success-hover: #62a136;
  --primeng-color-success-active: #bce4a1;
  --primeng-color-success-disabled: #e4f4d9;
  --primeng-color-success-focus: #95d469;
  --primeng-color-success-light: #F2FAEC;
  --primeng-color-info-default: #3d79b8;
  --primeng-color-info-hover: #0d57a6;
  --primeng-color-info-active: #3d79b8;
  --primeng-color-info-disabled: #b6cde4;
  --primeng-color-info-focus: #3d79b8;
  --primeng-color-info-light: #F3F7FB;
  --primeng-color-warning-default: #ffb73c;
  --primeng-color-warning-hover: #e5a536;
  --primeng-color-warning-active: #fbcd80;
  --primeng-color-warning-disabled: #fdebcc;
  --primeng-color-warning-focus: #ffb73c;
  --primeng-color-warning-light: #FDF2F2;
  --primeng-color-help-default: #d2d2d2;
  --primeng-color-help-hover: #b4b4b4;
  --primeng-color-help-active: #d2d2d2;
  --primeng-color-help-disabled: #ebebeb;
  --primeng-color-help-focus: #d2d2d2;
  --primeng-color-help-light: #FFE5E5;
  --primeng-color-danger-default: #df3333;
  --primeng-color-danger-hover: #bd0101;
  --primeng-color-danger-active: #ef9999;
  --primeng-color-danger-disabled: #f7cccc;
  --primeng-color-danger-focus: #df3333;
  --primeng-color-danger-light: #FFF0F0;
}
.theme-bgv {
  --primeng-color-success-default: #008565;
  --primeng-color-success-hover: #006852;
  --primeng-color-success-active: #008565;
  --primeng-color-success-focus: #008565;
  --primeng-color-success-disabled: #c3e9df;
  --primeng-color-success-visited: #89d2c2;
  --primeng-color-success-light: #DCF2ED;
  --primeng-color-info-default: #d7e5f8;
  --primeng-color-info-hover: #aec2df;
  --primeng-color-info-active: #e3edfa;
  --primeng-color-info-disabled: #eff5fc;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #f7fafe;
  --primeng-color-warning-default: #F59114;
  --primeng-color-warning-hover: #C36F0C;
  --primeng-color-warning-active: #DB7F0F;
  --primeng-color-warning-focus: #DB7F0F;
  --primeng-color-warning-disabled: #FAE1C4;
  --primeng-color-warning-visited: #F2BA76;
  --primeng-color-warning-light: #FDEEDC;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #E22C2C;
  --primeng-color-danger-hover: #B01717;
  --primeng-color-danger-active: #E22C2C;
  --primeng-color-danger-focus: #E22C2C;
  --primeng-color-danger-disabled: #F9D5D5;
  --primeng-color-danger-visited: #F4B9B9;
  --primeng-color-danger-light: #FDEAEA;
}
.theme-fbb25,
.theme-fbb {
  --primeng-color-success-default: #127A54;
  --primeng-color-success-hover: #0C553A;
  --primeng-color-success-active: #08432D;
  --primeng-color-success-disabled: #B7E2C8;
  --primeng-color-success-focus: #0C553A;
  --primeng-color-success-light: #EFF8F3;
  --primeng-color-info-default: #6EAFB4;
  --primeng-color-info-hover: #4A8288;
  --primeng-color-info-active: #39696E;
  --primeng-color-info-disabled: #B7DEE2;
  --primeng-color-info-focus: #4A8288;
  --primeng-color-info-light: #EEF8F9;
  --primeng-color-warning-default: #EA8F31;
  --primeng-color-warning-hover: #B96918;
  --primeng-color-warning-active: #995311;
  --primeng-color-warning-disabled: #F8D39A;
  --primeng-color-warning-focus: #B96918;
  --primeng-color-warning-light: #FEF7EC;
  --primeng-color-help-default: #6EAFB4;
  --primeng-color-help-hover: #4A8288;
  --primeng-color-help-active: #39696E;
  --primeng-color-help-disabled: #B7DEE2;
  --primeng-color-help-focus: #4A8288;
  --primeng-color-help-light: #EEF8F9;
  --primeng-color-danger-default: #9D253C;
  --primeng-color-danger-hover: #70182A;
  --primeng-color-danger-active: #591220;
  --primeng-color-danger-disabled: #EAAAB4;
  --primeng-color-danger-focus: #70182A;
  --primeng-color-danger-light: #FBEDEF;
}
.theme-geno {
  --primeng-color-success-default: #0c7336;
  --primeng-color-success-hover: #064d23;
  --primeng-color-success-active: #0c7336;
  --primeng-color-success-disabled: #cce6d9;
  --primeng-color-success-focus: #0c7336;
  --primeng-color-success-light: #e6f3ec;
  --primeng-color-info-default: #002d67;
  --primeng-color-info-hover: #3f6590;
  --primeng-color-info-active: #002d67;
  --primeng-color-info-disabled: #d6dce7;
  --primeng-color-info-focus: #002d67;
  --primeng-color-info-light: #edf0f4;
  --primeng-color-warning-default: #ffcc00;
  --primeng-color-warning-hover: #e6b800;
  --primeng-color-warning-active: #ffdb4d;
  --primeng-color-warning-disabled: #fff5cc;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #fffae5;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #d20000;
  --primeng-color-danger-hover: #bd0000;
  --primeng-color-danger-active: #d20000;
  --primeng-color-danger-disabled: #f2b3b3;
  --primeng-color-danger-focus: #d20000;
  --primeng-color-danger-light: #fcdede;
}
.theme-hfk {
  --primeng-color-success-default: #69A82F;
  --primeng-color-success-hover: #5E9728;
  --primeng-color-success-active: #4C7E20;
  --primeng-color-success-disabled: #E0F0C6;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #F6FAEF;
  --primeng-color-info-default: #6F6F6F;
  --primeng-color-info-hover: #5F5F5F;
  --primeng-color-info-active: #4F4F4F;
  --primeng-color-info-disabled: #DEDEDE;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #F6F6F6;
  --primeng-color-warning-default: #EC672F;
  --primeng-color-warning-hover: #D95A25;
  --primeng-color-warning-active: #BC471B;
  --primeng-color-warning-disabled: #FFDCCB;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #FFF4EF;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #e30614;
  --primeng-color-danger-hover: #c60011;
  --primeng-color-danger-active: #a0000e;
  --primeng-color-danger-disabled: #ffc9ce;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #ffe9eb;
}
.theme-llb {
  --primeng-color-success-default: #69A82F;
  --primeng-color-success-hover: #5E9728;
  --primeng-color-success-active: #4C7E20;
  --primeng-color-success-disabled: #E0F0C6;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #F6FAEF;
  --primeng-color-info-default: #6F6F6F;
  --primeng-color-info-hover: #5F5F5F;
  --primeng-color-info-active: #4F4F4F;
  --primeng-color-info-disabled: #DEDEDE;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #F6F6F6;
  --primeng-color-warning-default: #EC672F;
  --primeng-color-warning-hover: #D95A25;
  --primeng-color-warning-active: #BC471B;
  --primeng-color-warning-disabled: #FFDCCB;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #FFF4EF;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #e30614;
  --primeng-color-danger-hover: #c60011;
  --primeng-color-danger-active: #a0000e;
  --primeng-color-danger-disabled: #ffc9ce;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #ffe9eb;
}
.theme-oesa {
  --primeng-color-success-default: #3DBF26;
  --primeng-color-success-hover: #247F17;
  --primeng-color-success-active: #246C16;
  --primeng-color-success-disabled: #B8EDAA;
  --primeng-color-success-focus: #247F17;
  --primeng-color-success-light: #EDFAE9;
  --primeng-color-info-default: #0da2e7;
  --primeng-color-info-hover: #0271b0;
  --primeng-color-info-active: #03609a;
  --primeng-color-info-disabled: #b6e4fa;
  --primeng-color-info-focus: #0271b0;
  --primeng-color-info-light: #f3fafe;
  --primeng-color-warning-default: #FACC14;
  --primeng-color-warning-hover: #E7AF08;
  --primeng-color-warning-active: #C78904;
  --primeng-color-warning-disabled: #FEF9C2;
  --primeng-color-warning-focus: #E7AF08;
  --primeng-color-warning-light: #FDFCE6;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #DC2828;
  --primeng-color-danger-hover: #BC2E2E;
  --primeng-color-danger-active: #9D2929;
  --primeng-color-danger-disabled: #FDE6E6;
  --primeng-color-danger-focus: #BC2E2E;
  --primeng-color-danger-light: #FDF0F0;
}
.theme-oevbs {
  --primeng-color-success-50: #EBF7F4;
  --primeng-color-success-100: #E5F2EF;
  --primeng-color-success-200: #CBE6E0;
  --primeng-color-success-300: #B1DAD1;
  --primeng-color-success-400: #97CEC2;
  --primeng-color-success-500: #7EC2B3;
  --primeng-color-success-600: #659E90;
  --primeng-color-success-700: #4B7B6C;
  --primeng-color-success-800: #325749;
  --primeng-color-success-900: #193325;
  --primeng-color-success-default: var(--primeng-color-success-500);
  --primeng-color-success-hover: var(--primeng-color-success-600);
  --primeng-color-success-focus: var(--primeng-color-success-700);
  --primeng-color-success-active: var(--primeng-color-success-800);
  --primeng-color-success-disabled: var(--primeng-color-success-200);
  --primeng-color-success-visited: var(--primeng-color-success-300);
  --primeng-color-success-light: var(--primeng-color-success-50);
  --primeng-color-danger-50: #FCECEA;
  --primeng-color-danger-100: #F7D4D1;
  --primeng-color-danger-200: #F0A9A4;
  --primeng-color-danger-300: #E87E76;
  --primeng-color-danger-400: #E15349;
  --primeng-color-danger-500: #DA291C;
  --primeng-color-danger-600: #AE2116;
  --primeng-color-danger-700: #821912;
  --primeng-color-danger-800: #56100C;
  --primeng-color-danger-900: #2B0806;
  --primeng-color-danger-default: var(--primeng-color-danger-500);
  --primeng-color-danger-hover: var(--primeng-color-danger-600);
  --primeng-color-danger-focus: var(--primeng-color-danger-700);
  --primeng-color-danger-active: var(--primeng-color-danger-800);
  --primeng-color-danger-disabled: var(--primeng-color-danger-100);
  --primeng-color-danger-visited: var(--primeng-color-danger-200);
  --primeng-color-danger-light: var(--primeng-color-danger-50);
  --primeng-color-warning-50: #FFFBE6;
  --primeng-color-warning-100: #FFF6CC;
  --primeng-color-warning-200: #FFF099;
  --primeng-color-warning-300: #FFE966;
  --primeng-color-warning-400: #FFE233;
  --primeng-color-warning-500: #FEDD00;
  --primeng-color-warning-600: #D6C200;
  --primeng-color-warning-700: #B0A000;
  --primeng-color-warning-800: #8A7D00;
  --primeng-color-warning-900: #655B00;
  --primeng-color-warning-default: var(--primeng-color-warning-500);
  --primeng-color-warning-hover: var(--primeng-color-warning-600);
  --primeng-color-warning-focus: var(--primeng-color-warning-700);
  --primeng-color-warning-active: var(--primeng-color-warning-800);
  --primeng-color-warning-disabled: var(--primeng-color-warning-200);
  --primeng-color-warning-visited: var(--primeng-color-warning-300);
  --primeng-color-warning-light: var(--primeng-color-warning-50);
  --primeng-color-info-50: #e7ecf9;
  --primeng-color-info-100: #cdd8f3;
  --primeng-color-info-200: #a9bcf0;
  --primeng-color-info-300: #819eea;
  --primeng-color-info-400: #4f77e0;
  --primeng-color-info-500: #002ea7;
  --primeng-color-info-600: #002891;
  --primeng-color-info-700: #00237a;
  --primeng-color-info-800: #001d63;
  --primeng-color-info-900: #00164d;
  --primeng-color-info-default: var(--primeng-color-info-500);
  --primeng-color-info-hover: var(--primeng-color-info-700);
  --primeng-color-info-focus: var(--primeng-color-info-700);
  --primeng-color-info-active: var(--primeng-color-info-800);
  --primeng-color-info-disabled: var(--primeng-color-info-100);
  --primeng-color-info-visited: var(--primeng-color-info-200);
  --primeng-color-info-light: var(--primeng-color-info-50);
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
}
.theme-pr,
.theme-prn {
  --primeng-color-success-default: #69A82F;
  --primeng-color-success-hover: #5E9728;
  --primeng-color-success-active: #4C7E20;
  --primeng-color-success-disabled: #E0F0C6;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #F6FAEF;
  --primeng-color-info-default: #6F6F6F;
  --primeng-color-info-hover: #5F5F5F;
  --primeng-color-info-active: #4F4F4F;
  --primeng-color-info-disabled: #DEDEDE;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #F6F6F6;
  --primeng-color-warning-default: #EC672F;
  --primeng-color-warning-hover: #D95A25;
  --primeng-color-warning-active: #BC471B;
  --primeng-color-warning-disabled: #FFDCCB;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #FFF4EF;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #e30614;
  --primeng-color-danger-hover: #c60011;
  --primeng-color-danger-active: #a0000e;
  --primeng-color-danger-disabled: #ffc9ce;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #ffe9eb;
}
.theme-sav25,
.theme-sav {
  --primeng-color-success-default: #127A54;
  --primeng-color-success-hover: #0C553A;
  --primeng-color-success-focus: #0C553A;
  --primeng-color-success-active: #08432D;
  --primeng-color-success-disabled: #B7E2C8;
  --primeng-color-success-visited: #8FD0A7;
  --primeng-color-success-light: #EFF8F3;
  --primeng-color-info-default: #D7E5F8;
  --primeng-color-info-hover: #7DA5DC;
  --primeng-color-info-focus: #7DA5DC;
  --primeng-color-info-active: #5684C4;
  --primeng-color-info-disabled: #EAF1FB;
  --primeng-color-info-visited: #E3ECFA;
  --primeng-color-info-light: #F8FAFD;
  --primeng-color-warning-default: #F47F50;
  --primeng-color-warning-hover: #EC672F;
  --primeng-color-warning-focus: #EC672F;
  --primeng-color-warning-active: #D94F1D;
  --primeng-color-warning-disabled: #FFE5D8;
  --primeng-color-warning-visited: #FFC9B0;
  --primeng-color-warning-light: #FFF4EF;
  --primeng-color-help-default: #D7E5F8;
  --primeng-color-help-hover: #7DA5DC;
  --primeng-color-help-active: #5684C4;
  --primeng-color-help-disabled: #EAF1FB;
  --primeng-color-help-focus: #7DA5DC;
  --primeng-color-help-light: #F8FAFD;
  --primeng-color-danger-default: #870000;
  --primeng-color-danger-hover: #700000;
  --primeng-color-danger-focus: #700000;
  --primeng-color-danger-active: #590000;
  --primeng-color-danger-disabled: #FFDADA;
  --primeng-color-danger-visited: #F58484;
  --primeng-color-danger-light: #FFF0F0;
}
.theme-spk {
  --primeng-color-success-50: #e4eddb;
  --primeng-color-success-100: #c8dbb6;
  --primeng-color-success-200: #adc992;
  --primeng-color-success-300: #92b66d;
  --primeng-color-success-400: #77a449;
  --primeng-color-success-500: #5b9224;
  --primeng-color-success-600: #408000;
  --primeng-color-success-700: #356b00;
  --primeng-color-success-800: #2b5500;
  --primeng-color-success-900: #204000;
  --primeng-color-success-default: var(--primeng-color-success-800);
  --primeng-color-success-hover: var(--primeng-color-success-900);
  --primeng-color-success-active: var(--primeng-color-success-800);
  --primeng-color-success-disabled: var(--oev-color-gray-400);
  --primeng-color-success-focus: var(--primeng-color-success-700);
  --primeng-color-success-light: var(--primeng-color-success-50);
  --primeng-color-info-50: #fcfcfc;
  --primeng-color-info-100: #f5f5f5;
  --primeng-color-info-200: #f0f0f0;
  --primeng-color-info-300: #e3e3e3;
  --primeng-color-info-400: #bebebe;
  --primeng-color-info-500: #AEAEAE;
  --primeng-color-info-600: #949494;
  --primeng-color-info-700: #666666;
  --primeng-color-info-800: #565656;
  --primeng-color-info-900: #444444;
  --primeng-color-info-1000: #292929;
  --primeng-color-info-1100: #222222;
  --primeng-color-info-default: var(--primeng-color-info-900);
  --primeng-color-info-hover: var(--primeng-color-info-1000);
  --primeng-color-info-active: var(--primeng-color-info-900);
  --primeng-color-info-disabled: var(--oev-color-gray-400);
  --primeng-color-info-focus: var(--primeng-color-info-1000);
  --primeng-color-info-light: var(--primeng-color-info-100);
  --primeng-color-warning-50: #fff3ed;
  --primeng-color-warning-100: #fde2d3;
  --primeng-color-warning-200: #fbcbb1;
  --primeng-color-warning-300: #eda580;
  --primeng-color-warning-400: #e78c62;
  --primeng-color-warning-500: #e27345;
  --primeng-color-warning-600: #dc5a2c;
  --primeng-color-warning-700: #cd3b0e;
  --primeng-color-warning-800: #ae2b01;
  --primeng-color-warning-900: #821001;
  --primeng-color-warning-default: var(--primeng-color-warning-900);
  --primeng-color-warning-hover: var(--primeng-color-warning-900);
  --primeng-color-warning-active: var(--primeng-color-warning-800);
  --primeng-color-warning-disabled: var(--oev-color-gray-400);
  --primeng-color-warning-focus: var(--primeng-color-warning-700);
  --primeng-color-warning-light: var(--primeng-color-warning-50);
  --primeng-color-help-50: #F5F9FD;
  --primeng-color-help-100: #DBEEFF;
  --primeng-color-help-200: #92CCFF;
  --primeng-color-help-300: #6dbbff;
  --primeng-color-help-400: #49aaff;
  --primeng-color-help-500: #2499ff;
  --primeng-color-help-600: #0088ff;
  --primeng-color-help-700: #0071d4;
  --primeng-color-help-800: #005baa;
  --primeng-color-help-900: #004480;
  --primeng-color-help-1000: #003666;
  --primeng-color-help-default: var(--primeng-color-help-900);
  --primeng-color-help-hover: var(--primeng-color-help-1000);
  --primeng-color-help-active: var(--primeng-color-help-900);
  --primeng-color-help-focus: var(--primeng-color-help-800);
  --primeng-color-help-disabled: var(--oev-color-gray-400);
  --primeng-color-help-visited: var(--oev-color-gray-600);
  --primeng-color-help-light: var(--primeng-color-help-50);
  --primeng-color-danger-50: #FEF5F5;
  --primeng-color-danger-100: #F9DBDB;
  --primeng-color-danger-200: #F3B6B6;
  --primeng-color-danger-300: #ed9292;
  --primeng-color-danger-400: #e66d6d;
  --primeng-color-danger-500: #e04949;
  --primeng-color-danger-600: #da2424;
  --primeng-color-danger-700: #d40000;
  --primeng-color-danger-800: #b10000;
  --primeng-color-danger-900: #8d0000;
  --primeng-color-danger-1000: #6a0000;
  --primeng-color-danger-1100: #4c3636;
  --primeng-color-danger-default: var(--primeng-color-danger-900);
  --primeng-color-danger-hover: var(--primeng-color-danger-1100);
  --primeng-color-danger-active: var(--primeng-color-danger-800);
  --primeng-color-danger-disabled: var(--oev-color-gray-400);
  --primeng-color-danger-focus: var(--primeng-color-danger-700);
  --primeng-color-danger-light: var(--primeng-color-danger-50);
}
.theme-sv {
  --primeng-color-success-default: #00847f;
  --primeng-color-success-hover: #00726e;
  --primeng-color-success-active: #00605d;
  --primeng-color-success-disabled: #b3e1df;
  --primeng-color-success-focus: #00847f;
  --primeng-color-success-light: #ecf4f3;
  --primeng-color-info-default: #7f7f7f;
  --primeng-color-info-hover: #5f5f5f;
  --primeng-color-info-active: #4f4f4f;
  --primeng-color-info-disabled: #dedede;
  --primeng-color-info-focus: #6f6f6f;
  --primeng-color-info-light: #f6f6f6;
  --primeng-color-warning-default: #e85f1f;
  --primeng-color-warning-hover: #b33c00;
  --primeng-color-warning-active: #952f00;
  --primeng-color-warning-disabled: #ffd2bf;
  --primeng-color-warning-focus: #d14800;
  --primeng-color-warning-light: #ffefe6;
  --primeng-color-help-default: #7f7f7f;
  --primeng-color-help-hover: #5f5f5f;
  --primeng-color-help-active: #4f4f4f;
  --primeng-color-help-disabled: #dedede;
  --primeng-color-help-focus: #6f6f6f;
  --primeng-color-help-light: #f6f6f6;
  --primeng-color-danger-default: #b60000;
  --primeng-color-danger-hover: #9e0000;
  --primeng-color-danger-active: #6b0000;
  --primeng-color-danger-disabled: #f9d5d5;
  --primeng-color-danger-focus: #850000;
  --primeng-color-danger-light: #fdeaea;
}
.theme-svlfg {
  --primeng-color-success-default: #41db76;
  --primeng-color-success-hover: #3bc56a;
  --primeng-color-success-active: #7ae69f;
  --primeng-color-success-disabled: #d9f8e4;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #ecfbf1;
  --primeng-color-info-default: #d7e5f8;
  --primeng-color-info-hover: #aec2df;
  --primeng-color-info-active: #e3edfa;
  --primeng-color-info-disabled: #eff5fc;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #f7fafe;
  --primeng-color-warning-default: #ffcc00;
  --primeng-color-warning-hover: #e6b800;
  --primeng-color-warning-active: #ffdb4d;
  --primeng-color-warning-disabled: #fff5cc;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #fffae5;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #9d253c;
  --primeng-color-danger-hover: #7e1e30;
  --primeng-color-danger-active: #ba6677;
  --primeng-color-danger-disabled: #ebd3d8;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #f5e9eb;
}
.theme-ukv {
  --primeng-color-success-default: #41db76;
  --primeng-color-success-hover: #3bc56a;
  --primeng-color-success-active: #7ae69f;
  --primeng-color-success-disabled: #d9f8e4;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #ecfbf1;
  --primeng-color-info-default: #d7e5f8;
  --primeng-color-info-hover: #aec2df;
  --primeng-color-info-active: #e3edfa;
  --primeng-color-info-disabled: #eff5fc;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #f7fafe;
  --primeng-color-warning-default: #ffcc00;
  --primeng-color-warning-hover: #e6b800;
  --primeng-color-warning-active: #ffdb4d;
  --primeng-color-warning-disabled: #fff5cc;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #fffae5;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #9d253c;
  --primeng-color-danger-hover: #7e1e30;
  --primeng-color-danger-active: #ba6677;
  --primeng-color-danger-disabled: #ebd3d8;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #f5e9eb;
}
.theme-vkb25,
.theme-vkb {
  --primeng-color-success-default: #41db76;
  --primeng-color-success-hover: #3bc56a;
  --primeng-color-success-active: #7ae69f;
  --primeng-color-success-disabled: #d9f8e4;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #ecfbf1;
  --primeng-color-info-default: #d7e5f8;
  --primeng-color-info-hover: #aec2df;
  --primeng-color-info-active: #e3edfa;
  --primeng-color-info-disabled: #eff5fc;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #f7fafe;
  --primeng-color-warning-default: #ffa132;
  --primeng-color-warning-hover: #e6912d;
  --primeng-color-warning-active: #ffbd70;
  --primeng-color-warning-disabled: #ffecd6;
  --primeng-color-warning-focus: #ffc784;
  --primeng-color-warning-light: #fff6ea;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #d90000;
  --primeng-color-danger-hover: #ae0000;
  --primeng-color-danger-active: #e44d4d;
  --primeng-color-danger-disabled: #ebd3d8;
  --primeng-color-danger-focus: #e86666;
  --primeng-color-danger-light: #fbe6e6;
}
.theme-vkk {
  --primeng-color-success-default: #41db76;
  --primeng-color-success-hover: #3bc56a;
  --primeng-color-success-active: #7ae69f;
  --primeng-color-success-disabled: #d9f8e4;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #ecfbf1;
  --primeng-color-info-default: #f2e6ce;
  --primeng-color-info-hover: #dacfb9;
  --primeng-color-info-active: #f6eedd;
  --primeng-color-info-disabled: #faf5eb;
  --primeng-color-info-focus: #f7f0e2;
  --primeng-color-info-light: #fcfaf5;
  --primeng-color-warning-default: #ffa132;
  --primeng-color-warning-hover: #e6912d;
  --primeng-color-warning-active: #ffbd70;
  --primeng-color-warning-disabled: #ffecd6;
  --primeng-color-warning-focus: #ffc784;
  --primeng-color-warning-light: #fff6ea;
  --primeng-color-help-default: #d7e5f8;
  --primeng-color-help-hover: #aec2df;
  --primeng-color-help-active: #e3edfa;
  --primeng-color-help-disabled: #eff5fc;
  --primeng-color-help-focus: #e7effb;
  --primeng-color-help-light: #f7fafe;
  --primeng-color-danger-default: #9d253c;
  --primeng-color-danger-hover: #7e1e30;
  --primeng-color-danger-active: #ba6677;
  --primeng-color-danger-disabled: #ebd3d8;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #f5e9eb;
}
.theme-vmk {
  --primeng-color-success-default: #41db76;
  --primeng-color-success-hover: #3bc56a;
  --primeng-color-success-active: #7ae69f;
  --primeng-color-success-disabled: #d9f8e4;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #ecfbf1;
  --primeng-color-info-default: #d7e5f8;
  --primeng-color-info-hover: #aec2df;
  --primeng-color-info-active: #e3edfa;
  --primeng-color-info-disabled: #eff5fc;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #f7fafe;
  --primeng-color-warning-default: #ffcc00;
  --primeng-color-warning-hover: #e6b800;
  --primeng-color-warning-active: #ffdb4d;
  --primeng-color-warning-disabled: #fff5cc;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #fffae5;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #9d253c;
  --primeng-color-danger-hover: #7e1e30;
  --primeng-color-danger-active: #ba6677;
  --primeng-color-danger-disabled: #ebd3d8;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #f5e9eb;
}
.theme-spk {
  --oev-color-container-10: var(--oev-color-custom-10);
  --oev-color-container-11: var(--oev-color-custom-11);
  --oev-color-container-12: var(--oev-color-custom-12);
  --oev-color-container-13: var(--oev-color-gray-100);
  --oev-color-container-14: var(--oev-color-action-white);
  --oev-color-container-15: var(--oev-color-container-13);
  --oev-color-container-01: var(--oev-color-custom-01);
  --oev-color-container-02: var(--oev-color-custom-02);
  --oev-color-container-03: var(--oev-color-custom-03);
  --oev-color-container-04: var(--oev-color-custom-04);
  --oev-color-container-05: var(--oev-color-custom-05);
  --oev-color-container-06: var(--oev-color-custom-06);
  --oev-color-container-07: var(--oev-color-custom-07);
  --oev-color-container-08: var(--oev-color-custom-08);
  --oev-color-container-09: var(--oev-color-custom-09);
  --oev-color-container-pg-01: var(--oev-color-container-13);
  --oev-color-container-pg-02: var(--oev-color-container-13);
  --oev-color-container-pg-03: var(--oev-color-container-13);
  --oev-color-container-pg-04: var(--oev-color-container-13);
  --oev-color-primary-50: #ffdddd;
  --oev-color-primary-100: #ffbbbb;
  --oev-color-primary-200: #ff9292;
  --oev-color-primary-300: #ff6d6d;
  --oev-color-primary-400: #ff4949;
  --oev-color-primary-500: #ff2424;
  --oev-color-primary-600: #ee0000;
  --oev-color-primary-700: #d40000;
  --oev-color-primary-800: #aa0000;
  --oev-color-primary-900: #890010;
  --oev-color-primary-default: var(--oev-color-primary-600);
  --oev-color-primary-hover: var(--oev-color-primary-700);
  --oev-color-primary-focus: var(--oev-color-primary-700);
  --oev-color-primary-active: var(--oev-color-primary-900);
  --oev-color-primary-disabled: var(--oev-color-primary-200);
  --oev-color-primary-visited: var(--oev-color-primary-default);
  --oev-color-secondary-50: #FAFAFA;
  --oev-color-secondary-100: #F5F5F5;
  --oev-color-secondary-200: #EFEFEF;
  --oev-color-secondary-300: #E2E2E2;
  --oev-color-secondary-400: #BFBFBF;
  --oev-color-secondary-500: #A0A0A0;
  --oev-color-secondary-600: #777777;
  --oev-color-secondary-700: #636363;
  --oev-color-secondary-800: #444444;
  --oev-color-secondary-900: #232323;
  --oev-color-secondary-default: var(--oev-color-secondary-800);
  --oev-color-secondary-hover: var(--oev-color-secondary-900);
  --oev-color-secondary-focus: var(--oev-color-secondary-500);
  --oev-color-secondary-active: var(--oev-color-secondary-800);
  --oev-color-secondary-disabled: var(--oev-color-secondary-200);
  --oev-color-secondary-visited: var(--oev-color-secondary-default);
  --oev-color-custom-10: #E1F5FE;
  --oev-color-custom-11: #C6E7CF;
  --oev-color-custom-12: #83B19F;
  --oev-color-custom-01: #F3E5DF;
  --oev-color-custom-02: #EBC8B2;
  --oev-color-custom-03: #FFE4C4;
  --oev-color-custom-04: #BC8F8F;
  --oev-color-custom-05: #860010;
  --oev-color-custom-06: #FFF9C4;
  --oev-color-custom-07: #FFD5AF;
  --oev-color-custom-08: #EDE7F6;
  --oev-color-custom-09: #CCD9E2;
  --oev-color-gray-50: #F9F9F9;
  --oev-color-gray-100: #F3F3F3;
  --oev-color-gray-200: #EAEAEA;
  --oev-color-gray-300: #DBDBDB;
  --oev-color-gray-400: #B7B7B7;
  --oev-color-gray-500: #989898;
  --oev-color-gray-600: #6F6F6F;
  --oev-color-gray-700: #5C5C5C;
  --oev-color-gray-800: #3D3D3D;
  --oev-color-gray-900: #1D1D1D;
  --oev-color-gray-default: var(--oev-color-gray-800);
  --oev-color-gray-hover: var(--oev-color-gray-900);
  --oev-color-gray-focus: var(--oev-color-gray-900);
  --oev-color-gray-active: var(--oev-color-gray-900);
  --oev-color-gray-disabled: var(--oev-color-gray-600);
  --oev-color-gray-visited: var(--oev-color-gray-default);
  --oev-color-action-white: #FFFFFF;
  --oev-color-action-black: #000000;
  --oev-color-action-success: #00847F;
  --oev-color-action-warning: #D14800;
  --oev-color-action-error: #B60000;
  --oev-color-action-info: #6F6F6F;
  --oev-color-action-focus-on-light: #0047FF;
  --oev-color-action-focus-on-dark: #FFFFFF;
  --oev-color-brand-sparkasse: #ee0000;
  --oev-color-white: var(--oev-color-action-white);
  --oev-color-black: var(--oev-color-action-black);
  --oev-color-gradient-01:
    linear-gradient(
      90deg,
      #444444,
      #A0A0A0);
  --oev-color-gradient-02:
    linear-gradient(
      90deg,
      #d40000,
      #ff2424);
  --oev-color-gradient-03:
    linear-gradient(
      45deg,
      #444444,
      #A0A0A0);
  --oev-color-gradient-04:
    linear-gradient(
      45deg,
      #d40000,
      #ff2424);
  --oev-color-transparent: transparent;
  --oev-color-white-default: rgba(255, 255, 255, 1);
  --oev-color-white-hover: rgba(255, 255, 255, .7);
  --oev-color-white-active: rgba(255, 255, 255, .9);
  --oev-color-white-focus: rgba(255, 255, 255, .6);
  --oev-color-white-visited: rgba(255, 255, 255, .8);
  --oev-color-white-disabled: rgba(255, 255, 255, .4);
  --oev-color-success: var(--oev-color-action-success);
  --oev-color-warning: var(--oev-color-action-warning);
  --oev-color-error: var(--oev-color-action-error);
  --oev-color-info: var(--oev-color-action-info);
  --oev-color-black-default: rgba(0, 0, 0, 1);
  --oev-color-black-hover: rgba(0, 0, 0, .7);
  --oev-color-black-active: rgba(0, 0, 0, .9);
  --oev-color-black-focus: rgba(0, 0, 0, .6);
  --oev-color-black-visited: rgba(0, 0, 0, .8);
  --oev-color-black-disabled: rgba(0, 0, 0, .4);
  --oev-color-background-10: var(--oev-color-custom-10);
  --oev-color-background-11: var(--oev-color-custom-11);
  --oev-color-background-12: var(--oev-color-custom-12);
  --oev-color-background-13: var(--oev-color-primary-50);
  --oev-color-background-14: var(--oev-color-background-dark);
  --oev-color-background-15: var(--oev-color-background-light);
  --oev-color-background-16: var(--oev-color-secondary-50);
  --oev-color-background-17: var(--oev-color-background-white);
  --oev-color-background-18: var(--oev-color-background-black);
  --oev-color-background-01: var(--oev-color-custom-01);
  --oev-color-background-02: var(--oev-color-custom-02);
  --oev-color-background-03: var(--oev-color-custom-03);
  --oev-color-background-04: var(--oev-color-custom-04);
  --oev-color-background-05: var(--oev-color-custom-05);
  --oev-color-background-06: var(--oev-color-custom-06);
  --oev-color-background-07: var(--oev-color-custom-07);
  --oev-color-background-08: var(--oev-color-custom-08);
  --oev-color-background-09: var(--oev-color-custom-09);
  --oev-color-background-white: var(--oev-color-action-white);
  --oev-color-background-black: var(--oev-color-action-black);
  --oev-color-background-dark: var(--oev-color-gray-100);
  --oev-color-background-light: var(--oev-color-gray-50);
  --oev-color-font-body-default: var(--oev-color-gray-800);
  --oev-color-font-body-disabled: var(--oev-color-gray-600);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-font-body-default);
  --oev-color-font-headline: var(--oev-color-font-body-default);
  --oev-color-font-headline-inverted: var(--oev-color-action-white);
  --oev-color-font-subheadline: var(--oev-color-font-body-default);
  --oev-color-font-h1: var(--oev-color-font-headline);
  --oev-color-font-h2: var(--oev-color-font-headline);
  --oev-color-font-h3: var(--oev-color-font-headline);
  --oev-color-font-h4: var(--oev-color-font-headline);
  --oev-color-font-h5: var(--oev-color-font-headline);
  --oev-color-font-h6: var(--oev-color-font-headline);
  --oev-color-font-subtitle-1: var(--oev-color-font-subheadline);
  --oev-color-font-subtitle-2: var(--oev-color-font-subheadline);
  --oev-color-font-label: var(--oev-color-gray-default);
  --oev-color-font-label-inverted: var(--oev-color-action-white);
  --oev-color-font-label-small: var(--oev-color-font-label);
  --oev-color-font-link: var(--oev-color-font-body-default);
  --oev-color-font-link-small: var(--oev-color-font-link);
  --oev-color-font-link-medium: var(--oev-color-font-link);
  --oev-color-font-caption: var(--oev-color-font-body-default);
  --oev-color-font-error: var(--oev-color-action-error);
  --oev-color-font-placeholder: var(--oev-color-gray-600);
  --oev-color-font-calligraphy: var(--oev-color-primary-900);
  --oev-color-pictogram-1: var(--oev-color-primary-default);
  --oev-color-pictogram-2: #C00D14;
  --oev-color-pictogram-3: var(--oev-color-action-white);
  --oev-color-pictogram-4: var(--oev-color-transparent);
  --oev-color-illustration-1: var(--oev-color-primary-50);
  --oev-color-shadow: #00000029;
  --oev-color-focus-visible-outline: var(--oev-color-action-focus-on-light);
  --oev-comp-accordion-header-color-background-default: var(--oev-color-transparent);
  --oev-comp-accordion-header-color-background-hover: var(--oev-color-background-17);
  --oev-comp-accordion-header-color-default: var(--oev-color-font-body-default);
  --oev-comp-accordion-header-color-hover: var(--oev-color-font-body-default);
  --oev-comp-accordion-header-color-active: var(--oev-color-primary-active);
  --oev-comp-accordion-header-color-open: var(--oev-color-font-body-default);
  --oev-comp-accordion-header-font-weight-default: var(--oev-font-weight-light);
  --oev-comp-accordion-header-font-weight-hover: var(--oev-font-weight-default);
  --oev-comp-accordion-header-font-weight-active: var(--oev-font-weight-default);
  --oev-comp-accordion-header-font-weight-open: var(--oev-font-weight-default);
  --oev-comp-accordion-header-icon-default: var(--oev-color-primary-default);
  --oev-comp-accordion-header-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-accordion-header-icon-active: var(--oev-color-primary-active);
  --oev-comp-accordion-header-icon-open: var(--oev-color-primary-default);
  --oev-comp-accordion-body-color-background: var(--oev-color-transparent);
  --oev-comp-accordion-body-color-default: var(--oev-color-font-body-default);
  --oev-comp-accordion-body-spacing: var(--oev-sys-spacing-m);
  --oev-comp-accordion-body-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-accordion-body-font-style: normal normal 200 1rem / 1.5 "Sparkasse Web", sans-serif;
  --oev-comp-accordion-body-font-weight: var(--oev-font-weight-body);
  --oev-comp-accordion-body-font-size: var(--oev-font-size-body);
  --oev-comp-accordion-body-line-height: var(--oev-line-height-m);
  --oev-comp-accordion-divider-color: var(--oev-color-gray-300);
  --oev-comp-accordion-divider-height: var(--oev-ref-size-01);
  --oev-comp-advisor-card-gap: var(--oev-sys-spacing-m);
  --oev-comp-advisor-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-advisor-card-spacing-small: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-advisor-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-advisor-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-advisor-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-advisor-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-advisor-card-header-gap: var(--oev-sys-spacing-m);
  --oev-comp-advisor-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-advisor-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-advisor-card-header-image-size-xsmall: var(--oev-ref-size-56);
  --oev-comp-advisor-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-advisor-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-advisor-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-advisor-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-advisor-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-advisor-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-advisor-card-header-distance-gap: var(--oev-ref-spacing-02);
  --oev-comp-advisor-card-header-distance-padding: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-header-distance-border-radius: var(--oev-ref-radius-s);
  --oev-comp-advisor-card-header-distance-background-color: var(--oev-color-background-15);
  --oev-comp-advisor-card-header-distance-number-font-style: var(--oev-font-style-link-small);
  --oev-comp-advisor-card-header-distance-label-font-style: var(--oev-font-style-caption);
  --oev-comp-advisor-card-header-distance-font-color: var(--oev-color-font-label);
  --oev-comp-advisor-card-header-text-gap: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-header-text-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-advisor-card-header-text-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-advisor-card-status-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-status-expandable-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-status-opening-hours-headline-gap: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-status-opening-hours-headline-font-style: var(--oev-font-style-link);
  --oev-comp-advisor-card-status-opening-hours-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-advisor-card-status-opening-hours-headline-gap-stacked: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-expandable-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-advisor-card-expandable-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-advisor-card-expandable-headline-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-expandable-socialmedia-icons-gap: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-expandable-padding-top: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-expandable-gap: var(--oev-ref-spacing-20);
  --oev-comp-agency-search-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-agency-search-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-agency-search-auto-suggest-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-agency-search-auto-suggest-category-color-background: var(--oev-color-background-14);
  --oev-comp-agency-search-auto-suggest-category-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-auto-suggest-category-font-color: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-category-inner-spacing-top-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-agency-search-auto-suggest-category-inner-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-default: var(--oev-color-background-17);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-hover: var(--oev-color-background-15);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-selected: var(--oev-color-background-15);
  --oev-comp-agency-search-auto-suggest-result-item-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-agency-search-auto-suggest-result-item-inner-spacing-top-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-agency-search-auto-suggest-result-item-inner-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-weight: var(--oev-font-weight-bold);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-agency-search-auto-suggest-max-height-above-sl: 600px;
  --oev-comp-agency-search-auto-suggest-max-height-below-sl: 460px;
  --oev-comp-agency-search-privacy-background: var(--oev-color-gray-100);
  --oev-comp-agency-search-privacy-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-privacy-font-color: var(--oev-color-font-body-default);
  --oev-comp-agency-search-privacy-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-agency-search-text-input-border-radius-top-left: var(--oev-ref-radius-s);
  --oev-comp-agency-search-text-input-border-radius-bottom-left: var(--oev-ref-radius-s);
  --oev-comp-agency-search-text-input-padding-right: var(--oev-sys-spacing-xl-3);
  --oev-comp-agency-search-text-input-icon-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-submit-button-border-radius-top-right: var(--oev-ref-radius-s);
  --oev-comp-agency-search-submit-button-border-radius-bottom-right: var(--oev-ref-radius-s);
  --oev-comp-agency-search-search-type-gap: var(--oev-sys-spacing-l);
  --oev-comp-agency-search-filter-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-shadow: var(--oev-sys-elevation-level-1);
  --oev-comp-agency-search-spacing: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-gap: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-background: var(--oev-color-action-white);
  --oev-comp-agency-search-results-divider-color: var(--oev-color-gray-300);
  --oev-comp-agency-search-results-divider-width: var(--oev-ref-size-01);
  --oev-comp-agency-search-results-border-top-color: var(--oev-color-gray-500);
  --oev-comp-agency-search-results-border-top-width: var(--oev-ref-size-01);
  --oev-comp-agency-search-search-card-width: 400px;
  --oev-comp-agency-search-map-height-above-sl: 800px;
  --oev-comp-agency-search-map-height-below-sl: 400px;
  --oev-comp-agency-search-map-gap: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-prefix-font-style: var(--oev-font-style-body);
  --oev-comp-anchor-nav-textbox-size: var(--oev-ref-size-24);
  --oev-comp-anchor-nav-link-color-default: var(--oev-color-gray-default);
  --oev-comp-anchor-nav-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-anchor-nav-link-color-focus: var(--oev-color-gray-default);
  --oev-comp-anchor-nav-link-color-active: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-color-selected: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-border-size: var(--oev-ref-size-02);
  --oev-comp-anchor-nav-link-font-style-default: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-hover: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-focus: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-active: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-selected: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-spacing-horizontal-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-link-spacing-horizontal-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-link-spacing-vertical-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-anchor-nav-link-spacing-vertical-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-anchor-nav-link-focus-visible-border-radius: var(--oev-ref-radius-06);
  --oev-comp-anchor-nav-icon-interactive-color-default: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-icon-interactive-color-hover: var(--oev-color-primary-hover);
  --oev-comp-anchor-nav-icon-interactive-color-focus: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-icon-interactive-color-active: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-icon-interactive-size: var(--oev-comp-icon-size-medium);
  --oev-comp-anchor-nav-background-color: var(--oev-color-background-17);
  --oev-comp-anchor-nav-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-anchor-nav-divider-bottom-color: var(--oev-color-gray-100);
  --oev-comp-anchor-nav-divider-bottom-size: var(--oev-ref-size-01);
  --oev-comp-badge-size-xs: var(--oev-ref-size-64);
  --oev-comp-badge-size-l: var(--oev-ref-size-80);
  --oev-comp-badge-size-default: var(--oev-comp-badge-size-xs);
  --oev-comp-badge-background-color-default: var(--oev-color-primary-default);
  --oev-comp-badge-content-rotation: 22.75deg;
  --oev-comp-badge-border-width: var(--oev-ref-size-00);
  --oev-comp-badge-border-color: var(--oev-color-transparent);
  --oev-comp-badge-shadow: none;
  --oev-comp-badge-font-style: var(--oev-font-style-body-small);
  --oev-comp-badge-font-color: var(--oev-color-action-white);
  --oev-comp-badge-icon-color: var(--oev-color-action-white);
  --oev-comp-badge-icon-spacing: var(--oev-sys-spacing-none);
  --oev-comp-banner-background-color: var(--oev-color-primary-900);
  --oev-comp-banner-text-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-banner-text-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-banner-text-font-style-link-xl-m: var(--oev-font-style-link-large);
  --oev-comp-banner-text-font-style-link-sl-xs: var(--oev-font-style-link);
  --oev-comp-banner-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-banner-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-banner-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-banner-border-radius: 0.25rem 0.25rem 0 0;
  --oev-comp-banner-link-tile-spacing: var(--oev-sys-spacing-m);
  --oev-comp-banner-link-icon-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-banner-link-color-default: var(--oev-color-font-body-inverted);
  --oev-comp-banner-link-color-hover: var(--oev-color-white-hover);
  --oev-comp-banner-link-color-active: var(--oev-color-white-active);
  --oev-comp-banner-link-color-focus: var(--oev-color-white-active);
  --oev-comp-banner-link-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-branch-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-branch-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-branch-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-branch-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-branch-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-branch-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-branch-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-branch-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-branch-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-branch-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-branch-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-branch-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-branch-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-branch-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-header-text-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-branch-card-header-text-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-branch-card-header-text-teaser-font-style: var(--oev-font-style-h6);
  --oev-comp-branch-card-header-text-teaser-font-color: var(--oev-color-font-h6);
  --oev-comp-branch-card-status-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-status-opening-hours-headline-gap: var(--oev-sys-spacing-s);
  --oev-comp-branch-card-status-opening-hours-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-status-opening-hours-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-branch-card-contact-options-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-branch-card-contact-options-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-branch-card-contact-options-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-contact-socialmedia-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-contact-socialmedia-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-branch-card-contact-socialmedia-icons-gap: var(--oev-sys-spacing-s);
  --oev-comp-branch-card-contact-socialmedia-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-language-group-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-language-group-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-branch-card-wide-content-gap: var(--oev-sys-spacing-m);
  --oev-comp-breadcrumb-background-color: var(--oev-color-background-17);
  --oev-comp-breadcrumb-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-breadcrumb-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-breadcrumb-spacing-vertical: var(--oev-sys-spacing-xs);
  --oev-comp-breadcrumb-spacing-gap: var(--oev-sys-spacing-xxs);
  --oev-comp-breadcrumb-home-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-breadcrumb-separator-color: var(--oev-color-gray-500);
  --oev-comp-breadcrumb-separator-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-breadcrumb-link-color-default: var(--oev-color-gray-800);
  --oev-comp-breadcrumb-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-breadcrumb-link-color-active: var(--oev-color-primary-active);
  --oev-comp-breadcrumb-link-color-current: var(--oev-color-gray-800);
  --oev-comp-breadcrumb-link-font-style-default: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-hover: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-active: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-current: var(--oev-font-style-link-medium);
  --oev-comp-business-card-divider-color: var(--oev-color-gray-200);
  --oev-comp-business-card-container-spacing: var(--oev-ref-spacing-16);
  --oev-comp-business-card-distance-badge-background-color: var(--oev-color-gray-100);
  --oev-comp-business-card-distance-badge-number-font-style: var(--oev-font-style-link-small);
  --oev-comp-business-card-distance-badge-unit-font-style: var(--oev-font-style-link-small);
  --oev-comp-business-card-distance-badge-spacing-bottom: var(--oev-ref-spacing-08);
  --oev-comp-business-card-distance-badge-padding-left-right: var(--oev-ref-spacing-08);
  --oev-comp-business-card-distance-badge-padding-top-bottom: var(--oev-ref-spacing-02);
  --oev-comp-business-card-distance-badge-radius: var(--oev-ref-size-04);
  --oev-comp-business-card-title-font-style: var(--oev-font-style-h6);
  --oev-comp-business-card-headline-spacing-bottom: var(--oev-ref-spacing-04);
  --oev-comp-business-card-address-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-business-card-list-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-button-icon-spacing: var(--oev-ref-spacing-06);
  --oev-comp-button-font-style: var(--oev-font-style-link);
  --oev-comp-button-font-weight: var(--oev-font-weight-link);
  --oev-comp-button-font-size: var(--oev-font-size-link);
  --oev-comp-button-labeled-spacing-left-and-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-button-unlabeled-spacing-left-and-right: var(--oev-sys-spacing-s);
  --oev-comp-button-border-width: var(--oev-ref-size-02);
  --oev-comp-button-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-button-border-radius: var(--oev-ref-radius-s);
  --oev-comp-button-color-outline-focused: var(--oev-color-focus-visible-outline);
  --oev-comp-button-offset-outline-focused: var(--oev-ref-size-01);
  --oev-comp-button-primary-contained-background-color-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-contained-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-contained-background-color-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-contained-background-color-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-contained-background-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-primary-contained-color-label-default: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-hover: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-active: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-focus: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-disabled: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-default: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-hover: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-active: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-focus: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-disabled: var(--oev-color-action-white);
  --oev-comp-button-primary-outlined-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-outlined-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-outlined-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-outlined-color-icon-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-outlined-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-primary-outlined-color-label-default: var(--oev-color-gray-800);
  --oev-comp-button-primary-outlined-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-outlined-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-outlined-color-label-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-outlined-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-primary-outlined-color-border-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-outlined-color-border-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-outlined-color-border-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-outlined-color-border-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-outlined-color-border-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-primary-outlined-color-background-default: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-hover: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-active: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-disabled: var(--oev-color-transparent);
  --oev-comp-button-primary-link-color-label-default: var(--oev-color-gray-800);
  --oev-comp-button-primary-link-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-link-color-label-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-link-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-link-color-label-visited: var(--oev-color-gray-800);
  --oev-comp-button-primary-link-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-primary-link-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-link-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-link-color-icon-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-link-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-link-color-icon-visited: var(--oev-color-primary-default);
  --oev-comp-button-primary-link-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-secondary-outlined-color-label-default: var(--oev-color-gray-800);
  --oev-comp-button-secondary-outlined-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-label-focus: var(--oev-color-gray-800);
  --oev-comp-button-secondary-outlined-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-label-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-secondary-outlined-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-border-focus: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-border-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-secondary-outlined-color-background-default: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-hover: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-focus: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-active: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-disabled: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-icon-focus: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-icon-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-secondary-contained-color-label-default: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-hover: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-focus: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-active: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-disabled: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-background-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-contained-color-background-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-contained-color-background-focus: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-background-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-background-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-secondary-contained-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-contained-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-contained-color-border-focus: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-border-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-secondary-contained-color-icon-default: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-hover: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-focus: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-active: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-disabled: var(--oev-color-action-white);
  --oev-comp-button-secondary-link-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-link-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-link-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-link-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-link-color-label-visited: var(--oev-color-secondary-visited);
  --oev-comp-button-secondary-link-color-label-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-secondary-link-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-link-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-link-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-link-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-link-color-icon-visited: var(--oev-color-secondary-visited);
  --oev-comp-button-secondary-link-color-icon-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-white-contained-color-label-default: var(--oev-color-primary-default);
  --oev-comp-button-white-contained-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-white-contained-color-label-active: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-white-contained-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-white-contained-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-white-contained-color-icon-active: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-white-outlined-color-default: var(--oev-color-white-default);
  --oev-comp-button-white-outlined-color-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-outlined-color-active: var(--oev-color-white-active);
  --oev-comp-button-white-outlined-color-focus: var(--oev-color-white-default);
  --oev-comp-button-white-outlined-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-white-link-color-label-default: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-label-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-link-color-label-active: var(--oev-color-white-active);
  --oev-comp-button-white-link-color-label-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-link-color-label-visited: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-label-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-white-link-color-icon-default: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-icon-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-link-color-icon-active: var(--oev-color-white-active);
  --oev-comp-button-white-link-color-icon-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-link-color-icon-visited: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-icon-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-link-color-label-default: var(--oev-color-gray-800);
  --oev-comp-button-link-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-link-color-label-active: var(--oev-color-primary-active);
  --oev-comp-button-link-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-link-color-label-visited: var(--oev-color-primary-default);
  --oev-comp-button-link-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-link-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-link-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-link-color-icon-active: var(--oev-color-primary-active);
  --oev-comp-button-link-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-link-color-icon-visited: var(--oev-color-primary-default);
  --oev-comp-button-link-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-card-icon-text-content-box-spacing-top: var(--oev-sys-spacing-xl-2);
  --oev-comp-card-icon-text-content-box-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-content-box-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-content-box-background-color: var(--oev-color-gray-100);
  --oev-comp-card-icon-text-content-box-border-radius: var(--oev-ref-radius-none);
  --oev-comp-card-icon-text-icon-container-box-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-card-icon-text-icon-container-border-radius: var(--oev-ref-radius-xl);
  --oev-comp-card-icon-text-icon-container-size: var(--oev-ref-size-80);
  --oev-comp-card-icon-text-icon-container-background-color: var(--oev-color-background-17);
  --oev-comp-card-icon-text-icon-color: var(--oev-color-primary-default);
  --oev-comp-card-icon-text-headline-font-style: var(--oev-font-style-h4);
  --oev-comp-card-icon-text-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-card-icon-text-headline-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-body-font-style: var(--oev-font-style-body);
  --oev-comp-card-icon-text-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-card-icon-text-body-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-shadow: var(--oev-sys-elevation-level-3);
  --oev-comp-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-card-badge-zindex: var(--oev-ref-z-index-20);
  --oev-comp-card-header-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-card-header-spacing-right: var(--oev-sys-spacing-l);
  --oev-comp-card-header-spacing-teaser-top: var(--oev-sys-spacing-m);
  --oev-comp-card-header-title-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-header-title-font-style: var(--oev-font-style-h3);
  --oev-comp-card-header-title-font-color: var(--oev-color-font-headline);
  --oev-comp-card-header-subtitle-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-card-header-subtitle-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-card-header-subtitle-font-color: var(--oev-color-font-subheadline);
  --oev-comp-card-header-teaser-font-style: var(--oev-font-style-body);
  --oev-comp-card-header-teaser-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-vertical-header-subtitle-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-card-content-outer-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-link-color-default: var(--oev-color-gray-800);
  --oev-comp-card-content-read-more-link-color: var(--oev-color-gray-800);
  --oev-comp-card-content-top-section-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-card-content-top-section-secondary-title-font-style: var(--oev-font-style-h6);
  --oev-comp-card-content-top-section-secondary-title-font-color: var(--oev-color-font-subheadline);
  --oev-comp-card-content-top-section-body-text-font-style: var(--oev-font-style-body);
  --oev-comp-card-content-bottom-section-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-bottom-section-caption-font-style: var(--oev-font-style-caption);
  --oev-comp-card-media-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-color-background-10: var(--oev-color-custom-10);
  --oev-comp-card-color-background-11: var(--oev-color-custom-11);
  --oev-comp-card-color-background-12: var(--oev-color-custom-12);
  --oev-comp-card-color-background-13: var(--oev-color-gray-100);
  --oev-comp-card-color-background-14: var(--oev-color-action-white);
  --oev-comp-card-color-background-15: var(--oev-comp-card-color-background-13);
  --oev-comp-card-color-background-default: var(--oev-color-action-white);
  --oev-comp-card-color-background-01: var(--oev-color-custom-01);
  --oev-comp-card-color-background-02: var(--oev-color-custom-02);
  --oev-comp-card-color-background-03: var(--oev-color-custom-03);
  --oev-comp-card-color-background-04: var(--oev-color-custom-04);
  --oev-comp-card-color-background-05: var(--oev-color-custom-05);
  --oev-comp-card-color-background-06: var(--oev-color-custom-06);
  --oev-comp-card-color-background-07: var(--oev-color-custom-07);
  --oev-comp-card-color-background-08: var(--oev-color-custom-08);
  --oev-comp-card-color-background-09: var(--oev-color-custom-09);
  --oev-comp-card-color-background-pg-01: var(--oev-color-container-pg-01);
  --oev-comp-card-color-background-pg-02: var(--oev-color-container-pg-02);
  --oev-comp-card-color-background-pg-03: var(--oev-color-container-pg-03);
  --oev-comp-card-slider-spacing-left-right: var(--oev-ref-spacing-06);
  --oev-comp-card-slider-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-indicators-width: var(--oev-ref-size-08);
  --oev-comp-card-slider-indicators-height: var(--oev-ref-size-08);
  --oev-comp-card-slider-indicators-radius: var(--oev-ref-radius-xl);
  --oev-comp-card-slider-indicators-opacity: var(--oev-ref-opacity-100);
  --oev-comp-card-slider-indicators-border-color-default: var(--oev-color-gray-default);
  --oev-comp-card-slider-indicators-border-color-hover: var(--oev-color-gray-hover);
  --oev-comp-card-slider-indicators-border-color-active: var(--oev-color-gray-default);
  --oev-comp-card-slider-indicators-background-color-default: var(--oev-color-action-white);
  --oev-comp-card-slider-indicators-background-color-hover: var(--oev-color-gray-hover);
  --oev-comp-card-slider-indicators-background-color-active: var(--oev-color-gray-default);
  --oev-comp-card-slider-indicators-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-card-slider-indicators-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-icon-size: var(--oev-comp-icon-size-large);
  --oev-comp-card-slider-nav-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-card-slider-nav-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-card-slider-nav-icon-color-active: var(--oev-color-primary-default);
  --oev-comp-card-slider-nav-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-card-slider-nav-icon-left-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-nav-icon-right-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-checkbox-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-checkbox-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-checkbox-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-checkbox-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-checkbox-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-checkbox-color-error: var(--oev-color-action-error);
  --oev-comp-forms-checkbox-selected-color-default: var(--oev-color-primary-default);
  --oev-comp-forms-checkbox-selected-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-checkbox-selected-color-active: var(--oev-color-primary-active);
  --oev-comp-forms-checkbox-selected-color-focus: var(--oev-color-primary-focus);
  --oev-comp-forms-checkbox-selected-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-forms-checkbox-selected-color-error: var(--oev-color-action-error);
  --oev-comp-forms-checkbox-grid-spacing: var(--oev-sys-spacing-s);
  --oev-comp-forms-checkbox-label-font-style: var(--oev-font-style-body);
  --oev-comp-forms-checkbox-label-line-height: var(--oev-line-height-m);
  --oev-comp-forms-checkbox-label-color: var(--oev-color-font-body-default);
  --oev-comp-forms-checkbox-error-text-font-style: var(--oev-font-style-error);
  --oev-comp-forms-checkbox-error-text-color: var(--oev-color-action-error);
  --oev-comp-forms-datepicker-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-forms-datepicker-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-datepicker-icon-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-datepicker-overlay-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-datepicker-overlay-background-color: var(--oev-color-background-17);
  --oev-comp-forms-datepicker-overlay-width-xs-s: 270px;
  --oev-comp-forms-datepicker-overlay-width-m-xl: 290px;
  --oev-comp-forms-datepicker-overlay-border-radius: var(--oev-ref-radius-s);
  --oev-comp-forms-datepicker-overlay-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-forms-datepicker-overlay-header-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-header-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-forms-datepicker-overlay-header-spacing-right: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-header-controls-spacing: var(--oev-sys-spacing-l);
  --oev-comp-forms-datepicker-overlay-header-controls-switch-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-datepicker-overlay-header-controls-switch-font-style: var(--oev-font-style-body-small);
  --oev-comp-forms-datepicker-overlay-header-controls-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-forms-datepicker-overlay-header-controls-icon-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-datepicker-overlay-days-of-week-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-days-of-week-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-days-of-week-font-style: var(--oev-font-style-body-small);
  --oev-comp-forms-datepicker-overlay-days-of-week-color: var(--oev-color-gray-600);
  --oev-comp-forms-datepicker-overlay-days-grid-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-days-grid-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-days-grid-border-top-color: var(--oev-color-gray-400);
  --oev-comp-forms-datepicker-overlay-days-grid-border-top-width: var(--oev-ref-size-01);
  --oev-comp-forms-datepicker-overlay-days-grid-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-datepicker-overlay-days-grid-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-forms-datepicker-overlay-days-grid-hover-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-hover-background-color: var(--oev-color-secondary-hover);
  --oev-comp-forms-datepicker-overlay-days-grid-selected-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-selected-background-color: var(--oev-color-primary-default);
  --oev-comp-forms-datepicker-overlay-days-grid-today-color: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-today-background-color: var(--oev-color-gray-300);
  --oev-comp-forms-dropdown-color-default: var(--oev-color-gray-800);
  --oev-comp-forms-dropdown-color-disabled: var(--oev-color-gray-200);
  --oev-comp-forms-dropdown-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-focus: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-active: var(--oev-color-gray-800);
  --oev-comp-forms-dropdown-color-error: var(--oev-color-gray-800);
  --oev-comp-forms-dropdown-font-style: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-height: var(--oev-ref-size-48);
  --oev-comp-forms-dropdown-background-color-default: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-overflow: hidden;
  --oev-comp-forms-dropdown-text-overflow: ellipsis;
  --oev-comp-forms-dropdown-inner-spacing-top: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-top-focus: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-right: var(--oev-sys-spacing-xl-3);
  --oev-comp-forms-dropdown-inner-spacing-bottom: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-dropdown-inner-spacing-left-focus: var(--oev-sys-spacing-m);
  --oev-comp-forms-dropdown-icon-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-dropdown-icon-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-dropdown-icon-color-open: var(--oev-color-gray-active);
  --oev-comp-forms-dropdown-icon-color-open-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-dropdown-icon-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-forms-dropdown-icon-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-icon-color-error-hover: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-border-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-dropdown-border-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-dropdown-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-dropdown-border-color-open: var(--oev-color-gray-active);
  --oev-comp-forms-dropdown-border-color-disabled: var(--oev-color-gray-200);
  --oev-comp-forms-dropdown-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-dropdown-border-width-hover: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-active: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-focus: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-disabled: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-error: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-open: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-radius: var(--oev-ref-radius-s);
  --oev-comp-forms-dropdown-placeholder-color-default: var(--oev-color-font-placeholder);
  --oev-comp-forms-dropdown-placeholder-color-open: var(--oev-color-font-placeholder);
  --oev-comp-forms-dropdown-menu-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-menu-font-style-default: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-menu-font-style-hover: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-menu-background-color-default: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-menu-background-color-hover: var(--oev-color-gray-50);
  --oev-comp-forms-dropdown-menu-scrollbar-background-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-dropdown-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-item-font-color-hover: var(--oev-color-gray-800);
  --oev-comp-forms-dropdown-item-font-style-hover: var(--oev-font-style-link);
  --oev-comp-forms-dropdown-inline-label-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-inline-label-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-inline-label-font-style: var(--oev-font-style-label-small);
  --oev-comp-forms-dropdown-inline-label-font-size: var(--oev-font-size-label-small);
  --oev-comp-forms-dropdown-inline-label-display: block;
  --oev-comp-forms-dropdown-inline-label-background-color: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-dropdown-label-color: var(--oev-color-font-label);
  --oev-comp-forms-dropdown-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-dropdown-label-line-break: auto;
  --oev-comp-forms-error-font-color: var(--oev-color-action-error);
  --oev-comp-forms-error-font-style: var(--oev-font-style-error);
  --oev-comp-forms-error-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-error-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-radio-button-color-bullet-outline-default: var(--oev-color-gray-600);
  --oev-comp-forms-radio-button-color-bullet-outline-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-radio-button-color-bullet-outline-active: var(--oev-color-gray-active);
  --oev-comp-forms-radio-button-color-bullet-outline-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-radio-button-color-bullet-outline-error: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-default: var(--oev-color-gray-600);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-active: var(--oev-color-gray-active);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-error: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-default: var(--oev-color-primary-default);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-active: var(--oev-color-primary-active);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-disabled: var(--oev-color-primary-disabled);
  --oev-comp-forms-radio-button-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-radio-button-label-color: var(--oev-color-font-label);
  --oev-comp-forms-radio-button-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-option-label-font-style: var(--oev-font-style-body);
  --oev-comp-forms-radio-button-option-label-color: var(--oev-color-font-label);
  --oev-comp-forms-radio-button-option-label-error-color: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-option-label-spacing-right-direction: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-option-label-spacing-left-direction: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-error-text-color: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-error-text-font-style: var(--oev-font-style-error);
  --oev-comp-forms-radio-button-error-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-radio-button-bullet-outline-size: var(--oev-ref-size-20);
  --oev-comp-forms-radio-button-inner-bullet-size-scale: 0.6;
  --oev-comp-forms-radio-button-bullet-outline-width: var(--oev-ref-size-02);
  --oev-comp-forms-radio-button-options-row-spacing: var(--oev-sys-spacing-m);
  --oev-comp-forms-radio-button-options-column-spacing: var(--oev-sys-spacing-xl-3);
  --oev-comp-forms-text-area-inner-spacing: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-spacing-left-top-hover: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-spacing-left-top-focus: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-color-background: var(--oev-color-transparent);
  --oev-comp-forms-text-area-icon-resizer-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-text-area-icon-resizer-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-text-area-icon-resizer-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-text-area-icon-resizer-color-error: var(--oev-color-action-error);
  --oev-comp-forms-text-area-icon-resizer-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-text-area-icon-resizer-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-text-area-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-text-area-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-text-area-label-color: var(--oev-color-gray-800);
  --oev-comp-forms-text-area-placeholder-font-style: var(--oev-font-style-body);
  --oev-comp-forms-text-area-placeholder-color-default: var(--oev-color-font-placeholder);
  --oev-comp-forms-text-area-placeholder-color-focus: var(--oev-color-transparent);
  --oev-comp-forms-text-area-text-font-style: var(--oev-font-style-body);
  --oev-comp-forms-text-area-text-font-weight: var(--oev-font-weight-light);
  --oev-comp-forms-text-area-text-color-default: var(--oev-color-gray-800);
  --oev-comp-forms-text-area-text-color-hover: var(--oev-color-gray-800);
  --oev-comp-forms-text-area-text-color-active: var(--oev-color-gray-800);
  --oev-comp-forms-text-area-text-color-focus: var(--oev-color-gray-800);
  --oev-comp-forms-text-area-text-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-forms-text-area-text-color-error: var(--oev-color-gray-800);
  --oev-comp-forms-text-area-border-radius: var(--oev-ref-radius-s);
  --oev-comp-forms-text-area-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-hover: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-active: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-focus: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-disabled: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-text-area-border-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-text-area-border-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-text-area-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-text-area-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-text-area-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-text-area-help-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-text-area-help-text-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-help-text-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-help-text-font-style-error: var(--oev-font-style-error);
  --oev-comp-forms-text-area-help-text-color-error: var(--oev-color-font-error);
  --oev-comp-forms-input-text-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-color-disabled: var(--oev-color-gray-200);
  --oev-comp-forms-input-text-color-placeholder: var(--oev-color-font-placeholder);
  --oev-comp-forms-input-text-placeholder-font-style: var(--oev-font-style-body);
  --oev-comp-forms-input-text-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-hover: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-focus: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-disabled: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-error: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-input-text-border-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-input-text-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-input-text-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-input-text-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-input-text-border-radius: var(--oev-ref-radius-s);
  --oev-comp-forms-input-text-spacing-left-default: var(--oev-ref-spacing-15);
  --oev-comp-forms-input-text-spacing-left-hover: var(--oev-ref-spacing-15);
  --oev-comp-forms-input-text-spacing-left-focus: var(--oev-ref-spacing-15);
  --oev-comp-forms-input-text-field-color-background-default: var(--oev-color-background-17);
  --oev-comp-forms-input-text-field-color-background-hover: var(--oev-color-background-17);
  --oev-comp-forms-input-text-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-input-text-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-input-text-label-color: var(--oev-color-gray-800);
  --oev-comp-forms-input-text-float-label-font-style: var(--oev-font-style-label-small);
  --oev-comp-forms-input-text-float-label-color-error: var(--oev-color-font-error);
  --oev-comp-forms-input-text-float-label-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-help-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-input-text-help-text-font-style-error: var(--oev-font-style-error);
  --oev-comp-forms-input-text-help-text-color-error: var(--oev-color-font-error);
  --oev-comp-forms-toggle-track-height: var(--oev-ref-size-32);
  --oev-comp-forms-toggle-track-width: var(--oev-ref-size-52);
  --oev-comp-forms-toggle-track-border-radius: var(--oev-ref-radius-50);
  --oev-comp-forms-toggle-track-border-width: var(--oev-ref-size-02);
  --oev-comp-forms-toggle-handle-height: var(--oev-ref-size-24);
  --oev-comp-forms-toggle-handle-width: var(--oev-ref-size-24);
  --oev-comp-forms-toggle-handle-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-forms-toggle-grid-spacing: var(--oev-sys-spacing-s);
  --oev-comp-forms-toggle-option-label-font-style: var(--oev-font-style-body);
  --oev-comp-forms-toggle-option-label-line-height: var(--oev-line-height-m);
  --oev-comp-forms-toggle-option-label-color: var(--oev-color-font-label);
  --oev-comp-forms-toggle-selected-handle-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-toggle-selected-handle-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-forms-toggle-selected-handle-spacing-right: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-toggle-selected-handle-background-color-default: var(--oev-color-action-white);
  --oev-comp-forms-toggle-selected-handle-background-color-hover: var(--oev-color-action-white);
  --oev-comp-forms-toggle-selected-handle-background-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-toggle-selected-track-background-color-default: var(--oev-color-primary-default);
  --oev-comp-forms-toggle-selected-track-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-toggle-selected-track-background-color-disabled: var(--oev-color-transparent);
  --oev-comp-forms-toggle-selected-track-border-color-default: var(--oev-color-primary-default);
  --oev-comp-forms-toggle-selected-track-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-toggle-selected-track-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-toggle-selected-icon-content: var(--oev-icon-check-outlined);
  --oev-comp-forms-toggle-selected-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-forms-toggle-selected-icon-color-hover: var(--oev-color-primary-default);
  --oev-comp-forms-toggle-selected-icon-color-disabled: var(--oev-color-action-white);
  --oev-comp-forms-toggle-unselected-handle-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-toggle-unselected-handle-spacing-left: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-toggle-unselected-handle-spacing-right: var(--oev-sys-spacing-l);
  --oev-comp-forms-toggle-unselected-handle-background-color-default: var(--oev-color-action-white);
  --oev-comp-forms-toggle-unselected-handle-background-color-hover: var(--oev-color-action-white);
  --oev-comp-forms-toggle-unselected-handle-background-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-toggle-unselected-track-background-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-toggle-unselected-track-background-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-toggle-unselected-track-background-color-disabled: var(--oev-color-transparent);
  --oev-comp-forms-toggle-unselected-track-border-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-toggle-unselected-track-border-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-toggle-unselected-track-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-toggle-unselected-icon-content: var(--oev-icon-clear-outlined);
  --oev-comp-forms-toggle-unselected-icon-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-toggle-unselected-icon-color-hover: var(--oev-color-gray-600);
  --oev-comp-forms-toggle-unselected-icon-color-disabled: var(--oev-color-action-white);
  --oev-comp-chip-font-color-default: var(--oev-color-primary-default);
  --oev-comp-chip-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-font-color-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-font-color-active: var(--oev-color-primary-active);
  --oev-comp-chip-font-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-font-color-selected-default: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-hover: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-focus: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-active: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-disabled: var(--oev-color-action-white);
  --oev-comp-chip-border-color-default: var(--oev-color-primary-default);
  --oev-comp-chip-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-border-color-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-border-color-active: var(--oev-color-primary-active);
  --oev-comp-chip-border-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-border-color-selected-default: var(--oev-color-primary-default);
  --oev-comp-chip-border-color-selected-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-border-color-selected-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-border-color-selected-active: var(--oev-color-primary-active);
  --oev-comp-chip-border-color-selected-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-background-color-default: var(--oev-color-background-17);
  --oev-comp-chip-background-color-hover: var(--oev-color-background-17);
  --oev-comp-chip-background-color-focus: var(--oev-color-background-17);
  --oev-comp-chip-background-color-active: var(--oev-color-background-17);
  --oev-comp-chip-background-color-disabled: var(--oev-color-background-17);
  --oev-comp-chip-background-color-selected-default: var(--oev-color-primary-default);
  --oev-comp-chip-background-color-selected-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-background-color-selected-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-background-color-selected-active: var(--oev-color-primary-active);
  --oev-comp-chip-background-color-selected-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-outline-color-focus: var(--oev-color-action-focus-on-light);
  --oev-comp-chip-outline-offset-focus: var(--oev-ref-size-02);
  --oev-comp-chip-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-chip-spacing-left-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-chip-border-radius: var(--oev-ref-radius-50);
  --oev-comp-chip-border-width: var(--oev-ref-size-02);
  --oev-comp-chip-font-style: var(--oev-font-style-link);
  --oev-comp-cta-group-spacing-vertical: var(--oev-sys-spacing-l);
  --oev-comp-cta-group-spacing-horizontal: var(--oev-sys-spacing-l);
  --oev-comp-cta-bar-vertical-spacing: var(--oev-sys-spacing-xl-1);
  --oev-comp-cta-bar-vertical-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-cta-bar-container-width: 100%;
  --oev-comp-cta-bar-button-size: var(--oev-ref-size-96);
  --oev-comp-cta-bar-button-label-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-cta-bar-button-label-font-style: var(--oev-font-style-link);
  --oev-comp-cta-bar-button-label-font-weight: var(--oev-font-weight-link);
  --oev-comp-cta-bar-button-label-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-border-radius: var(--oev-ref-radius-l);
  --oev-comp-cta-bar-button-border-radius-focus-visible: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-cta-bar-button-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-cta-bar-button-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-cta-bar-button-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-cta-bar-button-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-cta-bar-button-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-cta-bar-button-font-color-active: var(--oev-color-primary-active);
  --oev-comp-cta-bar-button-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-font-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-cta-bar-button-contained-background-color: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-contained-background-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-contained-elevation-level-default: var(--oev-sys-elevation-level-2);
  --oev-comp-cta-bar-button-contained-elevation-level-hover: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-active: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-selected: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-disabled: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-outlined-background-color: var(--oev-color-transparent);
  --oev-comp-cta-bar-button-outlined-background-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-outlined-border-size: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-default: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-active: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-selected: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-disabled: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-color-default: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-outlined-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-cta-bar-button-outlined-border-color-active: var(--oev-color-primary-active);
  --oev-comp-cta-bar-button-outlined-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-outlined-border-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-cta-bar-button-custom-border-radius: var(--oev-ref-radius-xl);
  --oev-comp-cta-bar-button-custom-border-width-default: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-custom-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-custom-border-width-active: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-custom-border-width-selected: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-custom-border-width-disabled: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-custom-border-color-default: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-custom-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-cta-bar-button-custom-border-color-active: var(--oev-color-primary-active);
  --oev-comp-cta-bar-button-custom-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-custom-border-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-cta-bar-button-custom-background-color-default: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-background-color-hover: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-background-color-active: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-background-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-custom-background-color-disabled: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-cta-bar-button-custom-font-color-active: var(--oev-color-primary-active);
  --oev-comp-cta-bar-button-custom-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-custom-font-color-focus: var(--oev-color-primary-focus);
  --oev-comp-cta-bar-button-custom-font-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-cta-bar-button-custom-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-custom-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-cta-bar-button-custom-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-cta-bar-button-custom-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-icon-color-focus: var(--oev-color-primary-focus);
  --oev-comp-cta-bar-button-custom-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-cta-bar-button-custom-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-cta-bar-button-custom-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-cta-bar-button-custom-elevation-level-default: var(--oev-sys-elevation-level-0);
  --oev-comp-cta-bar-button-custom-elevation-level-hover: var(--oev-sys-elevation-level-0);
  --oev-comp-cta-bar-button-custom-elevation-level-active: var(--oev-sys-elevation-level-0);
  --oev-comp-cta-bar-button-custom-elevation-level-selected: var(--oev-sys-elevation-level-0);
  --oev-comp-cta-bar-button-custom-elevation-level-disabled: var(--oev-sys-elevation-level-0);
  --oev-comp-custom-search-background-color: var(--oev-color-background-14);
  --oev-comp-custom-search-outer-spacing: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-shadow: var(--oev-sys-elevation-level-0);
  --oev-comp-custom-search-border-radius: var(--oev-ref-radius-none);
  --oev-comp-custom-search-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-custom-search-text-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-custom-search-inputfield-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-result-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-result-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-customer-interaction-container-background-color: var(--oev-color-action-white);
  --oev-comp-customer-interaction-container-spacing-left-right: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-container-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-customer-interaction-container-spacing-bottom: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-container-background-color-default: var(--oev-color-action-white);
  --oev-comp-customer-interaction-position-right: var(--oev-sys-spacing-s);
  --oev-comp-customer-interaction-position-bottom: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-customer-interaction-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-customer-interaction-icon-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-customer-interaction-icon-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-icon-color: var(--oev-color-gray-default);
  --oev-comp-divider-color: var(--oev-color-gray-400);
  --oev-comp-divider-height: var(--oev-ref-size-01);
  --oev-comp-divider-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-download-headline-font-style: var(--oev-font-style-h3);
  --oev-comp-download-headline-font-color: var(--oev-color-action-black);
  --oev-comp-download-subheadline-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-download-subheadline-font-color: var(--oev-color-gray-600);
  --oev-comp-download-icon-color-default: var(--oev-color-gray-600);
  --oev-comp-download-icon-color-hover: var(--oev-color-primary-default);
  --oev-comp-download-icon-size: var(--oev-ref-size-24);
  --oev-comp-download-icon-container-background-color-default: var(--oev-color-background-17);
  --oev-comp-download-icon-container-background-color-hover: var(--oev-color-background-17);
  --oev-comp-download-icon-container-border-color-default: var(--oev-color-gray-600);
  --oev-comp-download-icon-container-border-color-hover: var(--oev-color-primary-default);
  --oev-comp-download-icon-container-border-width: var(--oev-ref-size-01);
  --oev-comp-download-icon-container-width: 38px;
  --oev-comp-download-icon-container-height: 38px;
  --oev-comp-download-icon-container-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-download-container-padding: var(--oev-sys-spacing-m);
  --oev-comp-download-container-background-color-default: var(--oev-color-background-14);
  --oev-comp-download-container-background-color-hover: var(--oev-color-background-15);
  --oev-comp-download-container-headline-font-style: var(--oev-font-style-link);
  --oev-comp-download-container-headline-font-color: var(--oev-color-gray-800);
  --oev-comp-download-container-headline-font-color-hover: var(--oev-color-font-body-default);
  --oev-comp-download-container-subheadline-font-style: var(--oev-font-style-body);
  --oev-comp-download-container-subheadline-font-color: var(--oev-color-gray-800);
  --oev-comp-elements-layout-read-more-button-border-spacing-top-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-elements-layout-read-more-button-border-spacing-top-s-sl: var(--oev-sys-spacing-l);
  --oev-comp-elements-layout-read-more-button-border-spacing-top-xs: var(--oev-sys-spacing-m);
  --oev-comp-employee-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-employee-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-employee-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-employee-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-employee-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-employee-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-employee-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-employee-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-employee-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-employee-card-header-image-size: var(--oev-ref-size-160);
  --oev-comp-employee-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-employee-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-employee-card-header-text-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-employee-card-header-text-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-employee-card-header-text-subline-font-style: var(--oev-font-style-link);
  --oev-comp-employee-card-header-text-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-header-text-description-font-style: var(--oev-font-style-body);
  --oev-comp-employee-card-header-text-description-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-header-text-qualifications-font-style: var(--oev-font-style-body);
  --oev-comp-employee-card-header-text-qualifications-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-contact-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-employee-card-contact-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-employee-card-language-group-headline-font-style: var(--oev-font-style-label);
  --oev-comp-employee-card-language-group-headline-font-color: var(--oev-color-font-label);
  --oev-comp-filter-chip-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-filter-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-filter-spacing-sl-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-flyout-background-color: var(--oev-color-background-17);
  --oev-comp-flyout-elevation-level: var(--oev-sys-elevation-level-2);
  --oev-comp-flyout-content-optional-inner-spacing: var(--oev-sys-spacing-m);
  --oev-comp-flyout-xs-s-border-radius: var(--oev-ref-radius-none);
  --oev-comp-flyout-sl-xl-border-radius: var(--oev-ref-radius-s);
  --oev-comp-flyout-arrow-height: var(--oev-ref-size-08);
  --oev-comp-flyout-arrow-width: var(--oev-ref-size-16);
  --oev-comp-flyout-close-icon-variant: "primary";
  --oev-comp-flyout-close-icon-size: "m";
  --oev-comp-flyout-m-xl-width: 384px;
  --oev-comp-footer-color-background: var(--oev-color-secondary-700);
  --oev-comp-footer-max-width: 65rem;
  --oev-comp-footer-content-margin-top: var(--oev-sys-spacing-none);
  --oev-comp-footer-link-color-default: var(--oev-color-white-default);
  --oev-comp-footer-link-color-hover: var(--oev-color-white-hover);
  --oev-comp-footer-link-color-active: var(--oev-color-white-active);
  --oev-comp-footer-link-color-visited: var(--oev-color-white-visited);
  --oev-comp-footer-link-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-footer-top-section-spacing-top: var(--oev-sys-spacing-xl-1);
  --oev-comp-footer-top-section-spacing-top-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-footer-top-section-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-footer-top-section-spacing-bottom-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-footer-top-section-border-top: none;
  --oev-comp-footer-top-section-border-top-xs-s: none;
  --oev-comp-footer-top-section-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-top-section-headline-font-color: var(--oev-color-action-white);
  --oev-comp-footer-top-section-headline-spacing: var(--oev-sys-spacing-l);
  --oev-comp-footer-top-section-link-font: var(--oev-font-style-link);
  --oev-comp-footer-top-section-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-top-section-link-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-accordion-body-spacing-link: var(--oev-sys-spacing-m);
  --oev-comp-footer-accordion-body-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-footer-accordion-body-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-footer-accordion-body-spacing-bottom-xs-s: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-border-bottom: none;
  --oev-comp-footer-accordion-header-font: var(--oev-font-style-link);
  --oev-comp-footer-accordion-header-font-color: var(--oev-color-action-white);
  --oev-comp-footer-accordion-link-font: var(--oev-font-style-link);
  --oev-comp-footer-accordion-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-bottom-section-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-footer-bottom-section-spacing-top-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-footer-bottom-section-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-bottom-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-border-top: none;
  --oev-comp-footer-bottom-section-link-font: var(--oev-font-style-link);
  --oev-comp-footer-bottom-section-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-bottom-section-link-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-footer-bottom-section-copyright-font: var(--oev-font-style-body-small);
  --oev-comp-footer-bottom-section-content-spacing: var(--oev-sys-spacing-xl-2);
  --oev-comp-footer-bottom-section-content-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-container-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-seals-headline-font: var(--oev-font-style-body);
  --oev-comp-footer-seals-headline-font-color: var(--oev-color-action-white);
  --oev-comp-footer-seals-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-footer-seals-visual-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-social-media-headline-font: var(--oev-font-style-body-small);
  --oev-comp-footer-social-media-headline-font-color: var(--oev-color-action-white);
  --oev-comp-footer-social-media-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-footer-social-media-disclaimer-font: var(--oev-font-style-body-small);
  --oev-comp-footer-social-media-disclaimer-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-footer-social-media-icon-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-copyright-link-color: var(--oev-color-action-white);
  --oev-comp-google-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-google-rating-horizontal-font-color: var(--oev-color-font-body-small);
  --oev-comp-google-rating-horizontal-font-style: var(--oev-font-style-body-small);
  --oev-comp-google-rating-horizontal-gap: var(--oev-sys-spacing-xs);
  --oev-comp-google-rating-horizontal-logo-size: var(--oev-ref-size-24);
  --oev-comp-google-rating-horizontal-star-size: var(--oev-ref-size-16);
  --oev-comp-google-rating-vertical-font-color: var(--oev-color-font-body-default);
  --oev-comp-google-rating-vertical-font-style: var(--oev-font-style-body);
  --oev-comp-google-rating-vertical-gap: var(--oev-sys-spacing-xxs);
  --oev-comp-google-rating-vertical-logo-size: var(--oev-ref-size-40);
  --oev-comp-google-rating-vertical-star-size: var(--oev-ref-size-24);
  --oev-comp-greeting-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-greeting-headline-font-style: var(--oev-font-style-h3);
  --oev-comp-greeting-signature-font-color: var(--oev-color-font-calligraphy);
  --oev-comp-greeting-signature-font-style: var(--oev-font-style-signature);
  --oev-comp-greeting-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-greeting-body-font-style: var(--oev-font-style-body);
  --oev-comp-greeting-caption-font-color: var(--oev-color-font-caption);
  --oev-comp-greeting-caption-font-style: var(--oev-font-style-caption);
  --oev-comp-greeting-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-greeting-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-greeting-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-greeting-gap-spacing-headline-body: var(--oev-sys-spacing-m);
  --oev-comp-greeting-gap-spacing-signature-caption: var(--oev-sys-spacing-xs);
  --oev-comp-grid-size-small-landscape: 52.5rem;
  --oev-comp-grid-size-medium: unset;
  --oev-comp-grid-size-large: 65rem;
  --oev-comp-grid-size-xl: 65rem;
  --oev-comp-grid-size-medium-horizontal-margin: var(--oev-ref-size-192);
  --oev-comp-grid-responsive-spacing-top-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-grid-responsive-gap: var(--oev-sys-spacing-m);
  --oev-comp-grid-container-card-view-border-color: var(--oev-color-gray-100);
  --oev-comp-grid-container-card-view-border-width: var(--oev-ref-size-01);
  --oev-comp-grid-container-card-view-border-radius: var(--oev-ref-radius-s);
  --oev-comp-grid-container-card-view-box-background: var(--oev-color-background-17);
  --oev-comp-grid-container-card-view-box-shadow: var(--oev-sys-elevation-level-1);
  --oev-comp-grid-container-card-view-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-grid-container-card-view-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-border-left-position: -1.25rem;
  --oev-comp-header-nav-border-width: 103%;
  --oev-comp-header-nav-header-burger-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-header-nav-header-logo-max-width: var(--oev-ref-size-160);
  --oev-comp-header-nav-header-logo-height-sl-xs: var(--oev-ref-size-48);
  --oev-comp-header-nav-header-logo-height-m-xl: var(--oev-ref-size-48);
  --oev-comp-header-nav-header-logo-space-top: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-left: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-align: var(--oev-ref-align-center);
  --oev-comp-header-nav-header-background-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-spacing-vertical: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-header-xl-m-spacing-horizontal: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-header-sl-xs-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-height: var(--oev-ref-size-72);
  --oev-comp-header-nav-header-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-sl-xs-height: var(--oev-ref-size-72);
  --oev-comp-header-nav-header-sl-xs-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-xl-m-height: var(--oev-ref-size-80);
  --oev-comp-header-nav-header-xl-m-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-icon-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-icon-color-hover: rgba(255, 255, 255, .7);
  --oev-comp-header-nav-header-utility-link-icon-color-active: rgba(255, 255, 255, .6);
  --oev-comp-header-nav-header-utility-link-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-textinput-height: var(--oev-ref-size-32);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-color: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-height: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-utility-link-textinput-placeholder-font-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-textinput-placeholder-font-color-hover: rgba(255, 255, 255, .7);
  --oev-comp-header-nav-header-utility-link-textinput-font-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-horizontal: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-left: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-header-nav-header-utility-link-textinput-icon-spacing-horizontal: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-advisor-max-width: 200px;
  --oev-comp-header-nav-header-utility-link-advisor-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-radius: var(--oev-ref-radius-xl);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-size: var(--oev-ref-size-02);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-font-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-font-color-hover: rgba(255, 255, 255, .7);
  --oev-comp-header-nav-header-utility-link-font-color-active: rgba(255, 255, 255, .6);
  --oev-comp-header-nav-header-utility-link-font-color-selected: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-header-utility-link-spacing: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-header-utility-link-divider-color: var(--oev-color-action-white);
  --oev-comp-header-nav-header-sl-xs-utility-bar-background-color: var(--oev-color-action-white);
  --oev-comp-header-nav-header-sl-xs-utility-bar-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-bar-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-divider-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-border-bottom-color: var(--oev-color-action-white);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-placeholder-font-color-default: var(--oev-color-font-placeholder);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-placeholder-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-nav-element-border-radius: var(--oev-ref-size-06);
  --oev-comp-header-nav-header-color-outline-focused: var(--oev-color-action-focus-on-dark);
  --oev-comp-header-nav-header-top-color-outline: var(--oev-color-action-focus-on-dark);
  --oev-comp-header-nav-bar-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-box-shadow: var(--oev-color-transparent);
  --oev-comp-header-nav-bar-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-bar-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-bar-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-bar-nav-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-bar-nav-link-icon-color-active: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-bar-nav-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-bar-nav-link-font-color-active: var(--oev-color-font-body-default);
  --oev-comp-header-nav-bar-nav-link-font-color-selected: var(--oev-color-font-body-default);
  --oev-comp-header-nav-bar-nav-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-bar-nav-link-spacing: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-bar-nav-link-padding-horizontal: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-bar-nav-link-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-border-size-selected-sl-xs: var(--oev-ref-size-02);
  --oev-comp-header-nav-bar-nav-link-border-size-selected-xl-m: var(--oev-ref-size-04);
  --oev-comp-header-nav-bar-nav-link-border-offset-bottom: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-bar-nav-link-selected-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-selected-border-bottom-size: var(--oev-ref-size-02);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-hover: var(--oev-color-background-14);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-selected: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-header-nav-flyout-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-header-nav-flyout-menu-level-2-border-left-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-menu-level-2-border-left-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-menu-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-background-color-depth-2: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-background-color-depth-3: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-headline-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-header-nav-flyout-menu-headline-font-color: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-headline-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-flyout-menu-headline-spacing-offset-left: var(--oev-sys-spacing-s);
  --oev-comp-header-nav-flyout-menu-headline-link-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-header-nav-flyout-menu-headline-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-selected: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-menu-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-link-font-color-selected: var(--oev-color-font-body-default);
  --oev-comp-header-nav-flyout-menu-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-link-background-color-hover: var(--oev-color-background-14);
  --oev-comp-header-nav-flyout-menu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-menu-link-background-color-selected: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-menu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-right: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-flyout-menu-spacing-top: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-flyout-menu-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-submenu-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-submenu-border-left-color: var(--oev-color-gray-50);
  --oev-comp-header-nav-flyout-submenu-border-left-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-submenu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-color-hover: var(--oev-color-background-14);
  --oev-comp-header-nav-flyout-submenu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-color-selected: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-color-selected-level-3: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-hover: var(--oev-color-background-14);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-active: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-selected: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-with-background-background-color: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-border-bottom-color: var(--oev-color-gray-200);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-border-bottom-color: var(--oev-color-gray-200);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-vertical: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-left-level-2: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-left-level-3: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-item-min-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-1-background-color: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-2-background-color: var(--oev-color-background-14);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-3-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-xl-m-menu-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-xl-m-menu-link-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-xl-m-menu-link-min-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-flyout-xl-m-menu-item-min-height: var(--oev-ref-size-40);
  --oev-comp-header-nav-flyout-xl-m-menu-headline-min-height: var(--oev-ref-size-40);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-vertical: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-offset-left: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-suggest-menu-headline-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-headline-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-suggest-menu-headline-color-default: var(--oev-color-gray-default);
  --oev-comp-suggest-menu-headline-background-color-default: var(--oev-color-background-01);
  --oev-comp-suggest-menu-headline-font-style: var(--oev-font-style-body);
  --oev-comp-suggest-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-suggest-menu-link-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-link-color-default: var(--oev-color-gray-default);
  --oev-comp-suggest-menu-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-suggest-menu-link-color-active: var(--oev-color-primary-active);
  --oev-comp-suggest-menu-link-color-selected: var(--oev-color-primary-default);
  --oev-comp-suggest-menu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-suggest-menu-link-background-color-hover: var(--oev-color-background-15);
  --oev-comp-suggest-menu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-suggest-menu-link-background-color-selected: var(--oev-color-background-15);
  --oev-comp-suggest-menu-link-font-style: var(--oev-font-style-body);
  --oev-comp-suggest-menu-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-headline-font-style-subheadline: var(--oev-font-style-subtitle-1);
  --oev-comp-headline-font-style-headline-1: var(--oev-font-style-h2);
  --oev-comp-headline-font-style-headline-2: var(--oev-font-style-h3);
  --oev-comp-headline-font-style-headline-3: var(--oev-font-style-h6);
  --oev-comp-headline-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-headline-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-headline-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-headline-subheadline-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-headline-subheadline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-headline-header-spacing-bottom: var(--oev-ref-spacing-08);
  --oev-comp-here-map-pin-icon-color-active: var(--oev-color-action-white);
  --oev-comp-here-map-pin-background-color-default: var(--oev-color-action-white);
  --oev-comp-here-map-pin-01-icon-color-default: var(--oev-color-gray-900);
  --oev-comp-here-map-pin-01-background-color-active: var(--oev-color-gray-900);
  --oev-comp-here-map-pin-02-icon-color-default: var(--oev-color-primary-600);
  --oev-comp-here-map-pin-02-background-color-active: var(--oev-color-primary-600);
  --oev-comp-here-map-boundingbox-background-color: rgba(0, 0, 0, .1);
  --oev-comp-here-map-boundingbox-border-color: rgba(0, 0, 0, .2);
  --oev-comp-here-map-boundingbox-border-width: var(--oev-ref-size-02);
  --oev-comp-here-map-advisor-card-pointer-width: var(--oev-ref-size-16);
  --oev-comp-here-map-advisor-card-pointer-height: var(--oev-ref-size-08);
  --oev-comp-here-map-advisor-card-width: 336px;
  --oev-comp-here-map-advisor-card-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-here-map-infobox-spacing: var(--oev-sys-spacing-m);
  --oev-comp-here-map-infobox-gap: var(--oev-sys-spacing-m);
  --oev-comp-here-map-infobox-background-color: var(--oev-color-gray-100);
  --oev-comp-here-map-infobox-border-radius: 0;
  --oev-comp-here-map-infobox-icon-size: var(--oev-ref-size-20);
  --oev-comp-here-map-infobox-font-style: var(--oev-font-style-body-small);
  --oev-comp-here-map-infobox-font-color: var(--oev-color-font-body-small);
  --oev-comp-hero-image-carousel-header-background-color: var(--oev-color-background-08);
  --oev-comp-hero-image-carousel-header-layout-max-width-above-sl: 1240px;
  --oev-comp-hero-image-carousel-header-layout-media-width-above-sl: 664px;
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-header-layout-content-intro-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-hero-image-carousel-header-layout-content-intro-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-hero-image-carousel-header-layout-content-list-item-font-color: var(--oev-color-font-body-default);
  --oev-comp-hero-image-carousel-header-layout-content-list-item-icon-color: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-list-item-spacing-vertical: var(--oev-sys-spacing-xs);
  --oev-comp-hero-image-carousel-header-layout-content-opening-hours-status-indicator-font-color: var(--oev-color-font-body-default);
  --oev-comp-hero-image-carousel-header-layout-content-opening-hours-status-indicator-font-style: var(--oev-font-style-body);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-default: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-hover: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-active: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-focus: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-disabled: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-default: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-hover: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-active: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-focus: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-disabled: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-footer-background-color: var(--oev-color-background-09);
  --oev-comp-hero-image-width: var(--oev-ref-size-auto);
  --oev-comp-hero-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-hero-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-hero-card-elevation: var(--oev-sys-elevation-level-2);
  --oev-comp-hero-card-color-background: var(--oev-color-background-17);
  --oev-comp-hero-card-headline-color: var(--oev-color-font-h1);
  --oev-comp-hero-card-headline-font-style: var(--oev-font-style-h1);
  --oev-comp-hero-card-headline-font-weight: var(--oev-font-weight-h1);
  --oev-comp-hero-card-headline-font-size-l-xl: var(--oev-font-size-h1);
  --oev-comp-hero-card-headline-variant-font-weight: var(--oev-font-weight-h1);
  --oev-comp-hero-card-headline-variant-font-size-l-xl: var(--oev-font-size-h1);
  --oev-comp-hero-card-subheadline-color: var(--oev-color-font-h2);
  --oev-comp-hero-card-subheadline-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-hero-card-subtitle-font-weight: var(--oev-font-weight-regular);
  --oev-comp-hero-card-body-font-style: var(--oev-font-style-body);
  --oev-comp-icon-color-token: var(--oev-color-primary-default);
  --oev-comp-icon-size-20: var(--oev-ref-size-20);
  --oev-comp-icon-size-40: var(--oev-ref-size-40);
  --oev-comp-icon-size-x-small: var(--oev-ref-size-12);
  --oev-comp-icon-size-small: var(--oev-ref-size-16);
  --oev-comp-icon-size-medium: var(--oev-ref-size-24);
  --oev-comp-icon-size-large: var(--oev-ref-size-32);
  --oev-comp-icon-size-x-large: var(--oev-ref-size-48);
  --oev-comp-icon-size-xx-large: var(--oev-ref-size-64);
  --oev-comp-icon-size-default: var(--oev-comp-icon-size-medium);
  --oev-icon-check-filled: "\ebbd";
  --oev-icon-remove-filled: "\f4ae";
  --oev-icon-info-outlined: "\f03f";
  --oev-icon-close-filled: "\ebdf";
  --oev-icon-arrow-downward-filled: "\ea11";
  --oev-icon-arrow-back-filled: "\ea03";
  --oev-icon-arrow-forward-filled: "\ea19";
  --oev-icon-arrow-upward-filled: "\ea23";
  --oev-icon-calendar-today-filled: "\eb45";
  --oev-icon-chevron-down-filled: "\f095";
  --oev-icon-chevron-left-filled: "\ebc5";
  --oev-icon-chevron-left-outlined: "\ebc6";
  --oev-icon-chevron-right-filled: "\f099";
  --oev-icon-chevron-right-outlined: "\ebc8";
  --oev-icon-chevron-right: "\ebc7";
  --oev-icon-chevron-up-filled: "\f09b";
  --oev-icon-arrow-back-ios-filled: "\ea04";
  --oev-icon-arrow-forward-ios-filled: "\ea1a";
  --oev-icon-expand-more-filled: "\ee01";
  --oev-icon-expand-more-outlined: "\ee02";
  --oev-icon-expand-less-filled: "\edff";
  --oev-icon-calendar-outlined: "\edf5";
  --oev-icon-check-outlined: "\ebbe";
  --oev-icon-clear-outlined: "\ebde";
  --oev-icon-hamburger-filled: "\f1cf";
  --oev-icon-question-mark-filled: "\f464";
  --oev-icon-download-filled: "\ed63";
  --oev-icon-insert-drive-file-outlined: "\f049";
  --oev-icon-file-download-outlined: "\ee54";
  --oev-icon-file-filled: "\f048";
  --oev-icon-open-in-new-outlined: "\f309";
  --oev-icon-search-filled: "\f568";
  --oev-icon-search-outlined: "\f56b";
  --oev-icon-person-filled: "\f382";
  --oev-icon-person-outlined: "\f387";
  --oev-icon-location-on-outlined: "\f160";
  --oev-icon-location-pin-filled: "\f161";
  --oev-icon-info-filled: "\f03d";
  --oev-icon-info: "\f03f";
  --oev-icon-edit-location-outlined: "\ed9c";
  --oev-icon-mylocation-filled: "\f269";
  --oev-icon-mylocation-outlined: "\f26a";
  --oev-icon-task-alt-black-filled: "\f775";
  --oev-icon-phone-outlined: "\f146";
  --oev-icon-mobile-phone-outlined: "\f639";
  --oev-icon-video-with-person: "\f863";
  --oev-icon-email-outlined: "\edc1";
  --oev-icon-whatsapp-outlined: "\f8fd";
  --oev-icon-facebook: "\f94b";
  --oev-icon-instagram: "\f94c";
  --oev-icon-xing: "\f953";
  --oev-icon-twitter: "\f951";
  --oev-icon-x: "\f951";
  --oev-icon-linkedin: "\f94e";
  --oev-icon-youtube: "\f954";
  --oev-icon-tiktok: "\f7b7";
  --oev-icon-cancel-outlined: "\eb74";
  --oev-icon-exclamation-mark-outline: "\ede1";
  --oev-icon-upload-arrow: "\ee5a";
  --oev-icon-upload-cloud: "\ebf8";
  --oev-icon-trashcan: "\ecbc";
  --oev-icon-warning-outlined: "\f8c5";
  --oev-icon-awesome-outlined: "\ea59";
  --oev-icon-like-outlined: "\ee2f";
  --oev-icon-share-outlined: "\f5c9";
  --oev-icon-bell-outlined: "\f2e9";
  --oev-icon-remove-red-eye-filled: "\f4b4";
  --oev-icon-remove-red-eye-outlined: "\f4b5";
  --oev-icon-home-outlined: "\eff4";
  --oev-icon-home-filled: "\efee";
  --oev-icon-home-filled-2: "\efef";
  --oev-icon-arrow-right-outlined: "\ea22";
  --oev-icon-language-outlined: "\f0d1";
  --oev-icon-number-0: "\f97d";
  --oev-icon-number-1: "\f97e";
  --oev-icon-number-2: "\f97f";
  --oev-icon-number-3: "\f980";
  --oev-icon-number-4: "\f981";
  --oev-icon-number-5: "\f982";
  --oev-icon-number-6: "\f983";
  --oev-icon-number-7: "\f984";
  --oev-icon-number-8: "\f985";
  --oev-icon-number-9: "\f986";
  --oev-icon-play-filled: "\f3f8";
  --oev-icon-pause-filled: "\f350";
  --oev-icon-list-default: var(--oev-icon-check-outlined);
  --oev-icon-pause-circle-outlined: "\f34f";
  --oev-icon-placeholder: var(--oev-icon-search-outlined);
  --oev-icon-placeholder-1: var(--oev-icon-placeholder);
  --oev-icon-placeholder-2: var(--oev-icon-person-outlined);
  --oev-icon-placeholder-3: var(--oev-icon-mylocation-outlined);
  --oev-icon-play-circle-outlined: "\f3ff";
  --oev-icon-location-outlined: var(--oev-icon-location-on-outlined);
  --oev-icon-active-placeholder: var(--oev-icon-search-filled);
  --oev-icon-active-placeholder-1: var(--oev-icon-active-placeholder);
  --oev-icon-active-placeholder-2: var(--oev-icon-person-filled);
  --oev-icon-active-placeholder-3: var(--oev-icon-mylocation-outlined);
  --oev-icon-active-location-outlined: var(--oev-icon-location-pin-filled);
  --oev-icon-comp-tooltip-label: "\f03f";
  --oev-icon-comp-datepicker-field: var(--oev-icon-calendar-today-filled);
  --oev-icon-comp-datepicker-picker-arrow-left: var(--oev-icon-chevron-left-outlined);
  --oev-icon-comp-datepicker-picker-arrow-right: var(--oev-icon-chevron-right-outlined);
  --oev-icon-comp-datepicker-expand-arrow: var(--oev-icon-expand-more-outlined);
  --oev-icon-comp-datepicker-calendar: var(--oev-icon-calendar-outlined);
  --oev-icon-comp-dropdown-arrow: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-textinput-error-x: var(--oev-icon-close-filled);
  --oev-icon-comp-textinput-success: var(--oev-icon-check-filled);
  --oev-icon-comp-checkbox-check: var(--oev-icon-check-filled);
  --oev-icon-comp-dropdown-success: var(--oev-icon-check-filled);
  --oev-icon-comp-dropdown-error: var(--oev-icon-close-filled);
  --oev-icon-comp-dropdown-close-result: var(--oev-icon-close-filled);
  --oev-icon-comp-dropdown-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tarifanzeige-open: var(--oev-icon-info-filled);
  --oev-icon-comp-tarifanzeige-close: var(--oev-icon-close-filled);
  --oev-icon-comp-tarifanzeige-service-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tarifanzeige-secondary-text-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-tarifanzeige-secondary-text-close: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-menu-hamburger: "\f1d2";
  --oev-icon-comp-menu-close: "\ebe2";
  --oev-icon-comp-menu-accordion-open: var(--oev-icon-comp-accordion-open);
  --oev-icon-comp-menu-accordion-closed: var(--oev-icon-comp-accordion-closed);
  --oev-icon-comp-menu-crosslink: var(--oev-icon-arrow-forward-filled);
  --oev-icon-comp-slider-prev: "\f95e";
  --oev-icon-comp-slider-next: "\f960";
  --oev-icon-comp-accordion-open: "\f096";
  --oev-icon-comp-accordion-closed: "\f09c";
  --oev-icon-comp-download: "\ee54";
  --oev-icon-comp-download-file: var(--oev-icon-insert-drive-file-outlined);
  --oev-icon-comp-open-file: var(--oev-icon-open-in-new-outlined);
  --oev-icon-comp-download-cancel: var(--oev-icon-close-filled);
  --oev-icon-comp-flipcard-arrow-right: "\ebc8";
  --oev-icon-comp-link-arrow-right: var(--oev-icon-chevron-right-outlined);
  --oev-icon-comp-read-more-arrow-down: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-interaction-like: var(--oev-icon-like-outlined);
  --oev-icon-comp-interaction-share: var(--oev-icon-share-outlined);
  --oev-icon-comp-bell: var(--oev-icon-bell-outlined);
  --oev-icon-comp-nested-header-back: var(--oev-icon-arrow-back-ios-filled);
  --oev-icon-comp-upload-error: var(--oev-icon-exclamation-mark-outline);
  --oev-icon-comp-upload-arrow: var(--oev-icon-upload-arrow);
  --oev-icon-comp-upload-cloud: var(--oev-icon-upload-cloud);
  --oev-icon-comp-upload-trash: var(--oev-icon-trashcan);
  --oev-icon-comp-tariff-comparison-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tariff-comparison-remove: var(--oev-icon-remove-filled);
  --oev-icon-comp-tooltip-icon: var(--oev-icon-info-outlined);
  --oev-icon-comp-password-icon-show: var(--oev-icon-remove-red-eye-filled);
  --oev-icon-comp-password-icon-hide: var(--oev-icon-remove-red-eye-outlined);
  --oev-icon-comp-agency-search-input-clear: var(--oev-icon-close-filled);
  --oev-icon-comp-tooltip-label-hover: "\f03d";
  --oev-comp-info-box-headline-font-size: var(--oev-font-size-h4);
  --oev-comp-info-box-headline-font-weight: var(--oev-font-weight-label);
  --oev-comp-info-box-headline-line-height: var(--oev-line-height-default);
  --oev-comp-info-box-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-info-box-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-info-box-background-color: var(--oev-color-gray-50);
  --oev-comp-info-box-icon-color: var(--oev-color-primary-default);
  --oev-comp-info-box-border-radius: var(--oev-ref-radius-none);
  --oev-comp-info-box-spacing: var(--oev-sys-spacing-l);
  --oev-comp-interactive-tooltip-container-background-color-default: var(--oev-color-primary-default);
  --oev-comp-interactive-tooltip-container-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-interactive-tooltip-container-headline-font-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-container-content-font-style: var(--oev-font-style-body-small);
  --oev-comp-interactive-tooltip-container-content-font-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-container-spacing-left-right: var(--oev-sys-spacing-xl-2);
  --oev-comp-interactive-tooltip-container-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-interactive-tooltip-outline-container-background-color-default: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-outline-container-font-color: var(--oev-color-font-body-default);
  --oev-comp-interactive-tooltip-accordion-background-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-accordion-header-font-style: var(--oev-font-style-body);
  --oev-comp-interactive-tooltip-accordion-header-font-color: var(--oev-color-primary-default);
  --oev-comp-interactive-tooltip-accordion-header-font-weight: 400;
  --oev-comp-interactive-tooltip-accordion-header-icon-color: var(--oev-color-primary-default);
  --oev-comp-interactive-tooltip-accordion-header-open-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-interactive-tooltip-accordion-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-interactive-tooltip-accordion-spacing-left-right: var(--oev-sys-spacing-xl-2);
  --oev-comp-interactive-tooltip-outline-accordion-background-color: var(--oev-color-gray-100);
  --oev-comp-interactive-tooltip-icon-color: var(--oev-color-gray-default);
  --oev-comp-interactive-tooltip-border-radius: var(--oev-ref-radius-none);
  --oev-comp-job-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-job-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-job-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-job-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-job-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-job-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-job-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-job-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-job-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-job-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-job-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-job-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-job-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-job-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-job-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-job-card-header-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-job-card-header-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-job-card-job-offers-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-job-card-job-offers-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-job-card-job-offers-indented-spacing: var(--oev-sys-spacing-m);
  --oev-comp-job-card-job-offers-gap: var(--oev-sys-spacing-l);
  --oev-comp-language-group-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-language-flag-4to3-border-radius: var(--oev-ref-radius-02);
  --oev-comp-level-navigation-button-outlined-background-color: var(--oev-color-background-17);
  --oev-comp-level-navigation-headline-1-font-style: var(--oev-font-style-h2);
  --oev-comp-level-navigation-headline-2-font-style: var(--oev-font-style-h3);
  --oev-comp-level-navigation-level-1-background-color: var(--oev-color-background-17);
  --oev-comp-level-navigation-level-1-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-1-button-size: var(--oev-ref-size-96);
  --oev-comp-level-navigation-level-1-button-label-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-1-button-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-level-navigation-level-1-button-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-level-navigation-level-1-spacing-top-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-1-spacing-top-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-1-spacing-bottom-sl-xs: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-1-spacing-bottom-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-2-background-color: var(--oev-color-background-15);
  --oev-comp-level-navigation-level-2-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-2-button-size: var(--oev-ref-size-64);
  --oev-comp-level-navigation-level-2-button-label-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-level-navigation-level-2-button-icon-size-default: var(--oev-ref-size-24);
  --oev-comp-level-navigation-level-2-button-icon-size-active: var(--oev-ref-size-40);
  --oev-comp-level-navigation-level-2-spacing-top-sl-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-spacing-top-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-spacing-bottom-sl-xs: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-2-spacing-bottom-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-3-background-color: var(--oev-color-background-14);
  --oev-comp-level-navigation-level-3-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-3-button-size: var(--oev-ref-size-64);
  --oev-comp-level-navigation-level-3-button-label-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-level-navigation-level-3-button-icon-size-default: var(--oev-ref-size-24);
  --oev-comp-level-navigation-level-3-button-icon-size-active: var(--oev-ref-size-40);
  --oev-comp-level-navigation-level-3-spacing-top-sl-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-spacing-top-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-spacing-bottom-sl-xs: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-3-spacing-bottom-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-link-circle-icon-font-color-default: var(--oev-color-gray-800);
  --oev-comp-link-circle-icon-font-color-hover: var(--oev-color-primary-700);
  --oev-comp-link-circle-icon-font-color-focus: var(--oev-color-primary-700);
  --oev-comp-link-circle-icon-font-color-active: var(--oev-color-primary-900);
  --oev-comp-link-circle-icon-font-color-disabled: var(--oev-color-gray-600);
  --oev-comp-link-circle-icon-icon-color-default: var(--oev-color-primary-600);
  --oev-comp-link-circle-icon-icon-color-hover: var(--oev-color-primary-700);
  --oev-comp-link-circle-icon-icon-color-focus: var(--oev-color-primary-700);
  --oev-comp-link-circle-icon-icon-color-active: var(--oev-color-primary-900);
  --oev-comp-link-circle-icon-icon-color-disabled: var(--oev-color-gray-600);
  --oev-comp-link-circle-icon-background-color-default: var(--oev-color-gray-50);
  --oev-comp-link-circle-icon-background-color-hover: var(--oev-color-gray-300);
  --oev-comp-link-circle-icon-background-color-focus: var(--oev-color-gray-300);
  --oev-comp-link-circle-icon-background-color-active: var(--oev-color-gray-100);
  --oev-comp-link-circle-icon-background-color-disabled: var(--oev-color-gray-50);
  --oev-comp-link-cancellation-background-color-default: var(--oev-color-action-white);
  --oev-comp-link-cancellation-background-color-hover: var(--oev-color-gray-300);
  --oev-comp-link-cancellation-background-color-focus: var(--oev-color-gray-300);
  --oev-comp-link-cancellation-background-color-pressed: var(--oev-color-action-white);
  --oev-comp-link-cancellation-height-size: var(--oev-ref-size-20);
  --oev-comp-link-cancellation-radius-size: var(--oev-ref-radius-s);
  --oev-comp-link-cancellation-font-color-default: var(--oev-color-gray-800);
  --oev-comp-link-cancellation-font-color-hover: var(--oev-color-primary-700);
  --oev-comp-link-cancellation-font-color-focus: var(--oev-color-primary-700);
  --oev-comp-link-cancellation-font-color-pressed: var(--oev-color-primary-900);
  --oev-comp-link-cancellation-padding-size: var(--oev-ref-size-04);
  --oev-comp-link-cancellation-outlined-background-color-default: var(--oev-color-secondary-700);
  --oev-comp-link-cancellation-outlined-background-color-hover: var(--oev-color-secondary-900);
  --oev-comp-link-cancellation-outlined-background-color-focus: var(--oev-color-secondary-900);
  --oev-comp-link-cancellation-outlined-background-color-pressed: var(--oev-color-secondary-900);
  --oev-comp-link-cancellation-outlined-font-color-default: var(--oev-color-action-white);
  --oev-comp-link-cancellation-outlined-font-color-hover: var(--oev-color-action-white);
  --oev-comp-link-cancellation-outlined-font-color-focus: var(--oev-color-action-white);
  --oev-comp-link-cancellation-outlined-font-color-pressed: var(--oev-color-action-white);
  --oev-comp-link-cancellation-outlined-border-color-default: var(--oev-color-action-white);
  --oev-comp-link-cancellation-outlined-border-color-hover: var(--oev-color-action-white);
  --oev-comp-link-cancellation-outlined-border-color-focus: var(--oev-color-action-white);
  --oev-comp-link-cancellation-outlined-border-color-pressed: var(--oev-color-action-white);
  --oev-comp-link-cancellation-outlined-border-width: var(--oev-ref-size-02);
  --oev-comp-link-cancellation-outlined-border-radius: var(--oev-ref-radius-s);
  --oev-comp-link-cancellation-outlined-border-style: solid;
  --oev-comp-link-cancellation-outlined-text-decoration: none;
  --oev-comp-link-cancellation-outlined-padding-size: var(--oev-ref-size-16);
  --oev-comp-link-cancellation-outlined-height-size: var(--oev-ref-size-32);
  --oev-comp-link-cancellation-outlined-radius: var(--oev-ref-radius-s);
  --oev-comp-list-item-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-list-item-body-font-style: var(--oev-font-style-body);
  --oev-comp-list-item-icon-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-list-item-spacing-vertical: var(--oev-sys-spacing-m);
  --oev-comp-list-background-color-hover: var(--oev-color-transparent);
  --oev-comp-list-bullet-margin-right: 0.375rem;
  --oev-comp-list-bullet-margin-left: -0.8rem;
  --oev-comp-list-bullet-font-size: 0.75rem;
  --oev-comp-list-figure-margin-right: 0.188rem;
  --oev-comp-list-figure-margin-left: -1.063rem;
  --oev-comp-loading-indicators-bar-color: var(--oev-color-primary-default);
  --oev-comp-loading-indicators-bar-background-color: var(--oev-color-background-white);
  --oev-comp-loading-indicators-bar-height: var(--oev-ref-size-06);
  --oev-comp-loading-indicators-bar-border-radius: var(--oev-ref-radius-l);
  --oev-comp-loading-indicators-ring-color: var(--oev-color-primary-default);
  --oev-comp-loading-indicators-spinner-color: var(--oev-color-primary-default);
  --oev-comp-nav-meta-background-color: var(--oev-color-action-white);
  --oev-comp-nav-meta-height-xs-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-nav-meta-separator-color: var(--oev-color-gray-500);
  --oev-comp-nav-meta-separator-height: var(--oev-ref-size-12);
  --oev-comp-nav-meta-font-style-selected: var(--oev-font-style-link-medium);
  --oev-comp-nav-meta-font-style-inactive: var(--oev-font-style-link-medium);
  --oev-comp-nav-meta-spacing-horizontal: var(--oev-sys-spacing-l);
  --oev-comp-nav-meta-font-color-selected-default: var(--oev-color-primary-default);
  --oev-comp-nav-meta-font-color-selected-hover: var(--oev-color-primary-hover);
  --oev-comp-nav-meta-font-color-selected-focus: var(--oev-color-primary-default);
  --oev-comp-nav-meta-font-color-inactive-default: var(--oev-color-gray-default);
  --oev-comp-nav-meta-font-color-inactive-hover: var(--oev-color-primary-hover);
  --oev-comp-nav-meta-font-color-inactive-focus: var(--oev-color-gray-default);
  --oev-comp-nav-meta-text-decoration-selected: none;
  --oev-comp-nav-meta-underline-color-selected-default: var(--oev-color-primary-default);
  --oev-comp-nav-meta-underline-color-selected-hover: var(--oev-color-primary-hover);
  --oev-comp-nav-meta-underline-color-selected-focus: var(--oev-color-primary-hover);
  --oev-comp-nav-meta-underline-width: var(--oev-ref-size-02);
  --oev-comp-nav-meta-underline-offset: var(--oev-ref-size-01);
  --oev-comp-opening-hours-table-background-color: var(--oev-color-background-15);
  --oev-comp-opening-hours-table-border-radius: var(--oev-ref-radius-s);
  --oev-comp-opening-hours-table-padding: var(--oev-sys-spacing-m);
  --oev-comp-progress-tabs-border-bottom-color-current: var(--oev-color-primary-default);
  --oev-comp-progress-tabs-border-bottom-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progress-tabs-border-bottom-color-active: var(--oev-color-action-black);
  --oev-comp-progress-tabs-border-bottom-color-previous: var(--oev-color-primary-default);
  --oev-comp-progress-tabs-border-bottom-color-next: var(--oev-color-gray-300);
  --oev-comp-progress-tabs-current-triangle-width: var(--oev-ref-size-16);
  --oev-comp-progress-tabs-current-triangle-height: var(--oev-ref-size-08);
  --oev-comp-progress-tabs-font-color-current: var(--oev-color-primary-default);
  --oev-comp-progress-tabs-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progress-tabs-font-color-focus: var(--oev-color-action-black);
  --oev-comp-progress-tabs-font-color-previous: var(--oev-color-gray-600);
  --oev-comp-progress-tabs-font-color-next: var(--oev-color-gray-600);
  --oev-comp-progress-tabs-font-spacing-bottom-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-progress-tabs-font-spacing-bottom-m-xl: var(--oev-sys-spacing-s);
  --oev-comp-progress-tabs-font-spacing-sides-xs-s: var(--oev-sys-spacing-xxs);
  --oev-comp-progress-tabs-font-spacing-sides-m-xl: var(--oev-sys-spacing-xs);
  --oev-comp-progress-tabs-font-style-xs-s: var(--oev-font-style-link);
  --oev-comp-progress-tabs-font-style-m-xl: var(--oev-font-style-link);
  --oev-comp-progress-tabs-font-max-lines-xs-s: 3;
  --oev-comp-progress-tabs-font-max-lines-m-xl: 2;
  --oev-comp-progressbar-form-height: var(--oev-ref-size-20);
  --oev-comp-progressbar-form-gap-spacing: var(--oev-sys-spacing-s);
  --oev-comp-progressbar-form-bar-counter-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-progressbar-form-bar-counter-font-style: var(--oev-font-style-body-small);
  --oev-comp-progressbar-form-bar-background-color: var(--oev-color-primary-default);
  --oev-comp-progressbar-form-progress-steps-font-color: var(--oev-color-font-body-default);
  --oev-comp-progressbar-form-progress-steps-font-style: var(--oev-font-style-body);
  --oev-comp-progressbar-form-track-background-color: var(--oev-color-gray-100);
  --oev-comp-progressbar-form-radius: var(--oev-ref-radius-m);
  --oev-comp-progressbar-onsite-background-color: var(--oev-color-background-17);
  --oev-comp-progressbar-sticky-background-color: var(--oev-color-background-17);
  --oev-comp-progressbar-sticky-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-progressbar-sticky-box-spacing-top-bottom-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-progressbar-sticky-box-spacing-top-bottom-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-progressbar-sticky-box-spacing-left-right-xs: var(--oev-sys-spacing-m);
  --oev-comp-progressbar-sticky-box-spacing-left-right-s-xl: var(--oev-sys-spacing-none);
  --oev-comp-progressbar-inline-box-spacing-top-bottom-xs-s: var(--oev-sys-spacing-xl-1);
  --oev-comp-progressbar-inline-box-spacing-top-bottom-m-xl: var(--oev-sys-spacing-xl-4);
  --oev-comp-progressbar-bar-color-active: var(--oev-color-primary-default);
  --oev-comp-progressbar-bar-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progressbar-bar-color-next: var(--oev-color-gray-500);
  --oev-comp-progressbar-bar-point-size: var(--oev-ref-size-12);
  --oev-comp-progressbar-bar-point-spacing-bottom: var(--oev-ref-spacing-01);
  --oev-comp-progressbar-bar-line-width: var(--oev-ref-size-02);
  --oev-comp-progressbar-label-color-active: var(--oev-color-primary-default);
  --oev-comp-progressbar-label-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progressbar-label-color-next: var(--oev-color-font-body-default);
  --oev-comp-progressbar-label-spacing-bottom: var(--oev-ref-spacing-20);
  --oev-comp-progressbar-label-spacing-left-right-xs: var(--oev-sys-spacing-xxs);
  --oev-comp-progressbar-label-font-style-xs: var(--oev-font-style-link-small);
  --oev-comp-progressbar-label-font-style-s-xl: var(--oev-font-style-link);
  --oev-comp-read-more-border-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-read-more-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-read-more-spacing-bottom: var(--oev-sys-spacing-none);
  --oev-comp-search-bar-border-radius-top-left: var(--oev-ref-radius-none);
  --oev-comp-search-bar-border-radius-top-right: var(--oev-ref-radius-s);
  --oev-comp-search-bar-border-radius-bottom-left: var(--oev-ref-radius-none);
  --oev-comp-search-bar-border-radius-bottom-right: var(--oev-ref-radius-s);
  --oev-comp-search-bar-error-font-style: var(--oev-font-style-error);
  --oev-comp-search-bar-error-font-color: var(--oev-color-action-error);
  --oev-comp-search-bar-errorbox-margin-top: var(--oev-sys-spacing-xxs);
  --oev-comp-stage-card-subtitle-font-weight: var(--oev-font-weight-regular);
  --oev-comp-step-display-spacing-top-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-top-m-xl: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-bottom-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-bottom-m-xl: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-gap-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-step-display-spacing-gap-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-step-display-step-item-connector-width: var(--oev-ref-size-04);
  --oev-comp-step-display-step-item-spacing-gap-vertical-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-spacing-gap-vertical-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-step-display-step-item-spacing-gap-horizontal-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-spacing-gap-horizontal-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-circle-size-xs-s: var(--oev-ref-size-48);
  --oev-comp-step-display-step-item-circle-size-m-xl: var(--oev-ref-size-56);
  --oev-comp-step-display-step-item-circle-default-icon-color: var(--oev-color-secondary-default);
  --oev-comp-step-display-step-item-circle-default-border-color: var(--oev-color-secondary-default);
  --oev-comp-step-display-step-item-circle-default-connector-color: var(--oev-comp-step-display-step-item-circle-default-border-color);
  --oev-comp-step-display-step-item-circle-default-background-color: var(--oev-color-background-17);
  --oev-comp-step-display-step-item-circle-completed-icon-color: var(--oev-color-action-white);
  --oev-comp-step-display-step-item-circle-completed-border-color: var(--oev-color-action-success);
  --oev-comp-step-display-step-item-circle-completed-connector-color: var(--oev-comp-step-display-step-item-circle-completed-border-color);
  --oev-comp-step-display-step-item-circle-completed-background-color: var(--oev-color-action-success);
  --oev-comp-step-display-step-item-content-headline-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-step-display-step-item-content-text-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-max-width: 75rem;
  --oev-comp-sticky-footer-flex-direction-xs-s: column;
  --oev-comp-sticky-footer-flex-direction-m-xl: row;
  --oev-comp-sticky-footer-label-font-style: var(--oev-font-style-link);
  --oev-comp-sticky-footer-label-color-default: var(--oev-color-gray-default);
  --oev-comp-sticky-footer-label-color-hover: var(--oev-color-primary-hover);
  --oev-comp-sticky-footer-label-color-active: var(--oev-color-primary-active);
  --oev-comp-sticky-footer-label-color-focus: var(--oev-color-primary-hover);
  --oev-comp-sticky-footer-label-color-selected: var(--oev-color-primary-default);
  --oev-comp-sticky-footer-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-sticky-footer-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-sticky-footer-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-sticky-footer-icon-color-focus: var(--oev-color-primary-hover);
  --oev-comp-sticky-footer-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-sticky-footer-icon-label-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-color-background-default: var(--oev-color-action-white);
  --oev-comp-sticky-footer-color-background-hover: var(--oev-color-gray-100);
  --oev-comp-sticky-footer-color-background-active: var(--oev-color-gray-50);
  --oev-comp-sticky-footer-color-outline-focus: var(--oev-color-primary-hover);
  --oev-comp-sticky-footer-spacing-top-xs-sl: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-spacing-bottom-xs-sl: var(--oev-sys-spacing-s);
  --oev-comp-sticky-footer-spacing-horizontal-xs-sl: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-spacing-horizontal-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-spacing-vertical-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-sticky-footer-outline-focus-width: var(--oev-ref-size-01);
  --oev-comp-form-summary-background-color: var(--oev-color-background-17);
  --oev-comp-form-summary-header-gap-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-form-summary-headline-font-style: var(--oev-font-style-h3);
  --oev-comp-form-summary-spacing-gap-xs-s: var(--oev-sys-spacing-xl-3);
  --oev-comp-form-summary-spacing-gap-m-xl: var(--oev-sys-spacing-xl-5);
  --oev-comp-form-summary-data-section-gap-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-font-style-label: var(--oev-font-style-body);
  --oev-comp-table-row-font-style-value: var(--oev-font-style-link);
  --oev-comp-table-row-font-color-label: var(--oev-color-font-body-default);
  --oev-comp-table-row-font-color-value: var(--oev-color-font-body-default);
  --oev-comp-table-row-font-weight-value: var(--oev-font-weight-bold);
  --oev-comp-table-row-spacing-left-right: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-spacing-top-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-background-color-default: var(--oev-color-background-17);
  --oev-comp-table-row-background-color-alternate: var(--oev-color-background-14);
  --oev-comp-table-row-border-color: var(--oev-color-gray-300);
  --oev-comp-table-row-border-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-headline-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-tariff-comparison-header-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-header-border-color: var(--oev-color-transparent);
  --oev-comp-tariff-comparison-header-border-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-border-radius: var(--oev-ref-radius-none);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-header-overline-offset-top: 90%;
  --oev-comp-tariff-comparison-header-overline-highlighted-offset-top: 30%;
  --oev-comp-tariff-comparison-header-overline-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-header-overline-border-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-header-overline-border-color: var(--oev-color-primary-default);
  --oev-comp-tariff-comparison-header-overline-font-color: var(--oev-color-primary-default);
  --oev-comp-tariff-comparison-header-overline-text-spacing-left-right: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-overline-text-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-overline-font-style-xs: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-overline-font-style-s-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-overline-shadow: var(--oev-sys-box-shadow-none);
  --oev-comp-tariff-comparison-header-overline-tooltip-icon-color-default: var(--oev-comp-tooltip-icon-color-default);
  --oev-comp-tariff-comparison-header-overline-tooltip-icon-color-hover: var(--oev-comp-tooltip-icon-color-hover);
  --oev-comp-tariff-comparison-header-overline-tooltip-icon-color-active: var(--oev-comp-tooltip-icon-color-active);
  --oev-comp-tariff-comparison-header-overline-tooltip-icon-focus-visible-outline-color: var(--oev-color-focus-visible-outline);
  --oev-comp-tariff-comparison-header-tariff-name-color-background: var(--oev-color-gray-600);
  --oev-comp-tariff-comparison-header-tariff-name-visible-color-background-x-small: var(--oev-color-gray-700);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-color-background: var(--oev-color-primary-600);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-font-color: var(--oev-comp-tariff-comparison-header-tariff-name-font-color);
  --oev-comp-tariff-comparison-header-tariff-name-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-tariff-name-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-header-price-container-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-price-container-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-header-price-container-highlighted-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-header-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-header-tariff-price-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-header-tariff-price-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-xs-s: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-m-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-tariff-price-period-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-subline-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-header-visible-tariff-price-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-subline-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-color-background-x-small: var(--oev-color-gray-700);
  --oev-comp-tariff-comparison-header-visible-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-highlighted-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-arrow-container-border-color-x-small: var(--oev-color-gray-700);
  --oev-comp-tariff-comparison-content-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-content-tariffgroup-name-color-background: var(--oev-color-gray-50);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-style: var(--oev-font-style-link);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-content-tariffgroup-name-tooltip-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-open: var(--oev-color-gray-default);
  --oev-comp-tariff-comparison-content-tariffrow-color-background-hover: var(--oev-color-gray-50);
  --oev-comp-tariff-comparison-content-tariffrow-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-style: var(--oev-font-style-body);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-check-color: var(--oev-color-action-success);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-remove-color: var(--oev-color-action-error);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-yes: var(--oev-icon-check-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-no: var(--oev-icon-remove-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-1: var(--oev-sys-spacing-xl-1);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-2: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-name-module-group-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-content-container-spacing-top: var(--oev-ref-spacing-20);
  --oev-comp-tariff-comparison-content-container-spacing-gap: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-footer-tarifffooter-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-tarifffooter-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-footer-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-tariff-price-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-footer-anchoring-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-anchoring-font-color: var(--oev-color-font-h5);
  --oev-comp-tariff-comparison-footer-anchoring-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-container-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-footer-anchoring-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-width: var(--oev-ref-size-02);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-footer-subline-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-footer-subline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-button-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tile-item-border-color-default: var(--oev-color-gray-default);
  --oev-comp-tile-item-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tile-item-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-tile-item-border-color-active: var(--oev-color-primary-active);
  --oev-comp-tile-item-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-tile-item-border-width-default: var(--oev-ref-size-01);
  --oev-comp-tile-item-border-radius: var(--oev-ref-radius-s);
  --oev-comp-tile-item-icon-background-color-checked: var(--oev-color-primary-default);
  --oev-comp-tile-item-icon-size-default: var(--oev-font-size-xl-1);
  --oev-comp-tile-item-icon-size-checked: var(--oev-comp-icon-size-medium);
  --oev-comp-tile-item-icon-size-label: var(--oev-comp-icon-size-x-large);
  --oev-comp-tile-item-icon-checked-spacing: var(--oev-ref-spacing-08);
  --oev-comp-tile-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-tile-item-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-tile-item-font-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-tile-item-font-color-active: var(--oev-color-gray-active);
  --oev-comp-tile-item-font-color-selected: var(--oev-color-gray-default);
  --oev-comp-tile-item-font-style: var(--oev-font-style-body);
  --oev-comp-tile-item-background-color-default: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-hover: var(--oev-color-gray-100);
  --oev-comp-tile-item-background-color-disabled: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-active: var(--oev-color-gray-100);
  --oev-comp-tile-item-background-color-selected: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-focus: var(--oev-color-background-17);
  --oev-comp-tile-item-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tile-item-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tile-item-label-max-height: var(--oev-ref-size-72);
  --oev-comp-tiles-gap-spacing-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-tiles-gap-spacing-sl-xs: var(--oev-sys-spacing-m);
  --oev-comp-tiles-error-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-tiles-error-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-tiles-font-color-error: var(--oev-color-font-error);
  --oev-comp-tiles-font-style-error: var(--oev-font-style-error);
  --oev-comp-tooltip-icon-content: var(--oev-icon-info-outlined);
  --oev-comp-tooltip-icon-size: var(--oev-comp-icon-size-20);
  --oev-comp-tooltip-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-tooltip-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tooltip-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-tooltip-content-background-color-default: var(--oev-color-background-17);
  --oev-comp-tooltip-content-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tooltip-content-border-radius: var(--oev-ref-radius-s);
  --oev-comp-tooltip-content-border-color: var(--oev-color-gray-300);
  --oev-comp-tooltip-content-icon-close-content: var(--oev-icon-close-filled);
  --oev-comp-tooltip-content-icon-close-size: var(--oev-comp-icon-size-20);
  --oev-comp-tooltip-content-icon-close-color-default: var(--oev-color-gray-default);
  --oev-comp-tooltip-content-icon-close-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tooltip-content-icon-close-color-active: var(--oev-color-primary-active);
  --oev-comp-tooltip-pointer-width: var(--oev-ref-size-16);
  --oev-comp-tooltip-pointer-height: var(--oev-ref-size-08);
  --oev-comp-tooltip-pointer-border-color: var(--oev-color-action-white);
  --oev-comp-tooltip-modal-background-color-default: var(--oev-color-background-17);
  --oev-comp-tooltip-modal-background-darkening-color-default: var(--oev-color-action-black);
  --oev-comp-tooltip-modal-background-darkening-opacity: var(--oev-ref-opacity-20);
  --oev-comp-tooltip-modal-border-radius-top: var(--oev-ref-radius-none);
  --oev-comp-tooltip-modal-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tooltip-modal-footer-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-upload-background-color: var(--oev-color-background-14);
  --oev-comp-upload-border-radius: var(--oev-ref-radius-m);
  --oev-comp-upload-error-color: var(--oev-color-action-error);
  --oev-comp-upload-error-font-style: var(--oev-font-style-error);
  --oev-comp-upload-spacing-top-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-upload-spacing-top-s-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-upload-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-upload-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-border-svg-default: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23B7B7B7FF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-border-svg-drag-and-drop: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%235C5C5CFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-border-svg-active: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%235C5C5CFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-headline-color: var(--oev-color-font-h6);
  --oev-comp-upload-headline-drag-and-drop-color: var(--oev-color-gray-400);
  --oev-comp-upload-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-upload-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-description-font-style: var(--oev-font-style-body-small);
  --oev-comp-upload-description-color: var(--oev-color-font-body-default);
  --oev-comp-upload-description-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-description-drag-and-drop-color: var(--oev-color-gray-400);
  --oev-comp-upload-status-background-color: var(--oev-color-gray-50);
  --oev-comp-upload-status-bar-color: var(--oev-color-action-white);
  --oev-comp-upload-status-bar-filling-color: var(--oev-color-primary-default);
  --oev-comp-upload-status-icon-cross-color: var(--oev-color-action-error);
  --oev-comp-upload-status-icon-trash-color: var(--oev-color-secondary-800);
  --oev-comp-upload-status-icon-color-default: var(--oev-color-secondary-800);
  --oev-comp-upload-status-icon-color-hover: var(--oev-color-gray-hover);
  --oev-comp-upload-status-icon-color-active: var(--oev-color-gray-active);
  --oev-comp-upload-status-icon-color-error: var(--oev-color-action-error);
  --oev-comp-upload-status-icon-border-color: #777;
  --oev-comp-upload-status-filename-color: var(--oev-color-font-body-default);
  --oev-comp-upload-status-filename-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-status-percent-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-status-percent-color: var(--oev-color-action-info);
  --oev-comp-upload-status-error-color: var(--oev-color-action-error);
  --oev-comp-upload-status-error-font-style: var(--oev-font-style-error);
  --oev-comp-upload-status-success-color: var(--oev-color-action-success);
  --oev-comp-upload-status-spacing-default: var(--oev-sys-spacing-m);
  --oev-comp-upload-status-spacing-between: var(--oev-sys-spacing-xs);
  --oev-ref-opacity-0: 0;
  --oev-ref-opacity-10: .1;
  --oev-ref-opacity-20: .2;
  --oev-ref-opacity-30: .3;
  --oev-ref-opacity-40: .4;
  --oev-ref-opacity-50: .5;
  --oev-ref-opacity-60: .6;
  --oev-ref-opacity-70: .7;
  --oev-ref-opacity-80: .8;
  --oev-ref-opacity-90: .9;
  --oev-ref-opacity-100: 1;
  --oev-ref-z-index-1: 1;
  --oev-ref-z-index-5: 5;
  --oev-ref-z-index-10: 10;
  --oev-ref-z-index-15: 15;
  --oev-ref-z-index-20: 20;
  --oev-ref-z-index-30: 30;
  --oev-ref-z-index-40: 40;
  --oev-ref-z-index-45: 45;
  --oev-ref-z-index-50: 50;
  --oev-ref-z-index-60: 60;
  --oev-ref-z-index-70: 70;
  --oev-ref-z-index-80: 80;
  --oev-ref-z-index-90: 90;
  --oev-ref-z-index-100: 100;
  --oev-ref-z-index-105: 105;
  --oev-ref-z-index-negative: -1;
  --oev-ref-align-top: flex-start;
  --oev-ref-align-center: center;
  --oev-ref-align-bottom: baseline;
  --oev-sys-focus-visible-border-radius: var(--oev-ref-radius-06);
  --oev-sys-focus-visible-outline-color: var(--oev-color-focus-visible-outline);
  --oev-sys-focus-visible-outline-width: var(--oev-ref-size-02);
  --oev-sys-focus-visible-outline-offset: var(--oev-ref-size-02);
  --oev-sys-focus-visible-outline-element-width: 100%;
  --oev-sys-focus-visible-outline-height-changer: var(--oev-ref-spacing-12);
  --oev-sys-focus-visible-left-offset: -4px;
  --oev-sys-focus-visible-padding: 2px 4px;
  --oev-ref-radius-24: var(--oev-ref-size-24);
  --oev-ref-radius-32: var(--oev-ref-size-32);
  --oev-ref-radius-50: var(--oev-ref-size-50);
  --oev-ref-radius-none: 0;
  --oev-ref-radius-s: 0.25rem;
  --oev-ref-radius-m: 0.5rem;
  --oev-ref-radius-l: 1rem;
  --oev-ref-radius-xl: 50%;
  --oev-ref-radius-02: var(--oev-ref-size-02);
  --oev-ref-radius-03: var(--oev-ref-size-03);
  --oev-ref-radius-06: var(--oev-ref-size-06);
  --oev-sys-box-shadow-0: 0 0 0 #00000016;
  --oev-sys-box-shadow-1: 0 0.063rem 0.125rem #00000016;
  --oev-sys-box-shadow-2: 0 0.125rem 0.375rem #00000016;
  --oev-sys-box-shadow-3: 0 0.375rem 0.75rem #00000016;
  --oev-sys-box-shadow-4: 0 0.75rem 1.5rem #00000016;
  --oev-ref-box-shadow-default: 0 0.1875rem 0.625rem #00000029;
  --oev-ref-box-shadow-hover: 0 0.125rem 0.375rem #00000029;
  --oev-ref-box-shadow-pressed: 0 0.0625rem 0.1875rem #00000029;
  --oev-ref-box-shadow-dragged: 0 0 0.75rem #00000029;
  --oev-ref-box-shadow-disabled: 0 0.0625rem 0.25rem #00000015;
  --oev-sys-box-shadow-none: none;
  --oev-sys-elevation-level-0: 0 0 0 #00000029;
  --oev-sys-elevation-level-1: 0 0.063rem 0.125rem #00000029;
  --oev-sys-elevation-level-2: 0 0.188rem 0.375rem #00000029;
  --oev-sys-elevation-level-3: 0 0.375rem 0.75rem #00000029;
  --oev-sys-elevation-level-4: 0 0.75rem 1.5rem #00000029;
  --oev-ref-size-10: 0.625rem;
  --oev-ref-size-12: 0.75rem;
  --oev-ref-size-15: 0.938rem;
  --oev-ref-size-16: 1rem;
  --oev-ref-size-20: 1.25rem;
  --oev-ref-size-24: 1.5rem;
  --oev-ref-size-32: 2rem;
  --oev-ref-size-40: 2.5rem;
  --oev-ref-size-48: 3rem;
  --oev-ref-size-50: 3.125rem;
  --oev-ref-size-52: 3.25rem;
  --oev-ref-size-56: 3.5rem;
  --oev-ref-size-58: 3.625rem;
  --oev-ref-size-64: 4rem;
  --oev-ref-size-72: 4.5rem;
  --oev-ref-size-80: 5rem;
  --oev-ref-size-88: 5.5rem;
  --oev-ref-size-96: 6rem;
  --oev-ref-size-102: 6.375rem;
  --oev-ref-size-104: 6.5rem;
  --oev-ref-size-120: 7.5rem;
  --oev-ref-size-140: 8.75rem;
  --oev-ref-size-160: 10rem;
  --oev-ref-size-192: 12rem;
  --oev-ref-size-256: 16rem;
  --oev-ref-size-00: 0;
  --oev-ref-size-01: 0.063rem;
  --oev-ref-size-02: 0.125rem;
  --oev-ref-size-03: 0.188rem;
  --oev-ref-size-04: 0.25rem;
  --oev-ref-size-06: 0.375rem;
  --oev-ref-size-08: 0.5rem;
  --oev-ref-size-auto: 100%;
  --oev-ref-spacing-10: 0.625rem;
  --oev-ref-spacing-12: 0.75rem;
  --oev-ref-spacing-14: 0.875rem;
  --oev-ref-spacing-15: 0.938rem;
  --oev-ref-spacing-16: 1rem;
  --oev-ref-spacing-20: 1.25rem;
  --oev-ref-spacing-24: 1.5rem;
  --oev-ref-spacing-32: 2rem;
  --oev-ref-spacing-40: 2.5rem;
  --oev-ref-spacing-48: 3rem;
  --oev-ref-spacing-56: 3.5rem;
  --oev-ref-spacing-64: 4rem;
  --oev-ref-spacing-72: 4.5rem;
  --oev-ref-spacing-80: 5rem;
  --oev-ref-spacing-96: 6rem;
  --oev-ref-spacing-00: 0;
  --oev-ref-spacing-01: 0.063rem;
  --oev-ref-spacing-02: 0.125rem;
  --oev-ref-spacing-04: 0.25rem;
  --oev-ref-spacing-06: 0.375rem;
  --oev-ref-spacing-08: 0.5rem;
  --oev-ref-spacing-negative-07: -7px;
  --oev-sys-spacing-none: var(--oev-ref-spacing-00);
  --oev-sys-spacing-xxs: var(--oev-ref-spacing-04);
  --oev-sys-spacing-xs: var(--oev-ref-spacing-08);
  --oev-sys-spacing-s: var(--oev-ref-spacing-12);
  --oev-sys-spacing-m: var(--oev-ref-spacing-16);
  --oev-sys-spacing-l: var(--oev-ref-spacing-24);
  --oev-sys-spacing-xl-1: var(--oev-ref-spacing-32);
  --oev-sys-spacing-xl-2: var(--oev-ref-spacing-40);
  --oev-sys-spacing-xl-3: var(--oev-ref-spacing-48);
  --oev-sys-spacing-xl-4: var(--oev-ref-spacing-56);
  --oev-sys-spacing-xl-5: var(--oev-ref-spacing-64);
  --oev-sys-spacing-xl-6: var(--oev-ref-spacing-72);
  --oev-sys-spacing-xl-7: var(--oev-ref-spacing-80);
  --oev-sys-spacing-xl-8: var(--oev-ref-spacing-96);
  --oev-sys-spacing-responsive-xxs: var(--oev-ref-spacing-04);
  --oev-sys-spacing-responsive-xs: var(--oev-ref-spacing-08);
  --oev-sys-spacing-responsive-s: var(--oev-ref-spacing-12);
  --oev-sys-spacing-responsive-m: var(--oev-ref-spacing-16);
  --oev-sys-spacing-responsive-l: var(--oev-ref-spacing-20);
  --oev-sys-spacing-responsive-xl: var(--oev-ref-spacing-24);
  --oev-sys-spacing-responsive-xxl: var(--oev-ref-spacing-32);
  --oev-font-family-sans-serif: "Sparkasse Web", sans-serif;
  --oev-font-family-serif:
    Georgia,
    Times,
    serif;
  --oev-font-family-light: var(--oev-font-family-sans-serif);
  --oev-font-family-bold: var(--oev-font-family-sans-serif);
  --oev-font-family-black: var(--oev-font-family-sans-serif);
  --oev-font-family-default: var(--oev-font-family-sans-serif);
  --oev-font-family-calligraphy: "Caveat", cursive;
  --oev-font-family-icon: "iconfont-svag";
  --oev-font-family-stage: var(--oev-font-family-h1);
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-light);
  --oev-font-family-body-small: var(--oev-font-family-light);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-large: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-light: 200;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 400;
  --oev-font-weight-bold: 900;
  --oev-font-weight-black: 900;
  --oev-font-weight-default: var(--oev-font-weight-regular);
  --oev-font-weight-stage: var(--oev-font-weight-h1);
  --oev-font-weight-h1: var(--oev-font-weight-bold);
  --oev-font-weight-h2: var(--oev-font-weight-bold);
  --oev-font-weight-h3: var(--oev-font-weight-bold);
  --oev-font-weight-h4: var(--oev-font-weight-bold);
  --oev-font-weight-h5: var(--oev-font-weight-bold);
  --oev-font-weight-h6: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-regular);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-bold);
  --oev-font-weight-body: var(--oev-font-weight-light);
  --oev-font-weight-body-small: var(--oev-font-weight-light);
  --oev-font-weight-label: var(--oev-font-weight-bold);
  --oev-font-weight-label-small: var(--oev-font-weight-default);
  --oev-font-weight-link: var(--oev-font-weight-regular);
  --oev-font-weight-link-large: var(--oev-font-weight-bold);
  --oev-font-weight-link-medium: var(--oev-font-weight-medium);
  --oev-font-weight-link-small: var(--oev-font-weight-regular);
  --oev-font-weight-caption: var(--oev-font-weight-default);
  --oev-font-weight-error: var(--oev-font-weight-default);
  --oev-font-size-38: calc(38/16 * 1rem);
  --oev-font-size-xxs: calc(12/16 * 1rem);
  --oev-font-size-xs: calc(14/16 * 1rem);
  --oev-font-size-s: 1rem;
  --oev-font-size-m: calc(18/16 * 1rem);
  --oev-font-size-l: calc(20/16 * 1rem);
  --oev-font-size-xl-1: calc(22/16 * 1rem);
  --oev-font-size-xl-2: calc(24/16 * 1rem);
  --oev-font-size-xl-3: calc(26/16 * 1rem);
  --oev-font-size-xl-4: calc(28/16 * 1rem);
  --oev-font-size-xl-5: calc(30/16 * 1rem);
  --oev-font-size-xl-6: calc(34/16 * 1rem);
  --oev-font-size-xl-7: calc(40/16 * 1rem);
  --oev-font-size-xl-8: calc(52/16 * 1rem);
  --oev-font-size-xl-9: calc(60/16 * 1rem);
  --oev-font-size-xl-10: calc(60/16 * 1rem);
  --oev-font-size-stage: var(--oev-font-size-xl-4);
  --oev-font-size-h1: var(--oev-font-size-xl-4);
  --oev-font-size-h2: var(--oev-font-size-xl-3);
  --oev-font-size-h3: var(--oev-font-size-xl-2);
  --oev-font-size-h4: var(--oev-font-size-xl-1);
  --oev-font-size-h5: var(--oev-font-size-l);
  --oev-font-size-h6: var(--oev-font-size-m);
  --oev-font-size-subtitle-1: var(--oev-font-size-m);
  --oev-font-size-subtitle-2: var(--oev-font-size-s);
  --oev-font-size-body: var(--oev-font-size-s);
  --oev-font-size-body-small: var(--oev-font-size-xs);
  --oev-font-size-label: var(--oev-font-size-xs);
  --oev-font-size-label-small: var(--oev-font-size-xxs);
  --oev-font-size-link: var(--oev-font-size-s);
  --oev-font-size-link-large: var(--oev-font-size-m);
  --oev-font-size-link-medium: var(--oev-font-size-xs);
  --oev-font-size-link-small: var(--oev-font-size-xxs);
  --oev-font-size-caption: var(--oev-font-size-xxs);
  --oev-font-size-error: var(--oev-font-size-xxs);
  --oev-font-style-stage: normal normal 900 var(--oev-font-size-stage) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-h1: normal normal 900 var(--oev-font-size-h1) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-h2: normal normal 900 var(--oev-font-size-h2) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-h3: normal normal 900 var(--oev-font-size-h3) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-h4: normal normal 900 var(--oev-font-size-h4) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-h5: normal normal 900 var(--oev-font-size-h5) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-h6: normal normal 900 var(--oev-font-size-h6) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-subtitle-1: normal normal 400 var(--oev-font-size-subtitle-1) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-subtitle-2: normal normal 900 var(--oev-font-size-subtitle-2) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-body: normal normal 200 1rem / 1.5 "Sparkasse Web", sans-serif;
  --oev-font-style-body-small: normal normal 200 var(--oev-font-size-body-small) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-label: normal normal 900 calc(14/16 * 1rem) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-label-small: normal normal 400 calc(12/16 * 1rem) / 1.17 "Sparkasse Web", sans-serif;
  --oev-font-style-link: normal normal 400 1rem / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-link-large: normal normal 900 calc(18/16 * 1rem) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-link-small: normal normal 400 calc(12/16 * 1rem) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-link-medium: normal normal 400 calc(14/16 * 1rem) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-caption: normal normal 400 calc(12/16 * 1rem) / 1.5 "Sparkasse Web", sans-serif;
  --oev-font-style-error: normal normal 400 calc(12/16 * 1rem) / 1.17 "Sparkasse Web", sans-serif;
  --oev-font-style-signature: normal normal 400 var(--oev-font-size-subtitle-2) / 1.3 "Caveat", cursive;
  --oev-line-height-xxs: 1;
  --oev-line-height-xs: 1.17;
  --oev-line-height-s: 1.3;
  --oev-line-height-m: 1.5;
  --oev-line-height-l: 2.5;
  --oev-line-height-default: var(--oev-line-height-s);
  --oev-line-height-stage: var(--oev-line-height-h1);
  --oev-line-height-h1: var(--oev-line-height-default);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-subtitle-1: var(--oev-line-height-default);
  --oev-line-height-subtitle-2: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-m);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-xs);
  --oev-line-height-link: var(--oev-line-height-default);
  --oev-line-height-link-large: var(--oev-line-height-default);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-error: var(--oev-line-height-xs);
  --oev-line-height-caption: var(--oev-line-height-m);
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-comp-forms-radio-button-options-row-spacing: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-comp-forms-radio-button-options-row-spacing: 0.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-comp-forms-radio-button-options-row-spacing: 0.75rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-comp-grid-responsive-spacing-top-bottom: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-comp-grid-responsive-spacing-top-bottom: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-comp-grid-responsive-spacing-top-bottom: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-comp-grid-container-card-view-spacing-left-right: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-comp-grid-container-card-view-spacing-left-right: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-comp-grid-container-card-view-spacing-left-right: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-comp-headline-subheadline-spacing-top: 0.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xxs: 0.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xxs: 0.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xxs: 1rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xs: 0.75rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xs: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xs: 1.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-s: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-s: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-s: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-m: 1.25rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-m: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-m: 2rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-l: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-l: 2rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-l: 2.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xl: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xl: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xl: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xxl: 2.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xxl: 3rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xxl: 3.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-stage: calc(30/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-stage: calc(52/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-stage: calc(60/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h1: calc(30/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h1: calc(34/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h1: calc(40/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h2: calc(28/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h2: calc(30/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h2: calc(34/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h3: calc(24/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h3: calc(26/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h3: calc(26/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h4: calc(22/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h4: calc(22/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h4: calc(22/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h5: calc(20/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h5: calc(20/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h5: calc(20/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h6: calc(18/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h6: calc(18/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h6: calc(18/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-1: calc(18/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-1: calc(20/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-subtitle-1: calc(20/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-2: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-2: calc(18/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-subtitle-2: calc(18/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
.theme-aok,
.theme-bavaria-direkt,
.theme-bgv,
.theme-oesa,
.theme-svlfg,
.theme-vmk {
  --oev-color-container-10: var(--oev-color-custom-10);
  --oev-color-container-11: var(--oev-color-custom-11);
  --oev-color-container-12: var(--oev-color-custom-12);
  --oev-color-container-13: var(--oev-color-gray-100);
  --oev-color-container-14: var(--oev-color-action-white);
  --oev-color-container-15: var(--oev-color-container-01);
  --oev-color-container-01: var(--oev-color-custom-01);
  --oev-color-container-02: var(--oev-color-custom-02);
  --oev-color-container-03: var(--oev-color-custom-03);
  --oev-color-container-04: var(--oev-color-custom-04);
  --oev-color-container-05: var(--oev-color-custom-05);
  --oev-color-container-06: var(--oev-color-custom-06);
  --oev-color-container-07: var(--oev-color-custom-07);
  --oev-color-container-08: var(--oev-color-custom-08);
  --oev-color-container-09: var(--oev-color-custom-09);
  --oev-color-container-pg-01: var(--oev-color-container-01);
  --oev-color-container-pg-02: var(--oev-color-container-12);
  --oev-color-container-pg-03: var(--oev-color-container-05);
  --oev-color-container-pg-04: var(--oev-color-container-02);
  --oev-color-primary-50: #FFF5E5;
  --oev-color-primary-100: #FFEBCC;
  --oev-color-primary-200: #FFE2B2;
  --oev-color-primary-300: #FFD899;
  --oev-color-primary-400: #FFCE80;
  --oev-color-primary-500: #FFC466;
  --oev-color-primary-600: #FFBA4D;
  --oev-color-primary-700: #FFB133;
  --oev-color-primary-800: #FFA71A;
  --oev-color-primary-900: #FF9D00;
  --oev-color-primary-default: var(--oev-color-primary-900);
  --oev-color-primary-hover: var(--oev-color-primary-600);
  --oev-color-primary-focus: var(--oev-color-primary-500);
  --oev-color-primary-active: var(--oev-color-primary-800);
  --oev-color-primary-disabled: var(--oev-color-primary-200);
  --oev-color-primary-visited: var(--oev-color-primary-400);
  --oev-color-secondary-50: #E6ECF3;
  --oev-color-secondary-100: #CCDAE7;
  --oev-color-secondary-200: #B3C7DC;
  --oev-color-secondary-300: #87A9CC;
  --oev-color-secondary-400: #678EB5;
  --oev-color-secondary-500: #356AA1;
  --oev-color-secondary-600: #1B5895;
  --oev-color-secondary-700: #024589;
  --oev-color-secondary-800: #023970;
  --oev-color-secondary-900: #012C57;
  --oev-color-secondary-default: var(--oev-color-secondary-700);
  --oev-color-secondary-hover: var(--oev-color-secondary-900);
  --oev-color-secondary-focus: var(--oev-color-secondary-500);
  --oev-color-secondary-active: var(--oev-color-secondary-800);
  --oev-color-secondary-disabled: var(--oev-color-secondary-200);
  --oev-color-secondary-visited: var(--oev-color-secondary-400);
  --oev-color-custom-10: #5578ab;
  --oev-color-custom-11: #a7d4b9;
  --oev-color-custom-12: #e4f2ea;
  --oev-color-custom-01: #F3F7Fc;
  --oev-color-custom-02: #E7EFFB;
  --oev-color-custom-03: #3A7E81;
  --oev-color-custom-04: #B0CBCD;
  --oev-color-custom-05: #d8e5e6;
  --oev-color-custom-06: #B2D8C4;
  --oev-color-custom-07: #41DB76;
  --oev-color-custom-08: #FFEB99;
  --oev-color-custom-09: #D8A8B1;
  --oev-color-gray-50: #F4F8FA;
  --oev-color-gray-100: #F0F5F7;
  --oev-color-gray-200: #E4E9ED;
  --oev-color-gray-300: #CED4D9;
  --oev-color-gray-400: #ACB7BF;
  --oev-color-gray-500: #808B92;
  --oev-color-gray-600: #6C757B;
  --oev-color-gray-700: #515C64;
  --oev-color-gray-800: #3D474E;
  --oev-color-gray-900: #1B1D1E;
  --oev-color-gray-default: var(--oev-color-gray-900);
  --oev-color-gray-hover: var(--oev-color-gray-900);
  --oev-color-gray-focus: var(--oev-color-gray-900);
  --oev-color-gray-active: var(--oev-color-gray-900);
  --oev-color-gray-disabled: var(--oev-color-gray-400);
  --oev-color-gray-visited: var(--oev-color-gray-400);
  --oev-color-action-white: #FFFFFF;
  --oev-color-action-black: #000000;
  --oev-color-action-success: #3e9d6c;
  --oev-color-action-warning: #FFCC00;
  --oev-color-action-error: #9D253C;
  --oev-color-action-info: #d7e5f8;
  --oev-color-action-focus-on-light: #0047FF;
  --oev-color-action-focus-on-dark: #88ACFF;
  --oev-color-brand-sparkasse: #ee0000;
  --oev-color-white: var(--oev-color-action-white);
  --oev-color-black: var(--oev-color-action-black);
  --oev-color-gradient-01:
    linear-gradient(
      90deg,
      #023970,
      #356AA1);
  --oev-color-gradient-02:
    linear-gradient(
      90deg,
      #FFB133,
      #FFC466);
  --oev-color-gradient-03:
    linear-gradient(
      45deg,
      #023970,
      #356AA1);
  --oev-color-gradient-04:
    linear-gradient(
      45deg,
      #FFB133,
      #FFC466);
  --oev-color-transparent: transparent;
  --oev-color-white-default: rgba(255, 255, 255, 1);
  --oev-color-white-hover: rgba(255, 255, 255, .7);
  --oev-color-white-active: rgba(255, 255, 255, .9);
  --oev-color-white-focus: rgba(255, 255, 255, .6);
  --oev-color-white-visited: rgba(255, 255, 255, .8);
  --oev-color-white-disabled: rgba(255, 255, 255, .4);
  --oev-color-success: var(--oev-color-action-success);
  --oev-color-warning: var(--oev-color-action-warning);
  --oev-color-error: var(--oev-color-action-error);
  --oev-color-info: var(--oev-color-action-info);
  --oev-color-black-default: rgba(0, 0, 0, 1);
  --oev-color-black-hover: rgba(0, 0, 0, .7);
  --oev-color-black-active: rgba(0, 0, 0, .9);
  --oev-color-black-focus: rgba(0, 0, 0, .6);
  --oev-color-black-visited: rgba(0, 0, 0, .8);
  --oev-color-black-disabled: rgba(0, 0, 0, .4);
  --oev-color-background-10: var(--oev-color-custom-10);
  --oev-color-background-11: var(--oev-color-custom-11);
  --oev-color-background-12: var(--oev-color-custom-05);
  --oev-color-background-13: var(--oev-color-primary-50);
  --oev-color-background-14: var(--oev-color-background-dark);
  --oev-color-background-15: var(--oev-color-background-light);
  --oev-color-background-16: var(--oev-color-secondary-50);
  --oev-color-background-17: var(--oev-color-background-white);
  --oev-color-background-18: var(--oev-color-background-black);
  --oev-color-background-01: var(--oev-color-custom-01);
  --oev-color-background-02: var(--oev-color-custom-02);
  --oev-color-background-03: var(--oev-color-secondary-700);
  --oev-color-background-04: var(--oev-color-gray-50);
  --oev-color-background-05: var(--oev-color-gray-100);
  --oev-color-background-06: var(--oev-color-custom-12);
  --oev-color-background-07: var(--oev-color-custom-07);
  --oev-color-background-08: var(--oev-color-custom-08);
  --oev-color-background-09: var(--oev-color-custom-09);
  --oev-color-background-white: var(--oev-color-action-white);
  --oev-color-background-black: var(--oev-color-action-black);
  --oev-color-background-dark: var(--oev-color-gray-100);
  --oev-color-background-light: var(--oev-color-gray-50);
  --oev-color-font-body-default: var(--oev-color-gray-900);
  --oev-color-font-body-disabled: var(--oev-color-gray-disabled);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-font-body-default);
  --oev-color-font-headline: var(--oev-color-font-body-default);
  --oev-color-font-headline-inverted: var(--oev-color-action-white);
  --oev-color-font-subheadline: var(--oev-color-font-body-default);
  --oev-color-font-h1: var(--oev-color-font-headline);
  --oev-color-font-h2: var(--oev-color-font-headline);
  --oev-color-font-h3: var(--oev-color-font-headline);
  --oev-color-font-h4: var(--oev-color-font-headline);
  --oev-color-font-h5: var(--oev-color-font-headline);
  --oev-color-font-h6: var(--oev-color-font-headline);
  --oev-color-font-subtitle-1: var(--oev-color-font-subheadline);
  --oev-color-font-subtitle-2: var(--oev-color-font-subheadline);
  --oev-color-font-label: var(--oev-color-gray-900);
  --oev-color-font-label-inverted: var(--oev-color-action-white);
  --oev-color-font-label-small: var(--oev-color-font-label);
  --oev-color-font-link: var(--oev-color-secondary-default);
  --oev-color-font-link-small: var(--oev-color-font-link);
  --oev-color-font-link-medium: var(--oev-color-font-link);
  --oev-color-font-caption: var(--oev-color-gray-700);
  --oev-color-font-error: var(--oev-color-action-error);
  --oev-color-font-placeholder: var(--oev-color-gray-600);
  --oev-color-font-calligraphy: var(--oev-color-primary-900);
  --oev-color-pictogram-1: var(--oev-color-secondary-default);
  --oev-color-pictogram-2: #C00D14;
  --oev-color-pictogram-3: var(--oev-color-action-white);
  --oev-color-pictogram-4: var(--oev-color-transparent);
  --oev-color-illustration-1: var(--oev-color-primary-50);
  --oev-color-shadow: #00000029;
  --oev-color-focus-visible-outline: var(--oev-color-action-focus-on-light);
  --oev-comp-accordion-header-color-background-default: var(--oev-color-background-01);
  --oev-comp-accordion-header-color-background-hover: var(--oev-color-background-02);
  --oev-comp-accordion-header-color-default: var(--oev-color-secondary-default);
  --oev-comp-accordion-header-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-accordion-header-color-active: var(--oev-color-secondary-active);
  --oev-comp-accordion-header-color-open: var(--oev-color-secondary-active);
  --oev-comp-accordion-header-font-weight-default: var(--oev-font-weight-bold);
  --oev-comp-accordion-header-font-weight-hover: var(--oev-comp-accordion-header-font-weight-default);
  --oev-comp-accordion-header-font-weight-active: var(--oev-comp-accordion-header-font-weight-default);
  --oev-comp-accordion-header-font-weight-open: var(--oev-comp-accordion-header-font-weight-default);
  --oev-comp-accordion-header-icon-default: var(--oev-color-secondary-default);
  --oev-comp-accordion-header-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-accordion-header-icon-active: var(--oev-color-secondary-active);
  --oev-comp-accordion-header-icon-open: var(--oev-color-secondary-active);
  --oev-comp-accordion-body-color-background: var(--oev-color-action-white);
  --oev-comp-accordion-body-color-default: var(--oev-color-font-body-default);
  --oev-comp-accordion-body-spacing: var(--oev-sys-spacing-m);
  --oev-comp-accordion-body-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-accordion-body-font-style: normal normal 400 1rem / 1.5 Ubuntu, sans-serif;
  --oev-comp-accordion-body-font-weight: var(--oev-font-weight-body);
  --oev-comp-accordion-body-font-size: var(--oev-font-size-body);
  --oev-comp-accordion-body-line-height: var(--oev-line-height-m);
  --oev-comp-accordion-divider-color: var(--oev-color-action-white);
  --oev-comp-accordion-divider-height: var(--oev-ref-size-02);
  --oev-comp-advisor-card-gap: var(--oev-sys-spacing-m);
  --oev-comp-advisor-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-advisor-card-spacing-small: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-advisor-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-advisor-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-advisor-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-advisor-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-advisor-card-header-gap: var(--oev-sys-spacing-m);
  --oev-comp-advisor-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-advisor-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-advisor-card-header-image-size-xsmall: var(--oev-ref-size-56);
  --oev-comp-advisor-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-advisor-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-advisor-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-advisor-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-advisor-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-advisor-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-advisor-card-header-distance-gap: var(--oev-ref-spacing-02);
  --oev-comp-advisor-card-header-distance-padding: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-header-distance-border-radius: var(--oev-ref-radius-s);
  --oev-comp-advisor-card-header-distance-background-color: var(--oev-color-background-01);
  --oev-comp-advisor-card-header-distance-number-font-style: var(--oev-font-style-link-small);
  --oev-comp-advisor-card-header-distance-label-font-style: var(--oev-font-style-caption);
  --oev-comp-advisor-card-header-distance-font-color: var(--oev-color-font-label);
  --oev-comp-advisor-card-header-text-gap: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-header-text-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-advisor-card-header-text-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-advisor-card-status-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-status-expandable-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-status-opening-hours-headline-gap: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-status-opening-hours-headline-font-style: var(--oev-font-style-link);
  --oev-comp-advisor-card-status-opening-hours-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-advisor-card-status-opening-hours-headline-gap-stacked: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-expandable-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-advisor-card-expandable-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-advisor-card-expandable-headline-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-expandable-socialmedia-icons-gap: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-expandable-padding-top: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-expandable-gap: var(--oev-ref-spacing-20);
  --oev-comp-agency-search-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-agency-search-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-agency-search-auto-suggest-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-agency-search-auto-suggest-category-color-background: var(--oev-color-custom-02);
  --oev-comp-agency-search-auto-suggest-category-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-auto-suggest-category-font-color: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-category-inner-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-auto-suggest-category-inner-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-default: var(--oev-color-background-17);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-hover: var(--oev-color-background-14);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-selected: var(--oev-color-background-01);
  --oev-comp-agency-search-auto-suggest-result-item-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-agency-search-auto-suggest-result-item-inner-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-auto-suggest-result-item-inner-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-weight: var(--oev-font-weight-bold);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-agency-search-auto-suggest-max-height-above-sl: 600px;
  --oev-comp-agency-search-auto-suggest-max-height-below-sl: 460px;
  --oev-comp-agency-search-privacy-background: var(--oev-color-gray-100);
  --oev-comp-agency-search-privacy-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-privacy-font-color: var(--oev-color-font-body-default);
  --oev-comp-agency-search-privacy-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-agency-search-text-input-border-radius-top-left: var(--oev-ref-radius-m);
  --oev-comp-agency-search-text-input-border-radius-bottom-left: var(--oev-ref-radius-m);
  --oev-comp-agency-search-text-input-padding-right: var(--oev-sys-spacing-xl-3);
  --oev-comp-agency-search-text-input-icon-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-submit-button-border-radius-top-right: var(--oev-ref-radius-m);
  --oev-comp-agency-search-submit-button-border-radius-bottom-right: var(--oev-ref-radius-m);
  --oev-comp-agency-search-search-type-gap: var(--oev-sys-spacing-l);
  --oev-comp-agency-search-filter-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-shadow: var(--oev-sys-elevation-level-1);
  --oev-comp-agency-search-spacing: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-gap: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-background: var(--oev-color-action-white);
  --oev-comp-agency-search-results-divider-color: var(--oev-color-gray-300);
  --oev-comp-agency-search-results-divider-width: var(--oev-ref-size-01);
  --oev-comp-agency-search-results-border-top-color: var(--oev-color-gray-500);
  --oev-comp-agency-search-results-border-top-width: var(--oev-ref-size-01);
  --oev-comp-agency-search-search-card-width: 400px;
  --oev-comp-agency-search-map-height-above-sl: 800px;
  --oev-comp-agency-search-map-height-below-sl: 400px;
  --oev-comp-agency-search-map-gap: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-prefix-font-style: var(--oev-font-style-body);
  --oev-comp-anchor-nav-textbox-size: var(--oev-ref-size-24);
  --oev-comp-anchor-nav-link-color-default: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-link-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-anchor-nav-link-color-focus: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-link-color-active: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-link-color-selected: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-link-border-color-selected: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-link-border-size: var(--oev-ref-size-04);
  --oev-comp-anchor-nav-link-font-style-default: var(--oev-font-style-body);
  --oev-comp-anchor-nav-link-font-style-hover: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-focus: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-active: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-selected: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-spacing-horizontal-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-link-spacing-horizontal-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-anchor-nav-link-spacing-vertical-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-anchor-nav-link-spacing-vertical-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-anchor-nav-link-focus-visible-border-radius: var(--oev-ref-radius-06);
  --oev-comp-anchor-nav-icon-interactive-color-default: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-icon-interactive-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-anchor-nav-icon-interactive-color-focus: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-icon-interactive-color-active: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-icon-interactive-size: var(--oev-comp-icon-size-large);
  --oev-comp-anchor-nav-background-color: var(--oev-color-background-17);
  --oev-comp-anchor-nav-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-anchor-nav-divider-bottom-color: var(--oev-color-secondary-300);
  --oev-comp-anchor-nav-divider-bottom-size: var(--oev-ref-size-01);
  --oev-comp-badge-size-xs: var(--oev-ref-size-64);
  --oev-comp-badge-size-l: var(--oev-ref-size-80);
  --oev-comp-badge-size-default: var(--oev-comp-badge-size-xs);
  --oev-comp-badge-background-color-default: var(--oev-color-primary-default);
  --oev-comp-badge-content-rotation: 0;
  --oev-comp-badge-border-width: var(--oev-ref-size-00);
  --oev-comp-badge-border-color: var(--oev-color-transparent);
  --oev-comp-badge-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-badge-font-style: var(--oev-font-style-body-small);
  --oev-comp-badge-font-color: var(--oev-color-font-body-default);
  --oev-comp-badge-icon-color: var(--oev-color-font-body-default);
  --oev-comp-badge-icon-spacing: var(--oev-sys-spacing-none);
  --oev-comp-banner-background-color: var(--oev-color-secondary-700);
  --oev-comp-banner-text-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-banner-text-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-banner-text-font-style-link-xl-m: var(--oev-font-style-link-large);
  --oev-comp-banner-text-font-style-link-sl-xs: var(--oev-font-style-link);
  --oev-comp-banner-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-banner-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-banner-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-banner-border-radius: 1rem 1rem 0 0;
  --oev-comp-banner-link-tile-spacing: var(--oev-sys-spacing-m);
  --oev-comp-banner-link-icon-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-banner-link-color-default: var(--oev-color-font-body-inverted);
  --oev-comp-banner-link-color-hover: var(--oev-color-white-hover);
  --oev-comp-banner-link-color-active: var(--oev-color-white-active);
  --oev-comp-banner-link-color-focus: var(--oev-color-white-active);
  --oev-comp-banner-link-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-branch-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-branch-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-branch-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-branch-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-branch-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-branch-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-branch-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-branch-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-branch-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-branch-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-branch-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-branch-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-branch-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-branch-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-header-text-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-branch-card-header-text-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-branch-card-header-text-teaser-font-style: var(--oev-font-style-h6);
  --oev-comp-branch-card-header-text-teaser-font-color: var(--oev-color-font-h6);
  --oev-comp-branch-card-status-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-status-opening-hours-headline-gap: var(--oev-sys-spacing-s);
  --oev-comp-branch-card-status-opening-hours-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-status-opening-hours-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-branch-card-contact-options-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-branch-card-contact-options-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-branch-card-contact-options-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-contact-socialmedia-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-contact-socialmedia-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-branch-card-contact-socialmedia-icons-gap: var(--oev-sys-spacing-s);
  --oev-comp-branch-card-contact-socialmedia-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-language-group-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-language-group-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-branch-card-wide-content-gap: var(--oev-sys-spacing-m);
  --oev-comp-breadcrumb-background-color: var(--oev-color-background-17);
  --oev-comp-breadcrumb-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-breadcrumb-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-breadcrumb-spacing-vertical: var(--oev-sys-spacing-xs);
  --oev-comp-breadcrumb-spacing-gap: var(--oev-sys-spacing-xxs);
  --oev-comp-breadcrumb-home-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-breadcrumb-separator-color: var(--oev-color-gray-500);
  --oev-comp-breadcrumb-separator-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-breadcrumb-link-color-default: var(--oev-color-gray-default);
  --oev-comp-breadcrumb-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-breadcrumb-link-color-active: var(--oev-color-primary-active);
  --oev-comp-breadcrumb-link-color-current: var(--oev-color-primary-default);
  --oev-comp-breadcrumb-link-font-style-default: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-hover: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-active: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-current: var(--oev-font-style-link-medium);
  --oev-comp-business-card-divider-color: var(--oev-color-gray-200);
  --oev-comp-business-card-container-spacing: var(--oev-ref-spacing-16);
  --oev-comp-business-card-distance-badge-background-color: var(--oev-color-gray-100);
  --oev-comp-business-card-distance-badge-number-font-style: var(--oev-font-style-link-small);
  --oev-comp-business-card-distance-badge-unit-font-style: var(--oev-font-style-link-small);
  --oev-comp-business-card-distance-badge-spacing-bottom: var(--oev-ref-spacing-08);
  --oev-comp-business-card-distance-badge-padding-left-right: var(--oev-ref-spacing-08);
  --oev-comp-business-card-distance-badge-padding-top-bottom: var(--oev-ref-spacing-02);
  --oev-comp-business-card-distance-badge-radius: var(--oev-ref-size-04);
  --oev-comp-business-card-title-font-style: var(--oev-font-style-h6);
  --oev-comp-business-card-headline-spacing-bottom: var(--oev-ref-spacing-04);
  --oev-comp-business-card-address-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-business-card-list-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-button-icon-spacing: var(--oev-ref-spacing-06);
  --oev-comp-button-font-style: var(--oev-font-style-link);
  --oev-comp-button-font-weight: var(--oev-font-weight-link);
  --oev-comp-button-font-size: var(--oev-font-size-link);
  --oev-comp-button-labeled-spacing-left-and-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-button-unlabeled-spacing-left-and-right: var(--oev-sys-spacing-s);
  --oev-comp-button-border-width: var(--oev-ref-size-02);
  --oev-comp-button-border-width-hover: var(--oev-ref-size-03);
  --oev-comp-button-border-radius: var(--oev-ref-radius-m);
  --oev-comp-button-color-outline-focused: var(--oev-color-focus-visible-outline);
  --oev-comp-button-offset-outline-focused: var(--oev-ref-size-02);
  --oev-comp-button-primary-contained-background-color-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-contained-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-contained-background-color-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-contained-background-color-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-contained-background-color-disabled: var(--oev-color-gray-200);
  --oev-comp-button-primary-contained-color-label-default: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-label-hover: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-label-active: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-label-focus: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-label-disabled: var(--oev-color-gray-700);
  --oev-comp-button-primary-contained-color-icon-default: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-icon-hover: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-icon-active: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-icon-focus: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-icon-disabled: var(--oev-color-gray-700);
  --oev-comp-button-primary-outlined-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-primary-outlined-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-primary-outlined-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-primary-outlined-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-primary-outlined-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-outlined-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-primary-outlined-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-primary-outlined-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-primary-outlined-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-primary-outlined-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-outlined-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-primary-outlined-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-primary-outlined-color-border-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-primary-outlined-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-primary-outlined-color-border-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-outlined-color-background-default: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-hover: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-active: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-disabled: var(--oev-color-transparent);
  --oev-comp-button-primary-link-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-primary-link-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-primary-link-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-primary-link-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-primary-link-color-label-visited: var(--oev-color-secondary-default);
  --oev-comp-button-primary-link-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-link-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-primary-link-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-primary-link-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-primary-link-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-primary-link-color-icon-visited: var(--oev-color-secondary-default);
  --oev-comp-button-primary-link-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-outlined-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-outlined-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-outlined-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-border-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-outlined-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-border-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-outlined-color-background-default: var(--oev-color-background-17);
  --oev-comp-button-secondary-outlined-color-background-hover: var(--oev-color-background-17);
  --oev-comp-button-secondary-outlined-color-background-focus: var(--oev-color-secondary-50);
  --oev-comp-button-secondary-outlined-color-background-active: var(--oev-color-background-17);
  --oev-comp-button-secondary-outlined-color-background-disabled: var(--oev-color-background-17);
  --oev-comp-button-secondary-outlined-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-outlined-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-contained-color-label-default: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-hover: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-focus: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-active: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-disabled: var(--oev-color-gray-700);
  --oev-comp-button-secondary-contained-color-background-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-contained-color-background-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-contained-color-background-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-contained-color-background-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-background-disabled: var(--oev-color-gray-200);
  --oev-comp-button-secondary-contained-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-contained-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-contained-color-border-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-contained-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-border-disabled: var(--oev-color-gray-200);
  --oev-comp-button-secondary-contained-color-icon-default: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-hover: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-focus: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-active: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-disabled: var(--oev-color-gray-700);
  --oev-comp-button-secondary-link-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-link-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-link-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-link-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-link-color-label-visited: var(--oev-color-secondary-visited);
  --oev-comp-button-secondary-link-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-link-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-link-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-link-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-link-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-link-color-icon-visited: var(--oev-color-secondary-visited);
  --oev-comp-button-secondary-link-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-white-contained-color-label-default: var(--oev-color-primary-default);
  --oev-comp-button-white-contained-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-white-contained-color-label-active: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-white-contained-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-white-contained-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-white-contained-color-icon-active: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-white-outlined-color-default: var(--oev-color-white-default);
  --oev-comp-button-white-outlined-color-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-outlined-color-active: var(--oev-color-white-active);
  --oev-comp-button-white-outlined-color-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-outlined-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-white-link-color-label-default: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-label-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-link-color-label-active: var(--oev-color-white-active);
  --oev-comp-button-white-link-color-label-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-link-color-label-visited: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-label-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-white-link-color-icon-default: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-icon-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-link-color-icon-active: var(--oev-color-white-active);
  --oev-comp-button-white-link-color-icon-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-link-color-icon-visited: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-icon-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-link-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-link-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-link-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-link-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-link-color-label-visited: var(--oev-color-secondary-default);
  --oev-comp-button-link-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-link-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-link-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-link-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-link-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-link-color-icon-visited: var(--oev-color-secondary-default);
  --oev-comp-button-link-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-card-icon-text-content-box-spacing-top: var(--oev-sys-spacing-xl-2);
  --oev-comp-card-icon-text-content-box-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-content-box-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-content-box-background-color: var(--oev-color-background-02);
  --oev-comp-card-icon-text-content-box-border-radius: var(--oev-ref-radius-l);
  --oev-comp-card-icon-text-icon-container-box-shadow: var(--oev-sys-elevation-level-3);
  --oev-comp-card-icon-text-icon-container-border-radius: var(--oev-ref-radius-l);
  --oev-comp-card-icon-text-icon-container-size: var(--oev-ref-size-80);
  --oev-comp-card-icon-text-icon-container-background-color: var(--oev-color-background-17);
  --oev-comp-card-icon-text-icon-color: var(--oev-color-secondary-default);
  --oev-comp-card-icon-text-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-card-icon-text-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-card-icon-text-headline-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-body-font-style: var(--oev-font-style-body);
  --oev-comp-card-icon-text-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-card-icon-text-body-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-card-border-radius: var(--oev-ref-radius-l);
  --oev-comp-card-badge-zindex: var(--oev-ref-z-index-20);
  --oev-comp-card-header-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-card-header-spacing-right: var(--oev-sys-spacing-l);
  --oev-comp-card-header-spacing-teaser-top: var(--oev-sys-spacing-m);
  --oev-comp-card-header-title-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-header-title-font-style: var(--oev-font-style-h3);
  --oev-comp-card-header-title-font-color: var(--oev-color-font-headline);
  --oev-comp-card-header-subtitle-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-card-header-subtitle-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-card-header-subtitle-font-color: var(--oev-color-font-subheadline);
  --oev-comp-card-header-teaser-font-style: var(--oev-font-style-body);
  --oev-comp-card-header-teaser-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-vertical-header-subtitle-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-card-content-outer-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-link-color-default: var(--oev-color-secondary-default);
  --oev-comp-card-content-read-more-link-color: var(--oev-color-secondary-default);
  --oev-comp-card-content-top-section-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-card-content-top-section-secondary-title-font-style: var(--oev-font-style-h6);
  --oev-comp-card-content-top-section-secondary-title-font-color: var(--oev-color-font-subheadline);
  --oev-comp-card-content-top-section-body-text-font-style: var(--oev-font-style-body);
  --oev-comp-card-content-bottom-section-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-bottom-section-caption-font-style: var(--oev-font-style-caption);
  --oev-comp-card-media-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-color-background-10: var(--oev-color-custom-10);
  --oev-comp-card-color-background-11: var(--oev-color-custom-11);
  --oev-comp-card-color-background-12: var(--oev-color-custom-12);
  --oev-comp-card-color-background-13: var(--oev-color-gray-100);
  --oev-comp-card-color-background-14: var(--oev-color-action-white);
  --oev-comp-card-color-background-15: var(--oev-comp-card-color-background-01);
  --oev-comp-card-color-background-default: var(--oev-color-action-white);
  --oev-comp-card-color-background-01: var(--oev-color-custom-01);
  --oev-comp-card-color-background-02: var(--oev-color-custom-02);
  --oev-comp-card-color-background-03: var(--oev-color-custom-03);
  --oev-comp-card-color-background-04: var(--oev-color-custom-04);
  --oev-comp-card-color-background-05: var(--oev-color-custom-05);
  --oev-comp-card-color-background-06: var(--oev-color-custom-06);
  --oev-comp-card-color-background-07: var(--oev-color-custom-07);
  --oev-comp-card-color-background-08: var(--oev-color-custom-08);
  --oev-comp-card-color-background-09: var(--oev-color-custom-09);
  --oev-comp-card-color-background-pg-01: var(--oev-color-container-pg-01);
  --oev-comp-card-color-background-pg-02: var(--oev-color-container-pg-02);
  --oev-comp-card-color-background-pg-03: var(--oev-color-container-pg-03);
  --oev-comp-card-slider-spacing-left-right: var(--oev-ref-spacing-06);
  --oev-comp-card-slider-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-indicators-width: var(--oev-ref-size-32);
  --oev-comp-card-slider-indicators-height: var(--oev-ref-size-06);
  --oev-comp-card-slider-indicators-radius: var(--oev-ref-radius-s);
  --oev-comp-card-slider-indicators-opacity: var(--oev-ref-opacity-100);
  --oev-comp-card-slider-indicators-border-color-default: var(--oev-color-transparent);
  --oev-comp-card-slider-indicators-border-color-hover: var(--oev-color-transparent);
  --oev-comp-card-slider-indicators-border-color-active: var(--oev-color-transparent);
  --oev-comp-card-slider-indicators-background-color-default: var(--oev-color-background-02);
  --oev-comp-card-slider-indicators-background-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-card-slider-indicators-background-color-active: var(--oev-color-secondary-default);
  --oev-comp-card-slider-indicators-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-card-slider-indicators-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-slider-icon-size: var(--oev-comp-icon-size-large);
  --oev-comp-card-slider-nav-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-card-slider-nav-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-card-slider-nav-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-card-slider-nav-icon-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-card-slider-nav-icon-left-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-nav-icon-right-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-checkbox-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-checkbox-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-checkbox-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-checkbox-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-checkbox-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-checkbox-color-error: var(--oev-color-action-error);
  --oev-comp-forms-checkbox-selected-color-default: var(--oev-color-secondary-default);
  --oev-comp-forms-checkbox-selected-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-checkbox-selected-color-active: var(--oev-color-secondary-active);
  --oev-comp-forms-checkbox-selected-color-focus: var(--oev-color-secondary-focus);
  --oev-comp-forms-checkbox-selected-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-forms-checkbox-selected-color-error: var(--oev-color-action-error);
  --oev-comp-forms-checkbox-grid-spacing: var(--oev-sys-spacing-s);
  --oev-comp-forms-checkbox-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-checkbox-label-line-height: var(--oev-line-height-m);
  --oev-comp-forms-checkbox-label-color: var(--oev-color-font-label);
  --oev-comp-forms-checkbox-error-text-font-style: var(--oev-font-style-error);
  --oev-comp-forms-checkbox-error-text-color: var(--oev-color-action-error);
  --oev-comp-forms-datepicker-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-forms-datepicker-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-datepicker-icon-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-datepicker-overlay-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-datepicker-overlay-background-color: var(--oev-color-background-17);
  --oev-comp-forms-datepicker-overlay-width-xs-s: 270px;
  --oev-comp-forms-datepicker-overlay-width-m-xl: 290px;
  --oev-comp-forms-datepicker-overlay-border-radius: var(--oev-ref-radius-s);
  --oev-comp-forms-datepicker-overlay-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-forms-datepicker-overlay-header-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-header-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-forms-datepicker-overlay-header-spacing-right: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-header-controls-spacing: var(--oev-sys-spacing-l);
  --oev-comp-forms-datepicker-overlay-header-controls-switch-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-datepicker-overlay-header-controls-switch-font-style: var(--oev-font-style-body-small);
  --oev-comp-forms-datepicker-overlay-header-controls-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-forms-datepicker-overlay-header-controls-icon-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-datepicker-overlay-days-of-week-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-days-of-week-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-days-of-week-font-style: var(--oev-font-style-body-small);
  --oev-comp-forms-datepicker-overlay-days-of-week-color: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-days-grid-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-days-grid-border-top-color: var(--oev-color-gray-400);
  --oev-comp-forms-datepicker-overlay-days-grid-border-top-width: var(--oev-ref-size-01);
  --oev-comp-forms-datepicker-overlay-days-grid-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-forms-datepicker-overlay-days-grid-hover-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-hover-background-color: var(--oev-color-secondary-hover);
  --oev-comp-forms-datepicker-overlay-days-grid-selected-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-selected-background-color: var(--oev-color-secondary-default);
  --oev-comp-forms-datepicker-overlay-days-grid-today-color: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-today-background-color: var(--oev-color-secondary-50);
  --oev-comp-forms-dropdown-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-dropdown-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-focus: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-active: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-error: var(--oev-color-font-error);
  --oev-comp-forms-dropdown-font-style: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-height: var(--oev-ref-size-48);
  --oev-comp-forms-dropdown-background-color-default: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-overflow: inherit;
  --oev-comp-forms-dropdown-text-overflow: inherit;
  --oev-comp-forms-dropdown-inner-spacing-top: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-top-focus: var(--oev-ref-spacing-10);
  --oev-comp-forms-dropdown-inner-spacing-right: var(--oev-sys-spacing-xl-3);
  --oev-comp-forms-dropdown-inner-spacing-bottom: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-dropdown-inner-spacing-left-focus: var(--oev-ref-spacing-15);
  --oev-comp-forms-dropdown-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-forms-dropdown-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-dropdown-icon-color-open: var(--oev-color-gray-active);
  --oev-comp-forms-dropdown-icon-color-open-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-dropdown-icon-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-dropdown-icon-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-icon-color-error-hover: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-border-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-dropdown-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-dropdown-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-dropdown-border-color-open: var(--oev-color-gray-active);
  --oev-comp-forms-dropdown-border-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-dropdown-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-dropdown-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-forms-dropdown-border-width-active: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-forms-dropdown-border-width-disabled: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-error: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-open: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-radius: var(--oev-ref-radius-m);
  --oev-comp-forms-dropdown-placeholder-color-default: var(--oev-color-font-placeholder);
  --oev-comp-forms-dropdown-placeholder-color-open: var(--oev-color-font-placeholder);
  --oev-comp-forms-dropdown-menu-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-menu-font-style-default: var(--oev-font-style-link);
  --oev-comp-forms-dropdown-menu-font-style-hover: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-menu-background-color-default: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-menu-background-color-hover: var(--oev-color-gray-100);
  --oev-comp-forms-dropdown-menu-scrollbar-background-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-dropdown-item-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-forms-dropdown-item-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-dropdown-item-font-style-hover: var(--oev-font-style-link);
  --oev-comp-forms-dropdown-inline-label-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-inline-label-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-inline-label-font-style: var(--oev-font-style-label-small);
  --oev-comp-forms-dropdown-inline-label-font-size: var(--oev-font-size-label-small);
  --oev-comp-forms-dropdown-inline-label-display: block;
  --oev-comp-forms-dropdown-inline-label-background-color: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-dropdown-label-color: var(--oev-color-font-label);
  --oev-comp-forms-dropdown-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-dropdown-label-line-break: auto;
  --oev-comp-forms-error-font-color: var(--oev-color-action-error);
  --oev-comp-forms-error-font-style: var(--oev-font-style-error);
  --oev-comp-forms-error-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-error-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-radio-button-color-bullet-outline-default: var(--oev-color-gray-600);
  --oev-comp-forms-radio-button-color-bullet-outline-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-radio-button-color-bullet-outline-active: var(--oev-color-gray-active);
  --oev-comp-forms-radio-button-color-bullet-outline-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-radio-button-color-bullet-outline-error: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-default: var(--oev-color-gray-600);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-active: var(--oev-color-gray-active);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-error: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-default: var(--oev-color-secondary-default);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-active: var(--oev-color-secondary-active);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-forms-radio-button-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-radio-button-label-color: var(--oev-color-font-label);
  --oev-comp-forms-radio-button-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-option-label-font-style: var(--oev-font-style-body);
  --oev-comp-forms-radio-button-option-label-color: var(--oev-color-font-label);
  --oev-comp-forms-radio-button-option-label-error-color: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-option-label-spacing-right-direction: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-option-label-spacing-left-direction: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-error-text-color: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-error-text-font-style: var(--oev-font-style-error);
  --oev-comp-forms-radio-button-error-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-radio-button-bullet-outline-size: var(--oev-ref-size-20);
  --oev-comp-forms-radio-button-inner-bullet-size-scale: 0.6;
  --oev-comp-forms-radio-button-bullet-outline-width: var(--oev-ref-size-02);
  --oev-comp-forms-radio-button-options-row-spacing: var(--oev-sys-spacing-m);
  --oev-comp-forms-radio-button-options-column-spacing: var(--oev-sys-spacing-xl-3);
  --oev-comp-forms-text-area-inner-spacing: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-spacing-left-top-hover: var(--oev-ref-spacing-15);
  --oev-comp-forms-text-area-spacing-left-top-focus: var(--oev-ref-spacing-15);
  --oev-comp-forms-text-area-color-background: var(--oev-color-background-17);
  --oev-comp-forms-text-area-icon-resizer-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-text-area-icon-resizer-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-text-area-icon-resizer-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-text-area-icon-resizer-color-error: var(--oev-color-action-error);
  --oev-comp-forms-text-area-icon-resizer-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-text-area-icon-resizer-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-text-area-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-text-area-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-text-area-label-color: var(--oev-color-font-label);
  --oev-comp-forms-text-area-placeholder-font-style: var(--oev-font-style-body);
  --oev-comp-forms-text-area-placeholder-color-default: var(--oev-color-font-placeholder);
  --oev-comp-forms-text-area-placeholder-color-focus: var(--oev-color-transparent);
  --oev-comp-forms-text-area-text-font-style: var(--oev-font-style-body);
  --oev-comp-forms-text-area-text-font-weight: var(--oev-font-weight-body);
  --oev-comp-forms-text-area-text-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-active: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-focus: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-forms-text-area-text-color-error: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-border-radius: var(--oev-ref-radius-m);
  --oev-comp-forms-text-area-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-forms-text-area-border-width-active: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-forms-text-area-border-width-disabled: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-text-area-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-text-area-border-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-text-area-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-text-area-border-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-text-area-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-text-area-help-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-text-area-help-text-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-help-text-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-help-text-font-style-error: var(--oev-font-style-error);
  --oev-comp-forms-text-area-help-text-color-error: var(--oev-color-font-error);
  --oev-comp-forms-input-text-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-input-text-color-placeholder: var(--oev-color-font-placeholder);
  --oev-comp-forms-input-text-placeholder-font-style: var(--oev-font-style-body);
  --oev-comp-forms-input-text-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-forms-input-text-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-forms-input-text-border-width-disabled: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-error: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-input-text-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-input-text-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-input-text-border-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-input-text-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-input-text-border-radius: var(--oev-ref-radius-m);
  --oev-comp-forms-input-text-spacing-left-default: var(--oev-ref-spacing-15);
  --oev-comp-forms-input-text-spacing-left-hover: var(--oev-ref-spacing-14);
  --oev-comp-forms-input-text-spacing-left-focus: var(--oev-ref-spacing-14);
  --oev-comp-forms-input-text-field-color-background-default: var(--oev-color-background-17);
  --oev-comp-forms-input-text-field-color-background-hover: var(--oev-color-background-17);
  --oev-comp-forms-input-text-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-input-text-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-input-text-label-color: var(--oev-color-font-label);
  --oev-comp-forms-input-text-float-label-font-style: var(--oev-font-style-label-small);
  --oev-comp-forms-input-text-float-label-color-error: var(--oev-color-font-error);
  --oev-comp-forms-input-text-float-label-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-help-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-input-text-help-text-font-style-error: var(--oev-font-style-error);
  --oev-comp-forms-input-text-help-text-color-error: var(--oev-color-font-error);
  --oev-comp-forms-toggle-track-height: var(--oev-ref-size-32);
  --oev-comp-forms-toggle-track-width: var(--oev-ref-size-52);
  --oev-comp-forms-toggle-track-border-radius: var(--oev-ref-radius-50);
  --oev-comp-forms-toggle-track-border-width: var(--oev-ref-size-02);
  --oev-comp-forms-toggle-handle-height: var(--oev-ref-size-24);
  --oev-comp-forms-toggle-handle-width: var(--oev-ref-size-24);
  --oev-comp-forms-toggle-handle-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-forms-toggle-grid-spacing: var(--oev-sys-spacing-s);
  --oev-comp-forms-toggle-option-label-font-style: var(--oev-font-style-body);
  --oev-comp-forms-toggle-option-label-line-height: var(--oev-line-height-m);
  --oev-comp-forms-toggle-option-label-color: var(--oev-color-font-label);
  --oev-comp-forms-toggle-selected-handle-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-toggle-selected-handle-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-forms-toggle-selected-handle-spacing-right: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-toggle-selected-handle-background-color-default: var(--oev-color-action-white);
  --oev-comp-forms-toggle-selected-handle-background-color-hover: var(--oev-color-action-white);
  --oev-comp-forms-toggle-selected-handle-background-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-toggle-selected-track-background-color-default: var(--oev-color-primary-default);
  --oev-comp-forms-toggle-selected-track-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-toggle-selected-track-background-color-disabled: var(--oev-color-transparent);
  --oev-comp-forms-toggle-selected-track-border-color-default: var(--oev-color-primary-default);
  --oev-comp-forms-toggle-selected-track-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-toggle-selected-track-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-toggle-selected-icon-content: var(--oev-icon-check-outlined);
  --oev-comp-forms-toggle-selected-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-forms-toggle-selected-icon-color-hover: var(--oev-color-primary-default);
  --oev-comp-forms-toggle-selected-icon-color-disabled: var(--oev-color-action-white);
  --oev-comp-forms-toggle-unselected-handle-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-toggle-unselected-handle-spacing-left: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-toggle-unselected-handle-spacing-right: var(--oev-sys-spacing-l);
  --oev-comp-forms-toggle-unselected-handle-background-color-default: var(--oev-color-action-white);
  --oev-comp-forms-toggle-unselected-handle-background-color-hover: var(--oev-color-action-white);
  --oev-comp-forms-toggle-unselected-handle-background-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-toggle-unselected-track-background-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-toggle-unselected-track-background-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-toggle-unselected-track-background-color-disabled: var(--oev-color-transparent);
  --oev-comp-forms-toggle-unselected-track-border-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-toggle-unselected-track-border-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-toggle-unselected-track-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-toggle-unselected-icon-content: var(--oev-icon-clear-outlined);
  --oev-comp-forms-toggle-unselected-icon-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-toggle-unselected-icon-color-hover: var(--oev-color-gray-600);
  --oev-comp-forms-toggle-unselected-icon-color-disabled: var(--oev-color-action-white);
  --oev-comp-chip-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-chip-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-chip-font-color-focus: var(--oev-color-secondary-default);
  --oev-comp-chip-font-color-active: var(--oev-color-secondary-default);
  --oev-comp-chip-font-color-disabled: var(--oev-color-gray-600);
  --oev-comp-chip-font-color-selected-default: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-hover: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-focus: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-active: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-disabled: var(--oev-color-action-white);
  --oev-comp-chip-border-color-default: var(--oev-color-secondary-default);
  --oev-comp-chip-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-chip-border-color-focus: var(--oev-color-secondary-default);
  --oev-comp-chip-border-color-active: var(--oev-color-secondary-default);
  --oev-comp-chip-border-color-disabled: var(--oev-color-gray-600);
  --oev-comp-chip-border-color-selected-default: var(--oev-color-secondary-default);
  --oev-comp-chip-border-color-selected-hover: var(--oev-color-secondary-hover);
  --oev-comp-chip-border-color-selected-focus: var(--oev-color-secondary-default);
  --oev-comp-chip-border-color-selected-active: var(--oev-color-secondary-default);
  --oev-comp-chip-border-color-selected-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-background-color-default: var(--oev-color-background-17);
  --oev-comp-chip-background-color-hover: var(--oev-color-background-17);
  --oev-comp-chip-background-color-focus: var(--oev-color-background-17);
  --oev-comp-chip-background-color-active: var(--oev-color-background-17);
  --oev-comp-chip-background-color-disabled: var(--oev-color-background-17);
  --oev-comp-chip-background-color-selected-default: var(--oev-color-secondary-default);
  --oev-comp-chip-background-color-selected-hover: var(--oev-color-secondary-hover);
  --oev-comp-chip-background-color-selected-focus: var(--oev-color-secondary-default);
  --oev-comp-chip-background-color-selected-active: var(--oev-color-secondary-default);
  --oev-comp-chip-background-color-selected-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-outline-color-focus: var(--oev-color-action-focus-on-light);
  --oev-comp-chip-outline-offset-focus: var(--oev-ref-size-02);
  --oev-comp-chip-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-chip-spacing-left-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-chip-border-radius: var(--oev-ref-radius-50);
  --oev-comp-chip-border-width: var(--oev-ref-size-02);
  --oev-comp-chip-font-style: var(--oev-font-style-link);
  --oev-comp-cta-group-spacing-vertical: var(--oev-sys-spacing-l);
  --oev-comp-cta-group-spacing-horizontal: var(--oev-sys-spacing-l);
  --oev-comp-cta-bar-vertical-spacing: var(--oev-sys-spacing-xl-1);
  --oev-comp-cta-bar-vertical-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-cta-bar-container-width: 100%;
  --oev-comp-cta-bar-button-size: var(--oev-ref-size-96);
  --oev-comp-cta-bar-button-label-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-cta-bar-button-label-font-style: var(--oev-font-style-link);
  --oev-comp-cta-bar-button-label-font-weight: var(--oev-font-weight-link);
  --oev-comp-cta-bar-button-label-icon-color-default: var(--oev-comp-cta-bar-button-font-color-default);
  --oev-comp-cta-bar-button-border-radius: var(--oev-ref-radius-xl);
  --oev-comp-cta-bar-button-border-radius-focus-visible: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-icon-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-cta-bar-button-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-cta-bar-button-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-font-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-contained-background-color: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-contained-background-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-contained-elevation-level-default: var(--oev-sys-elevation-level-2);
  --oev-comp-cta-bar-button-contained-elevation-level-hover: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-active: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-selected: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-disabled: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-outlined-background-color: var(--oev-color-transparent);
  --oev-comp-cta-bar-button-outlined-background-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-outlined-border-size: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-default: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-hover: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-active: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-selected: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-disabled: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-outlined-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-outlined-border-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-outlined-border-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-outlined-border-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-custom-border-radius: var(--oev-ref-radius-xl);
  --oev-comp-cta-bar-button-custom-border-width-default: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-hover: var(--oev-ref-size-06);
  --oev-comp-cta-bar-button-custom-border-width-active: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-selected: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-disabled: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-custom-border-color-active: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-border-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-border-color-disabled: var(--oev-color-gray-600);
  --oev-comp-cta-bar-button-custom-background-color-default: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-background-color-hover: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-custom-background-color-active: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-custom-background-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-background-color-disabled: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-custom-font-color-active: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-font-color-focus: var(--oev-color-secondary-focus);
  --oev-comp-cta-bar-button-custom-font-color-disabled: var(--oev-color-gray-600);
  --oev-comp-cta-bar-button-custom-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-custom-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-custom-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-icon-color-focus: var(--oev-color-secondary-focus);
  --oev-comp-cta-bar-button-custom-icon-color-disabled: var(--oev-color-gray-600);
  --oev-comp-cta-bar-button-custom-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-cta-bar-button-custom-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-cta-bar-button-custom-elevation-level-default: var(--oev-sys-elevation-level-2);
  --oev-comp-cta-bar-button-custom-elevation-level-hover: var(--oev-sys-elevation-level-3);
  --oev-comp-cta-bar-button-custom-elevation-level-active: var(--oev-sys-elevation-level-3);
  --oev-comp-cta-bar-button-custom-elevation-level-selected: var(--oev-sys-elevation-level-3);
  --oev-comp-cta-bar-button-custom-elevation-level-disabled: var(--oev-sys-elevation-level-1);
  --oev-comp-custom-search-background-color: var(--oev-color-background-14);
  --oev-comp-custom-search-outer-spacing: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-shadow: var(--oev-sys-elevation-level-0);
  --oev-comp-custom-search-border-radius: var(--oev-ref-radius-none);
  --oev-comp-custom-search-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-custom-search-text-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-custom-search-inputfield-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-result-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-result-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-customer-interaction-container-background-color: var(--oev-color-action-white);
  --oev-comp-customer-interaction-container-spacing-left-right: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-container-spacing-top: var(--oev-ref-spacing-24);
  --oev-comp-customer-interaction-container-spacing-bottom: var(--oev-ref-spacing-24);
  --oev-comp-customer-interaction-position-right: var(--oev-sys-spacing-s);
  --oev-comp-customer-interaction-position-bottom: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-customer-interaction-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-customer-interaction-icon-spacing-bottom: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-icon-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-divider-color: var(--oev-color-gray-500);
  --oev-comp-divider-height: var(--oev-ref-size-01);
  --oev-comp-divider-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-download-headline-font-style: var(--oev-font-style-h2);
  --oev-comp-download-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-download-subheadline-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-download-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-download-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-download-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-download-icon-size: var(--oev-ref-size-32);
  --oev-comp-download-icon-container-background-color-default: var(--oev-color-transparent);
  --oev-comp-download-icon-container-background-color-hover: var(--oev-color-transparent);
  --oev-comp-download-icon-container-border-color-default: var(--oev-color-secondary-default);
  --oev-comp-download-icon-container-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-download-icon-container-border-width: var(--oev-ref-size-00);
  --oev-comp-download-icon-container-width: 38px;
  --oev-comp-download-icon-container-height: 38px;
  --oev-comp-download-icon-container-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-download-container-padding: var(--oev-sys-spacing-m);
  --oev-comp-download-container-background-color-default: var(--oev-color-background-01);
  --oev-comp-download-container-background-color-hover: var(--oev-color-background-02);
  --oev-comp-download-container-headline-font-style: var(--oev-font-style-link);
  --oev-comp-download-container-headline-font-color: var(--oev-color-secondary-default);
  --oev-comp-download-container-headline-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-download-container-subheadline-font-style: var(--oev-font-style-body);
  --oev-comp-download-container-subheadline-font-color: var(--oev-color-font-body-default);
  --oev-comp-elements-layout-read-more-button-border-spacing-top-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-elements-layout-read-more-button-border-spacing-top-s-sl: var(--oev-sys-spacing-l);
  --oev-comp-elements-layout-read-more-button-border-spacing-top-xs: var(--oev-sys-spacing-m);
  --oev-comp-employee-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-employee-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-employee-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-employee-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-employee-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-employee-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-employee-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-employee-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-employee-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-employee-card-header-image-size: var(--oev-ref-size-160);
  --oev-comp-employee-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-employee-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-employee-card-header-text-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-employee-card-header-text-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-employee-card-header-text-subline-font-style: var(--oev-font-style-link);
  --oev-comp-employee-card-header-text-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-header-text-description-font-style: var(--oev-font-style-body);
  --oev-comp-employee-card-header-text-description-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-header-text-qualifications-font-style: var(--oev-font-style-body);
  --oev-comp-employee-card-header-text-qualifications-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-contact-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-employee-card-contact-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-employee-card-language-group-headline-font-style: var(--oev-font-style-label);
  --oev-comp-employee-card-language-group-headline-font-color: var(--oev-color-font-label);
  --oev-comp-filter-chip-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-filter-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-filter-spacing-sl-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-flyout-background-color: var(--oev-color-background-17);
  --oev-comp-flyout-elevation-level: var(--oev-sys-elevation-level-2);
  --oev-comp-flyout-content-optional-inner-spacing: var(--oev-sys-spacing-m);
  --oev-comp-flyout-xs-s-border-radius: var(--oev-ref-radius-none);
  --oev-comp-flyout-sl-xl-border-radius: var(--oev-ref-radius-s);
  --oev-comp-flyout-arrow-height: var(--oev-ref-size-08);
  --oev-comp-flyout-arrow-width: var(--oev-ref-size-16);
  --oev-comp-flyout-close-icon-variant: "primary";
  --oev-comp-flyout-close-icon-size: "m";
  --oev-comp-flyout-m-xl-width: 384px;
  --oev-comp-footer-color-background: var(--oev-color-background-01);
  --oev-comp-footer-max-width: 84rem;
  --oev-comp-footer-content-margin-top: var(--oev-sys-spacing-none);
  --oev-comp-footer-link-color-default: var(--oev-color-font-body-default);
  --oev-comp-footer-link-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-footer-link-color-active: var(--oev-color-secondary-active);
  --oev-comp-footer-link-color-visited: var(--oev-color-font-body-default);
  --oev-comp-footer-link-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-footer-top-section-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-footer-top-section-spacing-top-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-footer-top-section-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-footer-top-section-spacing-bottom-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-footer-top-section-border-top: 0.063rem solid transparent;
  --oev-comp-footer-top-section-border-top-xs-s: 0.063rem solid transparent;
  --oev-comp-footer-top-section-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-top-section-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-top-section-headline-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-top-section-link-font: var(--oev-font-style-link);
  --oev-comp-footer-top-section-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-top-section-link-spacing: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-body-spacing-link: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-body-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-footer-accordion-body-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-body-spacing-bottom-xs-s: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-border-bottom: 0.063rem solid rgba(255, 255, 255, .3);
  --oev-comp-footer-accordion-header-font: var(--oev-font-style-h6);
  --oev-comp-footer-accordion-header-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-accordion-link-font: var(--oev-font-style-link);
  --oev-comp-footer-accordion-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-bottom-section-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-top-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-bottom-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-border-top: 0.063rem solid transparent;
  --oev-comp-footer-bottom-section-link-font: var(--oev-font-style-link-small);
  --oev-comp-footer-bottom-section-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-bottom-section-link-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-footer-bottom-section-copyright-font: var(--oev-font-style-body-small);
  --oev-comp-footer-bottom-section-content-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-bottom-section-content-spacing-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-footer-bottom-section-container-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-seals-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-seals-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-seals-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-footer-seals-visual-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-social-media-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-social-media-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-social-media-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-footer-social-media-disclaimer-font: var(--oev-font-style-caption);
  --oev-comp-footer-social-media-disclaimer-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-footer-social-media-icon-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-copyright-link-color: var(--oev-color-font-body-default);
  --oev-comp-google-card-border-radius: var(--oev-ref-radius-l);
  --oev-comp-google-rating-horizontal-font-color: var(--oev-color-font-body-small);
  --oev-comp-google-rating-horizontal-font-style: var(--oev-font-style-body-small);
  --oev-comp-google-rating-horizontal-gap: var(--oev-sys-spacing-xs);
  --oev-comp-google-rating-horizontal-logo-size: var(--oev-ref-size-24);
  --oev-comp-google-rating-horizontal-star-size: var(--oev-ref-size-16);
  --oev-comp-google-rating-vertical-font-color: var(--oev-color-font-body-default);
  --oev-comp-google-rating-vertical-font-style: var(--oev-font-style-body);
  --oev-comp-google-rating-vertical-gap: var(--oev-sys-spacing-xxs);
  --oev-comp-google-rating-vertical-logo-size: var(--oev-ref-size-40);
  --oev-comp-google-rating-vertical-star-size: var(--oev-ref-size-24);
  --oev-comp-greeting-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-greeting-headline-font-style: var(--oev-font-style-h3);
  --oev-comp-greeting-signature-font-color: var(--oev-color-font-calligraphy);
  --oev-comp-greeting-signature-font-style: var(--oev-font-style-signature);
  --oev-comp-greeting-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-greeting-body-font-style: var(--oev-font-style-body);
  --oev-comp-greeting-caption-font-color: var(--oev-color-font-caption);
  --oev-comp-greeting-caption-font-style: var(--oev-font-style-caption);
  --oev-comp-greeting-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-greeting-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-greeting-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-greeting-gap-spacing-headline-body: var(--oev-sys-spacing-m);
  --oev-comp-greeting-gap-spacing-signature-caption: var(--oev-sys-spacing-xs);
  --oev-comp-grid-size-small-landscape: 72.5rem;
  --oev-comp-grid-size-medium: 72.5rem;
  --oev-comp-grid-size-large: 84rem;
  --oev-comp-grid-size-xl: 84rem;
  --oev-comp-grid-size-medium-horizontal-margin: auto;
  --oev-comp-grid-responsive-spacing-top-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-grid-responsive-gap: var(--oev-sys-spacing-m);
  --oev-comp-grid-container-card-view-border-color: var(--oev-color-transparent);
  --oev-comp-grid-container-card-view-border-width: var(--oev-ref-size-00);
  --oev-comp-grid-container-card-view-border-radius: var(--oev-ref-radius-l);
  --oev-comp-grid-container-card-view-box-background: var(--oev-color-background-17);
  --oev-comp-grid-container-card-view-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-grid-container-card-view-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-grid-container-card-view-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-border-left-position: var(--oev-ref-size-00);
  --oev-comp-header-nav-border-width: 100%;
  --oev-comp-header-nav-header-burger-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-header-nav-header-logo-max-width: var(--oev-ref-size-140);
  --oev-comp-header-nav-header-logo-height-sl-xs: var(--oev-ref-size-48);
  --oev-comp-header-nav-header-logo-height-m-xl: var(--oev-ref-size-80);
  --oev-comp-header-nav-header-logo-space-top: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-left: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-align: var(--oev-ref-align-center);
  --oev-comp-header-nav-header-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-header-spacing-vertical: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-header-xl-m-spacing-horizontal: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-header-sl-xs-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-height: var(--oev-ref-size-104);
  --oev-comp-header-nav-header-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-sl-xs-height: var(--oev-ref-size-72);
  --oev-comp-header-nav-header-sl-xs-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-xl-m-height: var(--oev-ref-size-96);
  --oev-comp-header-nav-header-xl-m-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-utility-link-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-header-nav-header-utility-link-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-header-utility-link-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-header-utility-link-icon-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-header-utility-link-textinput-height: var(--oev-ref-size-24);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-height: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-utility-link-textinput-placeholder-font-color-default: var(--oev-color-font-placeholder);
  --oev-comp-header-nav-header-utility-link-textinput-placeholder-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-header-nav-header-utility-link-textinput-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-horizontal: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-left: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-header-nav-header-utility-link-textinput-icon-spacing-horizontal: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-advisor-max-width: 200px;
  --oev-comp-header-nav-header-utility-link-advisor-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-radius: var(--oev-ref-radius-xl);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-size: var(--oev-ref-size-02);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-header-utility-link-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-header-utility-link-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-header-utility-link-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-header-utility-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-header-utility-link-spacing: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-header-utility-link-divider-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-bar-background-color: var(--oev-color-action-white);
  --oev-comp-header-nav-header-sl-xs-utility-bar-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-sl-xs-utility-bar-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-divider-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-border-bottom-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-placeholder-font-color-default: var(--oev-color-font-placeholder);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-placeholder-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-nav-element-border-radius: var(--oev-ref-size-06);
  --oev-comp-header-nav-header-color-outline-focused: var(--oev-color-focus-visible-outline);
  --oev-comp-header-nav-header-top-color-outline: var(--oev-color-focus-visible-outline);
  --oev-comp-header-nav-bar-background-color: var(--oev-color-background-01);
  --oev-comp-header-nav-bar-box-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-header-nav-bar-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-bar-border-bottom-size: var(--oev-ref-size-00);
  --oev-comp-header-nav-bar-height: var(--oev-ref-size-64);
  --oev-comp-header-nav-bar-nav-link-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-header-nav-bar-nav-link-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-bar-nav-link-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-bar-nav-link-icon-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-bar-nav-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-bar-nav-link-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-bar-nav-link-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-bar-nav-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-bar-nav-link-spacing: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-bar-nav-link-padding-horizontal: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-bar-nav-link-border-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-bar-nav-link-border-size-selected-sl-xs: var(--oev-ref-size-06);
  --oev-comp-header-nav-bar-nav-link-border-size-selected-xl-m: var(--oev-ref-size-06);
  --oev-comp-header-nav-bar-nav-link-border-offset-bottom: -7px;
  --oev-comp-header-nav-bar-nav-link-selected-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-selected-border-bottom-size: var(--oev-ref-size-02);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-font-style: var(--oev-font-style-link-medium);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-selected: var(--oev-color-secondary-active);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-hover: var(--oev-color-background-15);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-selected: var(--oev-color-background-15);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-header-nav-flyout-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-header-nav-flyout-menu-level-2-border-left-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-menu-level-2-border-left-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-menu-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-background-color-depth-2: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-background-color-depth-3: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-headline-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-header-nav-flyout-menu-headline-font-color: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-headline-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-flyout-menu-headline-spacing-offset-left: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-flyout-menu-headline-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-menu-headline-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-background-color-hover: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-menu-headline-link-background-color-active: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-menu-link-font-style: var(--oev-font-style-link-medium);
  --oev-comp-header-nav-flyout-menu-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-link-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-flyout-menu-link-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-flyout-menu-link-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-link-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-link-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-flyout-menu-link-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-flyout-menu-link-icon-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-link-background-color-hover: var(--oev-color-background-01);
  --oev-comp-header-nav-flyout-menu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-menu-link-background-color-selected: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-top: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-flyout-menu-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-submenu-link-background-color-default: var(--oev-color-background-01);
  --oev-comp-header-nav-flyout-menu-submenu-link-background-color-hover: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-submenu-border-left-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-submenu-border-left-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-submenu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-color-hover: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-link-background-color-active: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-link-background-color-selected: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-link-background-color-selected-level-3: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-default: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-hover: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-active: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-selected: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-with-background-background-color: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-font-style: var(--oev-font-style-body);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-vertical: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-left-level-2: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-left-level-3: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-item-min-height: var(--oev-ref-size-56);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-1-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-2-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-3-background-color: var(--oev-color-background-14);
  --oev-comp-header-nav-flyout-xl-m-menu-link-font-weight: var(--oev-font-weight-default);
  --oev-comp-header-nav-flyout-xl-m-menu-link-style: var(--oev-font-style-link-medium);
  --oev-comp-header-nav-flyout-xl-m-menu-link-min-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-flyout-xl-m-menu-item-min-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-flyout-xl-m-menu-headline-min-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-offset-left: var(--oev-sys-spacing-none);
  --oev-comp-suggest-menu-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-suggest-menu-headline-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-headline-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-suggest-menu-headline-color-default: var(--oev-color-gray-default);
  --oev-comp-suggest-menu-headline-background-color-default: var(--oev-color-background-01);
  --oev-comp-suggest-menu-headline-font-style: var(--oev-font-style-body);
  --oev-comp-suggest-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-suggest-menu-link-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-link-color-default: var(--oev-color-gray-default);
  --oev-comp-suggest-menu-link-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-suggest-menu-link-color-active: var(--oev-color-secondary-active);
  --oev-comp-suggest-menu-link-color-selected: var(--oev-color-secondary-default);
  --oev-comp-suggest-menu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-suggest-menu-link-background-color-hover: var(--oev-color-background-01);
  --oev-comp-suggest-menu-link-background-color-active: var(--oev-color-background-02);
  --oev-comp-suggest-menu-link-background-color-selected: var(--oev-color-background-02);
  --oev-comp-suggest-menu-link-font-style: var(--oev-font-style-link);
  --oev-comp-suggest-menu-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-headline-font-style-subheadline: var(--oev-font-style-subtitle-1);
  --oev-comp-headline-font-style-headline-1: var(--oev-font-style-h1);
  --oev-comp-headline-font-style-headline-2: var(--oev-font-style-h2);
  --oev-comp-headline-font-style-headline-3: var(--oev-font-style-h6);
  --oev-comp-headline-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-headline-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-headline-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-headline-subheadline-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-headline-subheadline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-headline-header-spacing-bottom: var(--oev-ref-spacing-08);
  --oev-comp-here-map-pin-icon-color-active: var(--oev-color-action-white);
  --oev-comp-here-map-pin-background-color-default: var(--oev-color-action-white);
  --oev-comp-here-map-pin-01-icon-color-default: var(--oev-color-secondary-700);
  --oev-comp-here-map-pin-01-background-color-active: var(--oev-color-secondary-700);
  --oev-comp-here-map-pin-02-icon-color-default: var(--oev-color-secondary-700);
  --oev-comp-here-map-pin-02-background-color-active: var(--oev-color-secondary-700);
  --oev-comp-here-map-boundingbox-background-color: rgba(0, 0, 0, .1);
  --oev-comp-here-map-boundingbox-border-color: rgba(0, 0, 0, .2);
  --oev-comp-here-map-boundingbox-border-width: var(--oev-ref-size-02);
  --oev-comp-here-map-advisor-card-pointer-width: var(--oev-ref-size-16);
  --oev-comp-here-map-advisor-card-pointer-height: var(--oev-ref-size-08);
  --oev-comp-here-map-advisor-card-width: 336px;
  --oev-comp-here-map-advisor-card-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-here-map-infobox-spacing: var(--oev-sys-spacing-m);
  --oev-comp-here-map-infobox-gap: var(--oev-sys-spacing-m);
  --oev-comp-here-map-infobox-background-color: var(--oev-color-background-01);
  --oev-comp-here-map-infobox-border-radius: 0;
  --oev-comp-here-map-infobox-icon-size: var(--oev-ref-size-20);
  --oev-comp-here-map-infobox-font-style: var(--oev-font-style-body-small);
  --oev-comp-here-map-infobox-font-color: var(--oev-color-font-body-small);
  --oev-comp-hero-image-carousel-header-background-color: var(--oev-color-background-08);
  --oev-comp-hero-image-carousel-header-layout-max-width-above-sl: 1240px;
  --oev-comp-hero-image-carousel-header-layout-media-width-above-sl: 664px;
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-header-layout-content-intro-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-hero-image-carousel-header-layout-content-intro-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-hero-image-carousel-header-layout-content-list-item-font-color: var(--oev-color-font-body-default);
  --oev-comp-hero-image-carousel-header-layout-content-list-item-icon-color: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-list-item-spacing-vertical: var(--oev-sys-spacing-xs);
  --oev-comp-hero-image-carousel-header-layout-content-opening-hours-status-indicator-font-color: var(--oev-color-font-body-default);
  --oev-comp-hero-image-carousel-header-layout-content-opening-hours-status-indicator-font-style: var(--oev-font-style-body);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-default: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-hover: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-active: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-focus: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-disabled: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-default: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-hover: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-active: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-focus: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-disabled: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-footer-background-color: var(--oev-color-background-09);
  --oev-comp-hero-image-width: 90rem;
  --oev-comp-hero-card-border-radius: var(--oev-ref-radius-l);
  --oev-comp-hero-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-hero-card-elevation: var(--oev-sys-elevation-level-2);
  --oev-comp-hero-card-color-background: var(--oev-color-background-02);
  --oev-comp-hero-card-headline-color: var(--oev-color-font-subtitle-1);
  --oev-comp-hero-card-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-hero-card-headline-font-weight: var(--oev-font-weight-h6);
  --oev-comp-hero-card-headline-font-size-l-xl: var(--oev-font-size-h6);
  --oev-comp-hero-card-headline-variant-font-weight: var(--oev-font-weight-h1);
  --oev-comp-hero-card-headline-variant-font-size-l-xl: var(--oev-font-size-h1);
  --oev-comp-hero-card-subheadline-color: var(--oev-color-font-h1);
  --oev-comp-hero-card-subheadline-font-style: var(--oev-font-style-h1);
  --oev-comp-hero-card-subtitle-font-weight: var(--oev-font-weight-bold);
  --oev-comp-hero-card-body-font-style: var(--oev-font-style-body);
  --oev-comp-icon-color-token: var(--oev-color-secondary-default);
  --oev-comp-icon-size-20: var(--oev-ref-size-20);
  --oev-comp-icon-size-40: var(--oev-ref-size-40);
  --oev-comp-icon-size-x-small: var(--oev-ref-size-12);
  --oev-comp-icon-size-small: var(--oev-ref-size-16);
  --oev-comp-icon-size-medium: var(--oev-ref-size-24);
  --oev-comp-icon-size-large: var(--oev-ref-size-32);
  --oev-comp-icon-size-x-large: var(--oev-ref-size-48);
  --oev-comp-icon-size-xx-large: var(--oev-ref-size-64);
  --oev-comp-icon-size-default: var(--oev-comp-icon-size-medium);
  --oev-icon-check-filled: "\ebbd";
  --oev-icon-remove-filled: "\f4ae";
  --oev-icon-info-outlined: "\f03f";
  --oev-icon-close-filled: "\ebdf";
  --oev-icon-arrow-downward-filled: "\ea11";
  --oev-icon-arrow-back-filled: "\ea03";
  --oev-icon-arrow-forward-filled: "\ea19";
  --oev-icon-arrow-upward-filled: "\ea23";
  --oev-icon-calendar-today-filled: "\eb45";
  --oev-icon-chevron-down-filled: "\f095";
  --oev-icon-chevron-left-filled: "\ebc5";
  --oev-icon-chevron-left-outlined: "\ebc6";
  --oev-icon-chevron-right-filled: "\f099";
  --oev-icon-chevron-right-outlined: "\ebc8";
  --oev-icon-chevron-right: "\ebc7";
  --oev-icon-chevron-up-filled: "\f09b";
  --oev-icon-arrow-back-ios-filled: "\ea04";
  --oev-icon-arrow-forward-ios-filled: "\ea1a";
  --oev-icon-expand-more-filled: "\ee01";
  --oev-icon-expand-more-outlined: "\ee02";
  --oev-icon-expand-less-filled: "\edff";
  --oev-icon-calendar-outlined: "\edf5";
  --oev-icon-check-outlined: "\ebbe";
  --oev-icon-clear-outlined: "\ebde";
  --oev-icon-hamburger-filled: "\f1cf";
  --oev-icon-question-mark-filled: "\f464";
  --oev-icon-download-filled: "\ed63";
  --oev-icon-insert-drive-file-outlined: "\f049";
  --oev-icon-file-download-outlined: "\ee54";
  --oev-icon-file-filled: "\f048";
  --oev-icon-open-in-new-outlined: "\f309";
  --oev-icon-search-filled: "\f568";
  --oev-icon-search-outlined: "\f56b";
  --oev-icon-person-filled: "\f382";
  --oev-icon-person-outlined: "\f387";
  --oev-icon-location-on-outlined: "\f160";
  --oev-icon-location-pin-filled: "\f161";
  --oev-icon-info-filled: "\f03d";
  --oev-icon-info: "\f03f";
  --oev-icon-edit-location-outlined: "\ed9c";
  --oev-icon-mylocation-filled: "\f269";
  --oev-icon-mylocation-outlined: "\f26a";
  --oev-icon-task-alt-black-filled: "\f775";
  --oev-icon-phone-outlined: "\f146";
  --oev-icon-mobile-phone-outlined: "\f639";
  --oev-icon-video-with-person: "\f863";
  --oev-icon-email-outlined: "\edc1";
  --oev-icon-whatsapp-outlined: "\f8fd";
  --oev-icon-facebook: "\f94b";
  --oev-icon-instagram: "\f94c";
  --oev-icon-xing: "\f953";
  --oev-icon-twitter: "\f951";
  --oev-icon-x: "\f951";
  --oev-icon-linkedin: "\f94e";
  --oev-icon-youtube: "\f954";
  --oev-icon-tiktok: "\f7b7";
  --oev-icon-cancel-outlined: "\eb74";
  --oev-icon-exclamation-mark-outline: "\ede1";
  --oev-icon-upload-arrow: "\ee5a";
  --oev-icon-upload-cloud: "\ebf8";
  --oev-icon-trashcan: "\ecbc";
  --oev-icon-warning-outlined: "\f8c5";
  --oev-icon-awesome-outlined: "\ea59";
  --oev-icon-like-outlined: "\ee2f";
  --oev-icon-share-outlined: "\f5c9";
  --oev-icon-bell-outlined: "\f2e9";
  --oev-icon-remove-red-eye-filled: "\f4b4";
  --oev-icon-remove-red-eye-outlined: "\f4b5";
  --oev-icon-home-outlined: "\eff4";
  --oev-icon-home-filled: "\efee";
  --oev-icon-home-filled-2: "\efef";
  --oev-icon-arrow-right-outlined: "\ea22";
  --oev-icon-language-outlined: "\f0d1";
  --oev-icon-number-0: "\fa3a";
  --oev-icon-number-1: "\fa3b";
  --oev-icon-number-2: "\fa3c";
  --oev-icon-number-3: "\fa3d";
  --oev-icon-number-4: "\fa3e";
  --oev-icon-number-5: "\fa3f";
  --oev-icon-number-6: "\fa40";
  --oev-icon-number-7: "\fa41";
  --oev-icon-number-8: "\fa42";
  --oev-icon-number-9: "\fa43";
  --oev-icon-play-filled: "\f3f8";
  --oev-icon-pause-filled: "\f350";
  --oev-icon-list-default: var(--oev-icon-check-outlined);
  --oev-icon-pause-circle-outlined: "\f34f";
  --oev-icon-placeholder: var(--oev-icon-search-outlined);
  --oev-icon-placeholder-1: var(--oev-icon-placeholder);
  --oev-icon-placeholder-2: var(--oev-icon-person-outlined);
  --oev-icon-placeholder-3: var(--oev-icon-mylocation-outlined);
  --oev-icon-play-circle-outlined: "\f3ff";
  --oev-icon-location-outlined: var(--oev-icon-location-on-outlined);
  --oev-icon-active-placeholder: var(--oev-icon-search-filled);
  --oev-icon-active-placeholder-1: var(--oev-icon-active-placeholder);
  --oev-icon-active-placeholder-2: var(--oev-icon-person-filled);
  --oev-icon-active-placeholder-3: var(--oev-icon-mylocation-outlined);
  --oev-icon-active-location-outlined: var(--oev-icon-location-pin-filled);
  --oev-icon-comp-tooltip-label: var(--oev-icon-info-filled);
  --oev-icon-comp-datepicker-field: var(--oev-icon-calendar-today-filled);
  --oev-icon-comp-datepicker-picker-arrow-left: var(--oev-icon-chevron-left-outlined);
  --oev-icon-comp-datepicker-picker-arrow-right: var(--oev-icon-chevron-right-outlined);
  --oev-icon-comp-datepicker-expand-arrow: var(--oev-icon-expand-more-outlined);
  --oev-icon-comp-datepicker-calendar: var(--oev-icon-calendar-outlined);
  --oev-icon-comp-dropdown-arrow: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-textinput-error-x: var(--oev-icon-close-filled);
  --oev-icon-comp-textinput-success: var(--oev-icon-check-filled);
  --oev-icon-comp-checkbox-check: var(--oev-icon-check-filled);
  --oev-icon-comp-dropdown-success: var(--oev-icon-check-filled);
  --oev-icon-comp-dropdown-error: var(--oev-icon-close-filled);
  --oev-icon-comp-dropdown-close-result: var(--oev-icon-close-filled);
  --oev-icon-comp-dropdown-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tarifanzeige-open: var(--oev-icon-info-filled);
  --oev-icon-comp-tarifanzeige-close: var(--oev-icon-close-filled);
  --oev-icon-comp-tarifanzeige-service-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tarifanzeige-secondary-text-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-tarifanzeige-secondary-text-close: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-menu-hamburger: var(--oev-icon-hamburger-filled);
  --oev-icon-comp-menu-close: var(--oev-icon-close-filled);
  --oev-icon-comp-menu-accordion-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-menu-accordion-closed: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-menu-crosslink: var(--oev-icon-arrow-forward-filled);
  --oev-icon-comp-slider-prev: var(--oev-icon-chevron-left-filled);
  --oev-icon-comp-slider-next: var(--oev-icon-chevron-right-filled);
  --oev-icon-comp-accordion-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-accordion-closed: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-download: var(--oev-icon-file-download-outlined);
  --oev-icon-comp-download-file: var(--oev-icon-insert-drive-file-outlined);
  --oev-icon-comp-open-file: var(--oev-icon-file-download-outlined);
  --oev-icon-comp-download-cancel: var(--oev-icon-close-filled);
  --oev-icon-comp-flipcard-arrow-right: var(--oev-icon-chevron-right-filled);
  --oev-icon-comp-link-arrow-right: var(--oev-icon-chevron-right-outlined);
  --oev-icon-comp-read-more-arrow-down: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-interaction-like: var(--oev-icon-like-outlined);
  --oev-icon-comp-interaction-share: var(--oev-icon-share-outlined);
  --oev-icon-comp-bell: var(--oev-icon-bell-outlined);
  --oev-icon-comp-nested-header-back: var(--oev-icon-arrow-back-ios-filled);
  --oev-icon-comp-upload-error: var(--oev-icon-exclamation-mark-outline);
  --oev-icon-comp-upload-arrow: var(--oev-icon-upload-arrow);
  --oev-icon-comp-upload-cloud: var(--oev-icon-upload-cloud);
  --oev-icon-comp-upload-trash: var(--oev-icon-trashcan);
  --oev-icon-comp-tariff-comparison-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tariff-comparison-remove: var(--oev-icon-remove-filled);
  --oev-icon-comp-tooltip-icon: var(--oev-icon-info-outlined);
  --oev-icon-comp-password-icon-show: var(--oev-icon-remove-red-eye-filled);
  --oev-icon-comp-password-icon-hide: var(--oev-icon-remove-red-eye-outlined);
  --oev-icon-comp-agency-search-input-clear: var(--oev-icon-close-filled);
  --oev-comp-info-box-headline-font-size: var(--oev-font-size-h2);
  --oev-comp-info-box-headline-font-weight: var(--oev-font-weight-h2);
  --oev-comp-info-box-headline-line-height: var(--oev-line-height-default);
  --oev-comp-info-box-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-info-box-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-info-box-background-color: var(--oev-color-background-01);
  --oev-comp-info-box-icon-color: var(--oev-color-secondary-default);
  --oev-comp-info-box-border-radius: var(--oev-ref-radius-l);
  --oev-comp-info-box-spacing: var(--oev-sys-spacing-l);
  --oev-comp-interactive-tooltip-container-background-color-default: var(--oev-color-custom-01);
  --oev-comp-interactive-tooltip-container-headline-font-style: var(--oev-font-style-h3);
  --oev-comp-interactive-tooltip-container-headline-font-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-container-content-font-style: var(--oev-font-style-body);
  --oev-comp-interactive-tooltip-container-content-font-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-container-spacing-left-right: var(--oev-sys-spacing-xl-2);
  --oev-comp-interactive-tooltip-container-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-interactive-tooltip-outline-container-background-color-default: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-outline-container-font-color: var(--oev-color-font-body-default);
  --oev-comp-interactive-tooltip-accordion-background-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-accordion-header-font-style: var(--oev-font-style-link);
  --oev-comp-interactive-tooltip-accordion-header-font-color: var(--oev-color-font-link);
  --oev-comp-interactive-tooltip-accordion-header-font-weight: var(--oev-font-weight-link);
  --oev-comp-interactive-tooltip-accordion-header-icon-color: var(--oev-color-font-link);
  --oev-comp-interactive-tooltip-accordion-header-open-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-interactive-tooltip-accordion-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-interactive-tooltip-accordion-spacing-left-right: var(--oev-sys-spacing-xl-2);
  --oev-comp-interactive-tooltip-outline-accordion-background-color: var(--oev-color-gray-100);
  --oev-comp-interactive-tooltip-icon-color: var(--oev-color-gray-default);
  --oev-comp-interactive-tooltip-border-radius: var(--oev-ref-radius-none);
  --oev-comp-job-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-job-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-job-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-job-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-job-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-job-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-job-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-job-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-job-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-job-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-job-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-job-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-job-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-job-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-job-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-job-card-header-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-job-card-header-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-job-card-job-offers-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-job-card-job-offers-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-job-card-job-offers-indented-spacing: var(--oev-sys-spacing-m);
  --oev-comp-job-card-job-offers-gap: var(--oev-sys-spacing-l);
  --oev-comp-language-group-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-language-flag-4to3-border-radius: var(--oev-ref-radius-02);
  --oev-comp-level-navigation-button-outlined-background-color: var(--oev-color-background-17);
  --oev-comp-level-navigation-headline-1-font-style: var(--oev-font-style-h3);
  --oev-comp-level-navigation-headline-2-font-style: var(--oev-font-style-h5);
  --oev-comp-level-navigation-level-1-background-color: var(--oev-color-background-17);
  --oev-comp-level-navigation-level-1-headline-spacing-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-1-button-size: var(--oev-ref-size-96);
  --oev-comp-level-navigation-level-1-button-label-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-1-button-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-level-navigation-level-1-button-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-level-navigation-level-1-spacing-top-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-1-spacing-top-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-1-spacing-bottom-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-1-spacing-bottom-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-background-color: var(--oev-color-background-02);
  --oev-comp-level-navigation-level-2-headline-spacing-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-button-size: var(--oev-ref-size-64);
  --oev-comp-level-navigation-level-2-button-label-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-level-navigation-level-2-button-icon-size-default: var(--oev-ref-size-24);
  --oev-comp-level-navigation-level-2-button-icon-size-active: var(--oev-ref-size-40);
  --oev-comp-level-navigation-level-2-spacing-top-sl-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-spacing-top-m-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-level-navigation-level-2-spacing-bottom-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-2-spacing-bottom-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-background-color: var(--oev-color-gray-50);
  --oev-comp-level-navigation-level-3-headline-spacing-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-button-size: var(--oev-ref-size-64);
  --oev-comp-level-navigation-level-3-button-label-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-level-navigation-level-3-button-icon-size-default: var(--oev-ref-size-24);
  --oev-comp-level-navigation-level-3-button-icon-size-active: var(--oev-ref-size-40);
  --oev-comp-level-navigation-level-3-spacing-top-sl-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-spacing-top-m-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-level-navigation-level-3-spacing-bottom-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-3-spacing-bottom-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-link-circle-icon-font-color-default: var(--oev-color-secondary-700);
  --oev-comp-link-circle-icon-font-color-hover: var(--oev-color-secondary-900);
  --oev-comp-link-circle-icon-font-color-focus: var(--oev-color-secondary-900);
  --oev-comp-link-circle-icon-font-color-active: var(--oev-color-secondary-800);
  --oev-comp-link-circle-icon-font-color-disabled: var(--oev-color-gray-700);
  --oev-comp-link-circle-icon-icon-color-default: var(--oev-color-secondary-700);
  --oev-comp-link-circle-icon-icon-color-hover: var(--oev-color-action-white);
  --oev-comp-link-circle-icon-icon-color-focus: var(--oev-color-action-white);
  --oev-comp-link-circle-icon-icon-color-active: var(--oev-color-secondary-800);
  --oev-comp-link-circle-icon-icon-color-disabled: var(--oev-color-gray-700);
  --oev-comp-link-circle-icon-background-color-default: var(--oev-color-custom-01);
  --oev-comp-link-circle-icon-background-color-hover: var(--oev-color-secondary-900);
  --oev-comp-link-circle-icon-background-color-focus: var(--oev-color-secondary-900);
  --oev-comp-link-circle-icon-background-color-active: var(--oev-color-custom-01);
  --oev-comp-link-circle-icon-background-color-disabled: var(--oev-color-custom-01);
  --oev-comp-link-cancellation-background-color-default: none;
  --oev-comp-link-cancellation-background-color-hover: none;
  --oev-comp-link-cancellation-background-color-focus: none;
  --oev-comp-link-cancellation-background-color-pressed: none;
  --oev-comp-link-cancellation-height-size: auto;
  --oev-comp-link-cancellation-radius-size: var(--oev-ref-radius-s);
  --oev-comp-link-cancellation-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-link-cancellation-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-link-cancellation-font-color-focus: var(--oev-color-secondary-default);
  --oev-comp-link-cancellation-font-color-pressed: var(--oev-color-secondary-active);
  --oev-comp-link-cancellation-padding-size: var(--oev-ref-size-00);
  --oev-comp-link-cancellation-outlined-background-color-default: var(--oev-comp-link-cancellation-background-color-default);
  --oev-comp-link-cancellation-outlined-background-color-hover: var(--oev-comp-link-cancellation-background-color-hover);
  --oev-comp-link-cancellation-outlined-background-color-focus: var(--oev-comp-link-cancellation-background-color-focus);
  --oev-comp-link-cancellation-outlined-background-color-pressed: var(--oev-comp-link-cancellation-background-color-pressed);
  --oev-comp-link-cancellation-outlined-font-color-default: var(--oev-comp-link-cancellation-font-color-default);
  --oev-comp-link-cancellation-outlined-font-color-hover: var(--oev-comp-link-cancellation-font-color-hover);
  --oev-comp-link-cancellation-outlined-font-color-focus: var(--oev-comp-link-cancellation-font-color-focus);
  --oev-comp-link-cancellation-outlined-font-color-pressed: var(--oev-comp-link-cancellation-font-color-pressed);
  --oev-comp-link-cancellation-outlined-border-color-default: none;
  --oev-comp-link-cancellation-outlined-border-color-hover: none;
  --oev-comp-link-cancellation-outlined-border-color-focus: none;
  --oev-comp-link-cancellation-outlined-border-color-pressed: none;
  --oev-comp-link-cancellation-outlined-border-width: var(--oev-ref-size-00);
  --oev-comp-link-cancellation-outlined-border-radius: var(--oev-ref-radius-s);
  --oev-comp-link-cancellation-outlined-border-style: solid;
  --oev-comp-link-cancellation-outlined-text-decoration: underline;
  --oev-comp-link-cancellation-outlined-padding-size: var(--oev-ref-size-04);
  --oev-comp-link-cancellation-outlined-height-size: var(--oev-ref-size-20);
  --oev-comp-link-cancellation-outlined-radius: var(--oev-ref-radius-s);
  --oev-comp-list-item-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-list-item-body-font-style: var(--oev-font-style-body);
  --oev-comp-list-item-icon-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-list-item-spacing-vertical: var(--oev-sys-spacing-m);
  --oev-comp-list-background-color-hover: var(--oev-color-transparent);
  --oev-comp-list-bullet-margin-right: 0.375rem;
  --oev-comp-list-bullet-margin-left: -0.8rem;
  --oev-comp-list-bullet-font-size: 0.75rem;
  --oev-comp-list-figure-margin-right: 0.188rem;
  --oev-comp-list-figure-margin-left: -1.063rem;
  --oev-comp-loading-indicators-bar-color: var(--oev-color-primary-default);
  --oev-comp-loading-indicators-bar-background-color: var(--oev-color-background-white);
  --oev-comp-loading-indicators-bar-height: var(--oev-ref-size-06);
  --oev-comp-loading-indicators-bar-border-radius: var(--oev-ref-radius-l);
  --oev-comp-loading-indicators-ring-color: var(--oev-color-primary-default);
  --oev-comp-loading-indicators-spinner-color: var(--oev-color-primary-default);
  --oev-comp-nav-meta-background-color: var(--oev-color-action-white);
  --oev-comp-nav-meta-height-xs-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-nav-meta-separator-color: var(--oev-color-gray-500);
  --oev-comp-nav-meta-separator-height: var(--oev-ref-size-12);
  --oev-comp-nav-meta-font-style-selected: var(--oev-font-style-link-medium);
  --oev-comp-nav-meta-font-style-inactive: var(--oev-font-style-body-small);
  --oev-comp-nav-meta-spacing-horizontal: var(--oev-sys-spacing-l);
  --oev-comp-nav-meta-font-color-selected-default: var(--oev-color-gray-default);
  --oev-comp-nav-meta-font-color-selected-hover: var(--oev-color-secondary-hover);
  --oev-comp-nav-meta-font-color-selected-focus: var(--oev-color-secondary-hover);
  --oev-comp-nav-meta-font-color-inactive-default: var(--oev-color-gray-default);
  --oev-comp-nav-meta-font-color-inactive-hover: var(--oev-color-secondary-hover);
  --oev-comp-nav-meta-font-color-inactive-focus: var(--oev-color-secondary-hover);
  --oev-comp-nav-meta-text-decoration-selected: underline;
  --oev-comp-nav-meta-underline-color-selected-default: var(--oev-color-secondary-default);
  --oev-comp-nav-meta-underline-color-selected-hover: var(--oev-color-secondary-hover);
  --oev-comp-nav-meta-underline-color-selected-focus: var(--oev-color-secondary-hover);
  --oev-comp-nav-meta-underline-width: var(--oev-ref-size-02);
  --oev-comp-nav-meta-underline-offset: var(--oev-ref-size-03);
  --oev-comp-opening-hours-table-background-color: var(--oev-color-background-01);
  --oev-comp-opening-hours-table-border-radius: var(--oev-ref-radius-m);
  --oev-comp-opening-hours-table-padding: var(--oev-sys-spacing-m);
  --oev-comp-progress-tabs-border-bottom-color-current: var(--oev-color-secondary-default);
  --oev-comp-progress-tabs-border-bottom-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-progress-tabs-border-bottom-color-active: var(--oev-color-secondary-active);
  --oev-comp-progress-tabs-border-bottom-color-previous: var(--oev-color-secondary-visited);
  --oev-comp-progress-tabs-border-bottom-color-next: var(--oev-color-gray-600);
  --oev-comp-progress-tabs-current-triangle-width: var(--oev-ref-size-16);
  --oev-comp-progress-tabs-current-triangle-height: var(--oev-ref-size-08);
  --oev-comp-progress-tabs-font-color-current: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-hover: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-focus: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-previous: var(--oev-color-secondary-visited);
  --oev-comp-progress-tabs-font-color-next: var(--oev-color-gray-600);
  --oev-comp-progress-tabs-font-spacing-bottom-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-progress-tabs-font-spacing-bottom-m-xl: var(--oev-sys-spacing-s);
  --oev-comp-progress-tabs-font-spacing-sides-xs-s: var(--oev-sys-spacing-xxs);
  --oev-comp-progress-tabs-font-spacing-sides-m-xl: var(--oev-sys-spacing-xs);
  --oev-comp-progress-tabs-font-style-xs-s: var(--oev-font-style-body-small);
  --oev-comp-progress-tabs-font-style-m-xl: var(--oev-font-style-body);
  --oev-comp-progress-tabs-font-max-lines-xs-s: 3;
  --oev-comp-progress-tabs-font-max-lines-m-xl: 2;
  --oev-comp-progressbar-form-height: var(--oev-ref-size-20);
  --oev-comp-progressbar-form-gap-spacing: var(--oev-sys-spacing-s);
  --oev-comp-progressbar-form-bar-counter-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-progressbar-form-bar-counter-font-style: var(--oev-font-style-body-small);
  --oev-comp-progressbar-form-bar-background-color: var(--oev-color-secondary-default);
  --oev-comp-progressbar-form-progress-steps-font-color: var(--oev-color-font-body-default);
  --oev-comp-progressbar-form-progress-steps-font-style: var(--oev-font-style-body);
  --oev-comp-progressbar-form-track-background-color: var(--oev-color-secondary-50);
  --oev-comp-progressbar-form-radius: var(--oev-ref-radius-m);
  --oev-comp-progressbar-onsite-background-color: var(--oev-color-transparent);
  --oev-comp-progressbar-sticky-background-color: var(--oev-color-background-17);
  --oev-comp-progressbar-sticky-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-progressbar-sticky-box-spacing-top-bottom-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-progressbar-sticky-box-spacing-top-bottom-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-progressbar-sticky-box-spacing-left-right-xs: var(--oev-sys-spacing-s);
  --oev-comp-progressbar-sticky-box-spacing-left-right-s-xl: var(--oev-sys-spacing-none);
  --oev-comp-progressbar-inline-box-spacing-top-bottom-xs-s: var(--oev-sys-spacing-xl-1);
  --oev-comp-progressbar-inline-box-spacing-top-bottom-m-xl: var(--oev-sys-spacing-xl-3);
  --oev-comp-progressbar-bar-color-active: var(--oev-color-secondary-default);
  --oev-comp-progressbar-bar-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-progressbar-bar-color-next: var(--oev-color-gray-500);
  --oev-comp-progressbar-bar-point-size: var(--oev-ref-size-12);
  --oev-comp-progressbar-bar-point-spacing-bottom: var(--oev-ref-spacing-01);
  --oev-comp-progressbar-bar-line-width: var(--oev-ref-size-02);
  --oev-comp-progressbar-label-color-active: var(--oev-color-secondary-default);
  --oev-comp-progressbar-label-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-progressbar-label-color-next: var(--oev-color-font-body-default);
  --oev-comp-progressbar-label-spacing-bottom: var(--oev-ref-spacing-20);
  --oev-comp-progressbar-label-spacing-left-right-xs: var(--oev-sys-spacing-xxs);
  --oev-comp-progressbar-label-font-style-xs: var(--oev-font-style-link-small);
  --oev-comp-progressbar-label-font-style-s-xl: var(--oev-font-style-link);
  --oev-comp-read-more-border-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-read-more-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-read-more-spacing-bottom: var(--oev-sys-spacing-none);
  --oev-comp-search-bar-border-radius-top-left: var(--oev-ref-radius-none);
  --oev-comp-search-bar-border-radius-top-right: var(--oev-ref-radius-m);
  --oev-comp-search-bar-border-radius-bottom-left: var(--oev-ref-radius-none);
  --oev-comp-search-bar-border-radius-bottom-right: var(--oev-ref-radius-m);
  --oev-comp-search-bar-error-font-style: var(--oev-font-style-error);
  --oev-comp-search-bar-error-font-color: var(--oev-color-action-error);
  --oev-comp-search-bar-errorbox-margin-top: var(--oev-sys-spacing-xxs);
  --oev-comp-stage-card-subtitle-font-weight: var(--oev-font-weight-bold);
  --oev-comp-step-display-spacing-top-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-top-m-xl: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-bottom-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-bottom-m-xl: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-gap-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-step-display-spacing-gap-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-step-display-step-item-connector-width: var(--oev-ref-size-04);
  --oev-comp-step-display-step-item-spacing-gap-vertical-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-spacing-gap-vertical-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-step-display-step-item-spacing-gap-horizontal-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-spacing-gap-horizontal-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-circle-size-xs-s: var(--oev-ref-size-48);
  --oev-comp-step-display-step-item-circle-size-m-xl: var(--oev-ref-size-56);
  --oev-comp-step-display-step-item-circle-default-icon-color: var(--oev-color-secondary-default);
  --oev-comp-step-display-step-item-circle-default-border-color: var(--oev-color-secondary-default);
  --oev-comp-step-display-step-item-circle-default-connector-color: var(--oev-comp-step-display-step-item-circle-default-border-color);
  --oev-comp-step-display-step-item-circle-default-background-color: var(--oev-color-background-17);
  --oev-comp-step-display-step-item-circle-completed-icon-color: var(--oev-color-action-white);
  --oev-comp-step-display-step-item-circle-completed-border-color: var(--oev-color-action-success);
  --oev-comp-step-display-step-item-circle-completed-connector-color: var(--oev-comp-step-display-step-item-circle-completed-border-color);
  --oev-comp-step-display-step-item-circle-completed-background-color: var(--oev-color-action-success);
  --oev-comp-step-display-step-item-content-headline-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-step-display-step-item-content-text-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-max-width: 75rem;
  --oev-comp-sticky-footer-flex-direction-xs-s: column;
  --oev-comp-sticky-footer-flex-direction-m-xl: row;
  --oev-comp-sticky-footer-label-font-style: var(--oev-font-style-link);
  --oev-comp-sticky-footer-label-color-default: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-hover: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-active: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-focus: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-selected: var(--oev-color-action-white);
  --oev-comp-sticky-footer-icon-color-default: var(--oev-color-action-white);
  --oev-comp-sticky-footer-icon-color-hover: rgba(255, 255, 255, .7);
  --oev-comp-sticky-footer-icon-color-active: rgba(255, 255, 255, .9);
  --oev-comp-sticky-footer-icon-color-focus: rgba(255, 255, 255, .7);
  --oev-comp-sticky-footer-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-sticky-footer-icon-label-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-color-background-default: var(--oev-color-secondary-default);
  --oev-comp-sticky-footer-color-background-hover: var(--oev-color-secondary-hover);
  --oev-comp-sticky-footer-color-background-active: var(--oev-color-secondary-active);
  --oev-comp-sticky-footer-color-outline-focus: var(--oev-color-secondary-focus);
  --oev-comp-sticky-footer-spacing-top-xs-sl: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-spacing-bottom-xs-sl: var(--oev-sys-spacing-s);
  --oev-comp-sticky-footer-spacing-horizontal-xs-sl: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-spacing-horizontal-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-spacing-vertical-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-sticky-footer-outline-focus-width: var(--oev-ref-size-02);
  --oev-comp-form-summary-background-color: var(--oev-color-background-17);
  --oev-comp-form-summary-header-gap-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-form-summary-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-form-summary-spacing-gap-xs-s: var(--oev-sys-spacing-xl-3);
  --oev-comp-form-summary-spacing-gap-m-xl: var(--oev-sys-spacing-xl-5);
  --oev-comp-form-summary-data-section-gap-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-font-style-label: var(--oev-font-style-body);
  --oev-comp-table-row-font-style-value: var(--oev-font-style-link);
  --oev-comp-table-row-font-color-label: var(--oev-color-font-body-default);
  --oev-comp-table-row-font-color-value: var(--oev-color-font-body-default);
  --oev-comp-table-row-font-weight-value: var(--oev-font-weight-bold);
  --oev-comp-table-row-spacing-left-right: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-spacing-top-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-background-color-default: var(--oev-color-background-17);
  --oev-comp-table-row-background-color-alternate: var(--oev-color-background-01);
  --oev-comp-table-row-border-color: var(--oev-color-gray-300);
  --oev-comp-table-row-border-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-headline-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-tariff-comparison-header-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-header-border-color: var(--oev-color-transparent);
  --oev-comp-tariff-comparison-header-border-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-border-radius: var(--oev-ref-radius-m);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-color: var(--oev-color-transparent);
  --oev-comp-tariff-comparison-header-overline-offset-top: 80%;
  --oev-comp-tariff-comparison-header-overline-highlighted-offset-top: 20%;
  --oev-comp-tariff-comparison-header-overline-color-background: var(--oev-color-background-10);
  --oev-comp-tariff-comparison-header-overline-border-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-header-overline-border-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-header-overline-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-overline-text-spacing-left-right: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-overline-text-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-overline-font-style-xs: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-overline-font-style-s-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-overline-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-tariff-comparison-header-overline-tooltip-icon-color-default: var(--oev-color-white-default);
  --oev-comp-tariff-comparison-header-overline-tooltip-icon-color-hover: var(--oev-color-white-hover);
  --oev-comp-tariff-comparison-header-overline-tooltip-icon-color-active: var(--oev-color-white-active);
  --oev-comp-tariff-comparison-header-overline-tooltip-icon-focus-visible-outline-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-header-tariff-name-color-background: var(--oev-color-background-01);
  --oev-comp-tariff-comparison-header-tariff-name-visible-color-background-x-small: var(--oev-color-secondary-default);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-color-background: var(--oev-color-background-13);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-font-color: var(--oev-comp-tariff-comparison-header-tariff-name-font-color);
  --oev-comp-tariff-comparison-header-tariff-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-tariff-name-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-top-bottom: var(--oev-ref-spacing-12);
  --oev-comp-tariff-comparison-header-price-container-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-price-container-color-background: var(--oev-color-background-01);
  --oev-comp-tariff-comparison-header-price-container-highlighted-color-background: var(--oev-color-background-13);
  --oev-comp-tariff-comparison-header-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-header-tariff-price-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-tariff-price-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-xs-s: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-m-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-tariff-price-period-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-visible-tariff-price-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-subline-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-color-background-x-small: var(--oev-color-secondary-default);
  --oev-comp-tariff-comparison-header-visible-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-highlighted-font-color-x-small: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-visible-arrow-container-border-color-x-small: var(--oev-color-secondary-default);
  --oev-comp-tariff-comparison-content-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-content-tariffgroup-name-color-background: var(--oev-color-background-02);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-style: var(--oev-font-style-link);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffgroup-name-tooltip-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-open: var(--oev-color-secondary-active);
  --oev-comp-tariff-comparison-content-tariffrow-color-background-hover: var(--oev-color-background-01);
  --oev-comp-tariff-comparison-content-tariffrow-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-color: var(--oev-color-background-02);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-color: var(--oev-color-background-02);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-style: var(--oev-font-style-body);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-check-color: var(--oev-color-action-success);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-remove-color: var(--oev-color-action-error);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-yes: var(--oev-icon-check-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-no: var(--oev-icon-remove-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-1: var(--oev-sys-spacing-xl-1);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-2: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-name-module-group-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-content-container-spacing-top: var(--oev-ref-spacing-20);
  --oev-comp-tariff-comparison-content-container-spacing-gap: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-footer-tarifffooter-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-tarifffooter-color-background: var(--oev-color-background-01);
  --oev-comp-tariff-comparison-footer-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-tariff-price-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-footer-anchoring-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-anchoring-font-color: var(--oev-color-font-h5);
  --oev-comp-tariff-comparison-footer-anchoring-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-container-color-background: var(--oev-color-background-01);
  --oev-comp-tariff-comparison-footer-anchoring-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-width: var(--oev-ref-size-02);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-footer-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-footer-subline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-button-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tile-item-border-color-default: var(--oev-color-gray-default);
  --oev-comp-tile-item-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-tile-item-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-tile-item-border-color-active: var(--oev-color-secondary-hover);
  --oev-comp-tile-item-border-color-selected: var(--oev-color-secondary-default);
  --oev-comp-tile-item-border-width-default: var(--oev-ref-size-01);
  --oev-comp-tile-item-border-radius: var(--oev-ref-radius-m);
  --oev-comp-tile-item-icon-background-color-checked: var(--oev-color-secondary-default);
  --oev-comp-tile-item-icon-size-default: var(--oev-font-size-xl-1);
  --oev-comp-tile-item-icon-size-checked: var(--oev-comp-icon-size-medium);
  --oev-comp-tile-item-icon-size-label: var(--oev-comp-icon-size-x-large);
  --oev-comp-tile-item-icon-checked-spacing: var(--oev-ref-spacing-08);
  --oev-comp-tile-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-tile-item-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-tile-item-font-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-tile-item-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-tile-item-font-color-selected: var(--oev-color-font-body-default);
  --oev-comp-tile-item-font-style: var(--oev-font-style-body);
  --oev-comp-tile-item-background-color-default: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-hover: var(--oev-color-background-01);
  --oev-comp-tile-item-background-color-disabled: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-active: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-selected: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-focus: var(--oev-color-background-01);
  --oev-comp-tile-item-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tile-item-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tile-item-label-max-height: var(--oev-ref-size-72);
  --oev-comp-tiles-gap-spacing-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-tiles-gap-spacing-sl-xs: var(--oev-sys-spacing-m);
  --oev-comp-tiles-error-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-tiles-error-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-tiles-font-color-error: var(--oev-color-font-error);
  --oev-comp-tiles-font-style-error: var(--oev-font-style-error);
  --oev-comp-tooltip-icon-content: var(--oev-icon-info-outlined);
  --oev-comp-tooltip-icon-size: var(--oev-comp-icon-size-20);
  --oev-comp-tooltip-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-tooltip-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-tooltip-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-tooltip-content-background-color-default: var(--oev-color-background-17);
  --oev-comp-tooltip-content-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tooltip-content-border-radius: var(--oev-ref-radius-m);
  --oev-comp-tooltip-content-border-color: var(--oev-color-gray-300);
  --oev-comp-tooltip-content-icon-close-content: var(--oev-icon-close-filled);
  --oev-comp-tooltip-content-icon-close-size: var(--oev-comp-icon-size-20);
  --oev-comp-tooltip-content-icon-close-color-default: var(--oev-color-gray-default);
  --oev-comp-tooltip-content-icon-close-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-tooltip-content-icon-close-color-active: var(--oev-color-secondary-active);
  --oev-comp-tooltip-pointer-width: var(--oev-sys-spacing-l);
  --oev-comp-tooltip-pointer-height: var(--oev-sys-spacing-s);
  --oev-comp-tooltip-pointer-border-color: var(--oev-color-action-white);
  --oev-comp-tooltip-modal-background-color-default: var(--oev-color-background-17);
  --oev-comp-tooltip-modal-background-darkening-color-default: var(--oev-color-action-black);
  --oev-comp-tooltip-modal-background-darkening-opacity: var(--oev-ref-opacity-20);
  --oev-comp-tooltip-modal-border-radius-top: var(--oev-ref-radius-m);
  --oev-comp-tooltip-modal-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tooltip-modal-footer-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-upload-background-color: var(--oev-color-background-02);
  --oev-comp-upload-border-radius: var(--oev-ref-radius-m);
  --oev-comp-upload-error-color: var(--oev-color-action-error);
  --oev-comp-upload-error-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-spacing-top-xs: var(--oev-sys-spacing-m);
  --oev-comp-upload-spacing-top-s-xl: var(--oev-sys-spacing-l);
  --oev-comp-upload-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-upload-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-border-svg-default: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23BFBFBFFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-border-svg-drag-and-drop: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%235C5C5CFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-border-svg-active: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%235C5C5CFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-headline-color: var(--oev-color-font-h6);
  --oev-comp-upload-headline-drag-and-drop-color: var(--oev-color-gray-500);
  --oev-comp-upload-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-upload-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-description-font-style: var(--oev-font-style-body-small);
  --oev-comp-upload-description-color: var(--oev-color-font-body-default);
  --oev-comp-upload-description-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-description-drag-and-drop-color: var(--oev-color-gray-500);
  --oev-comp-upload-status-background-color: var(--oev-color-background-01);
  --oev-comp-upload-status-bar-color: var(--oev-color-action-white);
  --oev-comp-upload-status-bar-filling-color: var(--oev-color-secondary-default);
  --oev-comp-upload-status-icon-cross-color: var(--oev-color-secondary-default);
  --oev-comp-upload-status-icon-trash-color: var(--oev-color-gray-default);
  --oev-comp-upload-status-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-upload-status-icon-color-hover: var(--oev-color-gray-hover);
  --oev-comp-upload-status-icon-color-active: var(--oev-color-gray-active);
  --oev-comp-upload-status-icon-color-error: var(--oev-color-action-error);
  --oev-comp-upload-status-icon-border-color: var(--oev-color-transparent);
  --oev-comp-upload-status-filename-color: var(--oev-color-font-body-default);
  --oev-comp-upload-status-filename-font-style: var(--oev-font-style-body);
  --oev-comp-upload-status-percent-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-status-percent-color: var(--oev-color-font-body-default);
  --oev-comp-upload-status-error-color: var(--oev-color-action-error);
  --oev-comp-upload-status-error-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-status-success-color: var(--oev-color-action-success);
  --oev-comp-upload-status-spacing-default: var(--oev-sys-spacing-m);
  --oev-comp-upload-status-spacing-between: var(--oev-sys-spacing-xs);
  --oev-ref-opacity-0: 0;
  --oev-ref-opacity-10: .1;
  --oev-ref-opacity-20: .2;
  --oev-ref-opacity-30: .3;
  --oev-ref-opacity-40: .4;
  --oev-ref-opacity-50: .5;
  --oev-ref-opacity-60: .6;
  --oev-ref-opacity-70: .7;
  --oev-ref-opacity-80: .8;
  --oev-ref-opacity-90: .9;
  --oev-ref-opacity-100: 1;
  --oev-ref-z-index-1: 1;
  --oev-ref-z-index-5: 5;
  --oev-ref-z-index-10: 10;
  --oev-ref-z-index-15: 15;
  --oev-ref-z-index-20: 20;
  --oev-ref-z-index-30: 30;
  --oev-ref-z-index-40: 40;
  --oev-ref-z-index-45: 45;
  --oev-ref-z-index-50: 50;
  --oev-ref-z-index-60: 60;
  --oev-ref-z-index-70: 70;
  --oev-ref-z-index-80: 80;
  --oev-ref-z-index-90: 90;
  --oev-ref-z-index-100: 100;
  --oev-ref-z-index-105: 105;
  --oev-ref-z-index-negative: -1;
  --oev-ref-align-top: flex-start;
  --oev-ref-align-center: center;
  --oev-ref-align-bottom: baseline;
  --oev-sys-focus-visible-border-radius: var(--oev-ref-radius-06);
  --oev-sys-focus-visible-outline-color: var(--oev-color-focus-visible-outline);
  --oev-sys-focus-visible-outline-width: var(--oev-ref-size-02);
  --oev-sys-focus-visible-outline-offset: var(--oev-ref-size-02);
  --oev-sys-focus-visible-outline-element-width: 100%;
  --oev-sys-focus-visible-outline-height-changer: var(--oev-ref-spacing-12);
  --oev-sys-focus-visible-left-offset: -4px;
  --oev-sys-focus-visible-padding: 2px 4px;
  --oev-ref-radius-24: var(--oev-ref-size-24);
  --oev-ref-radius-32: var(--oev-ref-size-32);
  --oev-ref-radius-50: var(--oev-ref-size-50);
  --oev-ref-radius-none: 0;
  --oev-ref-radius-s: 0.25rem;
  --oev-ref-radius-m: 0.5rem;
  --oev-ref-radius-l: 1rem;
  --oev-ref-radius-xl: 50%;
  --oev-ref-radius-02: var(--oev-ref-size-02);
  --oev-ref-radius-03: var(--oev-ref-size-03);
  --oev-ref-radius-06: var(--oev-ref-size-06);
  --oev-sys-box-shadow-0: 0 0 0 #00000016;
  --oev-sys-box-shadow-1: 0 0.063rem 0.125rem #00000016;
  --oev-sys-box-shadow-2: 0 0.125rem 0.375rem #00000016;
  --oev-sys-box-shadow-3: 0 0.375rem 0.75rem #00000016;
  --oev-sys-box-shadow-4: 0 0.75rem 1.5rem #00000016;
  --oev-ref-box-shadow-default: 0 0.1875rem 0.625rem #00000029;
  --oev-ref-box-shadow-hover: 0 0.125rem 0.375rem #00000029;
  --oev-ref-box-shadow-pressed: 0 0.0625rem 0.1875rem #00000029;
  --oev-ref-box-shadow-dragged: 0 0 0.75rem #00000029;
  --oev-ref-box-shadow-disabled: 0 0.0625rem 0.25rem #00000015;
  --oev-sys-box-shadow-none: none;
  --oev-sys-elevation-level-0: 0 0 0 #00000029;
  --oev-sys-elevation-level-1: 0 0.063rem 0.125rem #00000029;
  --oev-sys-elevation-level-2: 0 0.188rem 0.375rem #00000029;
  --oev-sys-elevation-level-3: 0 0.375rem 0.75rem #00000029;
  --oev-sys-elevation-level-4: 0 0.75rem 1.5rem #00000029;
  --oev-ref-size-10: 0.625rem;
  --oev-ref-size-12: 0.75rem;
  --oev-ref-size-15: 0.938rem;
  --oev-ref-size-16: 1rem;
  --oev-ref-size-20: 1.25rem;
  --oev-ref-size-24: 1.5rem;
  --oev-ref-size-32: 2rem;
  --oev-ref-size-40: 2.5rem;
  --oev-ref-size-48: 3rem;
  --oev-ref-size-50: 3.125rem;
  --oev-ref-size-52: 3.25rem;
  --oev-ref-size-56: 3.5rem;
  --oev-ref-size-58: 3.625rem;
  --oev-ref-size-64: 4rem;
  --oev-ref-size-72: 4.5rem;
  --oev-ref-size-80: 5rem;
  --oev-ref-size-88: 5.5rem;
  --oev-ref-size-96: 6rem;
  --oev-ref-size-102: 6.375rem;
  --oev-ref-size-104: 6.5rem;
  --oev-ref-size-120: 7.5rem;
  --oev-ref-size-140: 8.75rem;
  --oev-ref-size-160: 10rem;
  --oev-ref-size-192: 12rem;
  --oev-ref-size-256: 16rem;
  --oev-ref-size-00: 0;
  --oev-ref-size-01: 0.063rem;
  --oev-ref-size-02: 0.125rem;
  --oev-ref-size-03: 0.188rem;
  --oev-ref-size-04: 0.25rem;
  --oev-ref-size-06: 0.375rem;
  --oev-ref-size-08: 0.5rem;
  --oev-ref-size-auto: 100%;
  --oev-ref-spacing-10: 0.625rem;
  --oev-ref-spacing-12: 0.75rem;
  --oev-ref-spacing-14: 0.875rem;
  --oev-ref-spacing-15: 0.938rem;
  --oev-ref-spacing-16: 1rem;
  --oev-ref-spacing-20: 1.25rem;
  --oev-ref-spacing-24: 1.5rem;
  --oev-ref-spacing-32: 2rem;
  --oev-ref-spacing-40: 2.5rem;
  --oev-ref-spacing-48: 3rem;
  --oev-ref-spacing-56: 3.5rem;
  --oev-ref-spacing-64: 4rem;
  --oev-ref-spacing-72: 4.5rem;
  --oev-ref-spacing-80: 5rem;
  --oev-ref-spacing-96: 6rem;
  --oev-ref-spacing-00: 0;
  --oev-ref-spacing-01: 0.063rem;
  --oev-ref-spacing-02: 0.125rem;
  --oev-ref-spacing-04: 0.25rem;
  --oev-ref-spacing-06: 0.375rem;
  --oev-ref-spacing-08: 0.5rem;
  --oev-ref-spacing-negative-07: -7px;
  --oev-sys-spacing-none: var(--oev-ref-spacing-00);
  --oev-sys-spacing-xxs: var(--oev-ref-spacing-04);
  --oev-sys-spacing-xs: var(--oev-ref-spacing-08);
  --oev-sys-spacing-s: var(--oev-ref-spacing-12);
  --oev-sys-spacing-m: var(--oev-ref-spacing-16);
  --oev-sys-spacing-l: var(--oev-ref-spacing-24);
  --oev-sys-spacing-xl-1: var(--oev-ref-spacing-32);
  --oev-sys-spacing-xl-2: var(--oev-ref-spacing-40);
  --oev-sys-spacing-xl-3: var(--oev-ref-spacing-48);
  --oev-sys-spacing-xl-4: var(--oev-ref-spacing-56);
  --oev-sys-spacing-xl-5: var(--oev-ref-spacing-64);
  --oev-sys-spacing-xl-6: var(--oev-ref-spacing-72);
  --oev-sys-spacing-xl-7: var(--oev-ref-spacing-80);
  --oev-sys-spacing-xl-8: var(--oev-ref-spacing-96);
  --oev-sys-spacing-responsive-xxs: var(--oev-ref-spacing-04);
  --oev-sys-spacing-responsive-xs: var(--oev-ref-spacing-08);
  --oev-sys-spacing-responsive-s: var(--oev-ref-spacing-12);
  --oev-sys-spacing-responsive-m: var(--oev-ref-spacing-16);
  --oev-sys-spacing-responsive-l: var(--oev-ref-spacing-20);
  --oev-sys-spacing-responsive-xl: var(--oev-ref-spacing-24);
  --oev-sys-spacing-responsive-xxl: var(--oev-ref-spacing-32);
  --oev-font-family-sans-serif: Ubuntu, sans-serif;
  --oev-font-family-serif:
    Georgia,
    Times,
    serif;
  --oev-font-family-light: var(--oev-font-family-sans-serif);
  --oev-font-family-bold: var(--oev-font-family-sans-serif);
  --oev-font-family-black: var(--oev-font-family-sans-serif);
  --oev-font-family-default: var(--oev-font-family-sans-serif);
  --oev-font-family-calligraphy: "Caveat", cursive;
  --oev-font-family-icon: "iconfont-vk-dxp";
  --oev-font-family-stage: var(--oev-font-family-h1);
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-light);
  --oev-font-family-body-small: var(--oev-font-family-light);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-large: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 600;
  --oev-font-weight-bold: 700;
  --oev-font-weight-black: 900;
  --oev-font-weight-default: var(--oev-font-weight-regular);
  --oev-font-weight-stage: var(--oev-font-weight-h1);
  --oev-font-weight-h1: var(--oev-font-weight-bold);
  --oev-font-weight-h2: var(--oev-font-weight-bold);
  --oev-font-weight-h3: var(--oev-font-weight-bold);
  --oev-font-weight-h4: var(--oev-font-weight-bold);
  --oev-font-weight-h5: var(--oev-font-weight-bold);
  --oev-font-weight-h6: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-bold);
  --oev-font-weight-body: var(--oev-font-weight-default);
  --oev-font-weight-body-small: var(--oev-font-weight-default);
  --oev-font-weight-label: var(--oev-font-weight-medium);
  --oev-font-weight-label-small: var(--oev-font-weight-medium);
  --oev-font-weight-link: var(--oev-font-weight-bold);
  --oev-font-weight-link-large: var(--oev-font-weight-bold);
  --oev-font-weight-link-medium: var(--oev-font-weight-bold);
  --oev-font-weight-link-small: var(--oev-font-weight-bold);
  --oev-font-weight-caption: var(--oev-font-weight-default);
  --oev-font-weight-error: var(--oev-font-weight-medium);
  --oev-font-size-38: calc(38/16 * 1rem);
  --oev-font-size-xxs: calc(12/16 * 1rem);
  --oev-font-size-xs: calc(14/16 * 1rem);
  --oev-font-size-s: 1rem;
  --oev-font-size-m: calc(18/16 * 1rem);
  --oev-font-size-l: calc(20/16 * 1rem);
  --oev-font-size-xl-1: calc(24/16 * 1rem);
  --oev-font-size-xl-2: calc(32/16 * 1rem);
  --oev-font-size-xl-3: calc(36/16 * 1rem);
  --oev-font-size-xl-4: calc(40/16 * 1rem);
  --oev-font-size-xl-5: calc(26/16 * 1rem);
  --oev-font-size-xl-6: calc(28/16 * 1rem);
  --oev-font-size-xl-7: calc(29/16 * 1rem);
  --oev-font-size-xl-8: calc(32/16 * 1rem);
  --oev-font-size-xl-9: calc(36/16 * 1rem);
  --oev-font-size-xl-10: calc(34/16 * 1rem);
  --oev-font-size-stage: var(--oev-font-size-h1);
  --oev-font-size-h1: var(--oev-font-size-xl-2);
  --oev-font-size-h2: var(--oev-font-size-xl-1);
  --oev-font-size-h3: var(--oev-font-size-xl-2);
  --oev-font-size-h4: var(--oev-font-size-xl-1);
  --oev-font-size-h5: var(--oev-font-size-l);
  --oev-font-size-h6: var(--oev-font-size-m);
  --oev-font-size-subtitle-1: var(--oev-font-size-l);
  --oev-font-size-subtitle-2: var(--oev-font-size-m);
  --oev-font-size-body: var(--oev-font-size-s);
  --oev-font-size-body-small: var(--oev-font-size-xs);
  --oev-font-size-label: var(--oev-font-size-xs);
  --oev-font-size-label-small: var(--oev-font-size-xxs);
  --oev-font-size-link: var(--oev-font-size-s);
  --oev-font-size-link-large: var(--oev-font-size-m);
  --oev-font-size-link-medium: var(--oev-font-size-xs);
  --oev-font-size-link-small: var(--oev-font-size-xxs);
  --oev-font-size-caption: var(--oev-font-size-xxs);
  --oev-font-size-error: var(--oev-font-size-xxs);
  --oev-font-style-stage: normal normal 700 var(--oev-font-size-stage) / 130% Ubuntu, sans-serif;
  --oev-font-style-h1: normal normal 700 var(--oev-font-size-h1) / 130% Ubuntu, sans-serif;
  --oev-font-style-h2: normal normal 700 var(--oev-font-size-h2) / 130% Ubuntu, sans-serif;
  --oev-font-style-h3: normal normal 700 var(--oev-font-size-h3) / 130% Ubuntu, sans-serif;
  --oev-font-style-h4: normal normal 700 var(--oev-font-size-h4) / 130% Ubuntu, sans-serif;
  --oev-font-style-h5: normal normal 700 var(--oev-font-size-h5) / 130% Ubuntu, sans-serif;
  --oev-font-style-h6: normal normal 700 var(--oev-font-size-h6) / 130% Ubuntu, sans-serif;
  --oev-font-style-subtitle-1: normal normal 700 var(--oev-font-size-subtitle-1) / 130% Ubuntu, sans-serif;
  --oev-font-style-subtitle-2: normal normal 700 var(--oev-font-size-subtitle-2) / 130% Ubuntu, sans-serif;
  --oev-font-style-body: normal normal 400 1rem / 1.5 Ubuntu, sans-serif;
  --oev-font-style-body-small: normal normal 400 var(--oev-font-size-body-small) / 130% Ubuntu, sans-serif;
  --oev-font-style-label: normal normal 600 calc(14/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-label-small: normal normal 600 calc(12/16 * 1rem) / 1.17 Ubuntu, sans-serif;
  --oev-font-style-link: normal normal 700 1rem / 1.5 Ubuntu, sans-serif;
  --oev-font-style-link-large: normal normal 700 calc(18/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-link-small: normal normal 700 calc(12/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-link-medium: normal normal 700 calc(14/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-caption: normal normal 400 calc(12/16 * 1rem) / 1.5 Ubuntu, sans-serif;
  --oev-font-style-error: normal normal 600 calc(12/16 * 1rem) / 1.17 Ubuntu, sans-serif;
  --oev-font-style-signature: normal normal 400 var(--oev-font-size-subtitle-2) / 130% "Caveat", cursive;
  --oev-line-height-xxs: 1;
  --oev-line-height-xs: 1.17;
  --oev-line-height-s: 130%;
  --oev-line-height-m: 1.5;
  --oev-line-height-l: 2.5;
  --oev-line-height-default: var(--oev-line-height-s);
  --oev-line-height-stage: var(--oev-line-height-h1);
  --oev-line-height-h1: var(--oev-line-height-default);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-subtitle-1: var(--oev-line-height-default);
  --oev-line-height-subtitle-2: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-m);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-xs);
  --oev-line-height-link: var(--oev-line-height-m);
  --oev-line-height-link-large: var(--oev-line-height-default);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-error: var(--oev-line-height-xs);
  --oev-line-height-caption: var(--oev-line-height-m);
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-forms-radio-button-options-row-spacing: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-forms-radio-button-options-row-spacing: 0.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-forms-radio-button-options-row-spacing: 0.75rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-responsive-spacing-top-bottom: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-responsive-spacing-top-bottom: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-responsive-spacing-top-bottom: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-container-card-view-spacing-left-right: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-container-card-view-spacing-left-right: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-container-card-view-spacing-left-right: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xxs: 0.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xxs: 0.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xxs: 1rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xs: 0.75rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xs: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xs: 1.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-s: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-s: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-s: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-m: 1.25rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-m: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-m: 2rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-l: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-l: 2rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-l: 2.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xl: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xl: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xl: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xxl: 2.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xxl: 3rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xxl: 3.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h1: calc(36/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h1: calc(40/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h1: calc(40/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h2: calc(32/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h2: calc(36/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h2: calc(36/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h3: calc(36/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h3: calc(40/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h3: calc(40/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h4: calc(32/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h4: calc(34/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h4: calc(34/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h5: calc(24/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h5: calc(28/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h5: calc(28/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h6: calc(20/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h6: calc(24/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h6: calc(24/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-subtitle-1: calc(24/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-subtitle-1: calc(32/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-subtitle-1: calc(32/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-subtitle-2: calc(20/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-subtitle-2: calc(24/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-subtitle-2: calc(24/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
.theme-geno {
  --oev-color-container-10: var(--oev-color-custom-10);
  --oev-color-container-11: var(--oev-color-custom-11);
  --oev-color-container-12: var(--oev-color-custom-12);
  --oev-color-container-13: var(--oev-color-gray-100);
  --oev-color-container-14: var(--oev-color-action-white);
  --oev-color-container-15: var(--oev-color-container-01);
  --oev-color-container-01: var(--oev-color-custom-01);
  --oev-color-container-02: var(--oev-color-custom-02);
  --oev-color-container-03: var(--oev-color-custom-03);
  --oev-color-container-04: var(--oev-color-custom-04);
  --oev-color-container-05: var(--oev-color-custom-05);
  --oev-color-container-06: var(--oev-color-custom-06);
  --oev-color-container-07: var(--oev-color-custom-07);
  --oev-color-container-08: var(--oev-color-custom-08);
  --oev-color-container-09: var(--oev-color-custom-09);
  --oev-color-container-pg-01: var(--oev-color-container-09);
  --oev-color-container-pg-02: var(--oev-color-container-11);
  --oev-color-container-pg-03: var(--oev-color-container-06);
  --oev-color-container-pg-04: var(--oev-color-container-02);
  --oev-color-primary-50: #EBF2F4;
  --oev-color-primary-100: #D7E4EA;
  --oev-color-primary-200: #C4D7DF;
  --oev-color-primary-300: #B0CAD4;
  --oev-color-primary-400: #9CBCC9;
  --oev-color-primary-500: #88AFBF;
  --oev-color-primary-600: #6195A9;
  --oev-color-primary-700: #4D879F;
  --oev-color-primary-800: #397A94;
  --oev-color-primary-900: #336E85;
  --oev-color-primary-default: var(--oev-color-primary-800);
  --oev-color-primary-hover: var(--oev-color-primary-900);
  --oev-color-primary-focus: var(--oev-color-primary-500);
  --oev-color-primary-active: var(--oev-color-primary-800);
  --oev-color-primary-disabled: var(--oev-color-primary-200);
  --oev-color-primary-visited: var(--oev-color-primary-400);
  --oev-color-secondary-50: #E6ECF3;
  --oev-color-secondary-100: #CCDAE7;
  --oev-color-secondary-200: #B3C7DC;
  --oev-color-secondary-300: #87A9CC;
  --oev-color-secondary-400: #678EB5;
  --oev-color-secondary-500: #356AA1;
  --oev-color-secondary-600: #1B5895;
  --oev-color-secondary-700: #024589;
  --oev-color-secondary-800: #023970;
  --oev-color-secondary-900: #012C57;
  --oev-color-secondary-default: var(--oev-color-secondary-800);
  --oev-color-secondary-hover: var(--oev-color-secondary-900);
  --oev-color-secondary-focus: var(--oev-color-secondary-500);
  --oev-color-secondary-active: var(--oev-color-secondary-800);
  --oev-color-secondary-disabled: var(--oev-color-secondary-200);
  --oev-color-secondary-visited: var(--oev-color-secondary-400);
  --oev-color-custom-10: #CEA2C7;
  --oev-color-custom-11: #82A698;
  --oev-color-custom-12: #8DB9BE;
  --oev-color-custom-01: #F3F7FC;
  --oev-color-custom-02: #E7EFFB;
  --oev-color-custom-03: #A66A00;
  --oev-color-custom-04: #DBC399;
  --oev-color-custom-05: #EDE1CC;
  --oev-color-custom-06: #B2D8C4;
  --oev-color-custom-07: #41DB76;
  --oev-color-custom-08: #D1E3E5;
  --oev-color-custom-09: #861773;
  --oev-color-gray-50: #F4F8FA;
  --oev-color-gray-100: #F0F5F7;
  --oev-color-gray-200: #E4E9ED;
  --oev-color-gray-300: #CED4D9;
  --oev-color-gray-400: #ACB7BF;
  --oev-color-gray-500: #808B92;
  --oev-color-gray-600: #6C757B;
  --oev-color-gray-700: #515C64;
  --oev-color-gray-800: #3D474E;
  --oev-color-gray-900: #1B1D1E;
  --oev-color-gray-default: var(--oev-color-gray-900);
  --oev-color-gray-hover: var(--oev-color-gray-900);
  --oev-color-gray-focus: var(--oev-color-gray-900);
  --oev-color-gray-active: var(--oev-color-gray-900);
  --oev-color-gray-disabled: var(--oev-color-gray-400);
  --oev-color-gray-visited: var(--oev-color-gray-400);
  --oev-color-action-white: #FFFFFF;
  --oev-color-action-black: #000000;
  --oev-color-action-success: #14885E;
  --oev-color-action-warning: #EC672F;
  --oev-color-action-error: #9D253C;
  --oev-color-action-info: #F2E6CE;
  --oev-color-action-focus-on-light: #0047FF;
  --oev-color-action-focus-on-dark: #88ACFF;
  --oev-color-brand-sparkasse: #ee0000;
  --oev-color-white: var(--oev-color-action-white);
  --oev-color-black: var(--oev-color-action-black);
  --oev-color-gradient-01:
    linear-gradient(
      90deg,
      #023970,
      #356AA1);
  --oev-color-gradient-02:
    linear-gradient(
      90deg,
      #4D879F,
      #88AFBF);
  --oev-color-gradient-03:
    linear-gradient(
      45deg,
      #023970,
      #356AA1);
  --oev-color-gradient-04:
    linear-gradient(
      45deg,
      #4D879F,
      #88AFBF);
  --oev-color-transparent: transparent;
  --oev-color-white-default: rgba(255, 255, 255, 1);
  --oev-color-white-hover: rgba(255, 255, 255, .7);
  --oev-color-white-active: rgba(255, 255, 255, .9);
  --oev-color-white-focus: rgba(255, 255, 255, .6);
  --oev-color-white-visited: rgba(255, 255, 255, .8);
  --oev-color-white-disabled: rgba(255, 255, 255, .4);
  --oev-color-success: var(--oev-color-action-success);
  --oev-color-warning: var(--oev-color-action-warning);
  --oev-color-error: var(--oev-color-action-error);
  --oev-color-info: var(--oev-color-action-info);
  --oev-color-black-default: rgba(0, 0, 0, 1);
  --oev-color-black-hover: rgba(0, 0, 0, .7);
  --oev-color-black-active: rgba(0, 0, 0, .9);
  --oev-color-black-focus: rgba(0, 0, 0, .6);
  --oev-color-black-visited: rgba(0, 0, 0, .8);
  --oev-color-black-disabled: rgba(0, 0, 0, .4);
  --oev-color-background-10: var(--oev-color-action-black);
  --oev-color-background-11: var(--oev-color-custom-11);
  --oev-color-background-12: var(--oev-color-custom-12);
  --oev-color-background-13: var(--oev-color-primary-50);
  --oev-color-background-14: var(--oev-color-background-dark);
  --oev-color-background-15: var(--oev-color-background-light);
  --oev-color-background-16: var(--oev-color-secondary-50);
  --oev-color-background-17: var(--oev-color-background-white);
  --oev-color-background-18: var(--oev-color-background-black);
  --oev-color-background-01: var(--oev-color-custom-01);
  --oev-color-background-02: var(--oev-color-custom-02);
  --oev-color-background-03: var(--oev-color-primary-700);
  --oev-color-background-04: var(--oev-color-custom-03);
  --oev-color-background-05: var(--oev-color-custom-05);
  --oev-color-background-06: var(--oev-color-gray-50);
  --oev-color-background-07: var(--oev-color-gray-100);
  --oev-color-background-08: var(--oev-color-gray-600);
  --oev-color-background-09: var(--oev-color-action-white);
  --oev-color-background-white: var(--oev-color-action-white);
  --oev-color-background-black: var(--oev-color-action-black);
  --oev-color-background-dark: var(--oev-color-gray-100);
  --oev-color-background-light: var(--oev-color-gray-50);
  --oev-color-font-body-default: var(--oev-color-gray-900);
  --oev-color-font-body-disabled: var(--oev-color-gray-disabled);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-font-body-default);
  --oev-color-font-headline: var(--oev-color-secondary-700);
  --oev-color-font-headline-inverted: var(--oev-color-action-white);
  --oev-color-font-subheadline: var(--oev-color-custom-03);
  --oev-color-font-h1: var(--oev-color-font-headline);
  --oev-color-font-h2: var(--oev-color-font-headline);
  --oev-color-font-h3: var(--oev-color-font-headline);
  --oev-color-font-h4: var(--oev-color-font-headline);
  --oev-color-font-h5: var(--oev-color-font-headline);
  --oev-color-font-h6: var(--oev-color-font-headline);
  --oev-color-font-subtitle-1: var(--oev-color-font-subheadline);
  --oev-color-font-subtitle-2: var(--oev-color-font-subheadline);
  --oev-color-font-label: var(--oev-color-gray-900);
  --oev-color-font-label-inverted: var(--oev-color-action-white);
  --oev-color-font-label-small: var(--oev-color-font-label);
  --oev-color-font-link: var(--oev-color-font-body-default);
  --oev-color-font-link-small: var(--oev-color-font-link);
  --oev-color-font-link-medium: var(--oev-color-font-link);
  --oev-color-font-caption: var(--oev-color-font-body-default);
  --oev-color-font-error: var(--oev-color-action-error);
  --oev-color-font-placeholder: var(--oev-color-gray-600);
  --oev-color-font-calligraphy: var(--oev-color-primary-900);
  --oev-color-pictogram-1: var(--oev-color-primary-default);
  --oev-color-pictogram-2: #C00D14;
  --oev-color-pictogram-3: var(--oev-color-action-white);
  --oev-color-pictogram-4: var(--oev-color-transparent);
  --oev-color-illustration-1: var(--oev-color-primary-50);
  --oev-color-shadow: #00000029;
  --oev-color-focus-visible-outline: var(--oev-color-action-focus-on-light);
  --oev-comp-accordion-header-color-background-default: var(--oev-color-background-06);
  --oev-comp-accordion-header-color-background-hover: var(--oev-color-background-17);
  --oev-comp-accordion-header-color-default: var(--oev-color-secondary-default);
  --oev-comp-accordion-header-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-accordion-header-color-active: var(--oev-color-secondary-active);
  --oev-comp-accordion-header-color-open: var(--oev-color-secondary-default);
  --oev-comp-accordion-header-font-weight-default: var(--oev-font-weight-bold);
  --oev-comp-accordion-header-font-weight-hover: var(--oev-comp-accordion-header-font-weight-default);
  --oev-comp-accordion-header-font-weight-active: var(--oev-comp-accordion-header-font-weight-default);
  --oev-comp-accordion-header-font-weight-open: var(--oev-comp-accordion-header-font-weight-default);
  --oev-comp-accordion-header-icon-default: var(--oev-color-custom-03);
  --oev-comp-accordion-header-icon-hover: var(--oev-color-custom-03);
  --oev-comp-accordion-header-icon-active: var(--oev-color-custom-03);
  --oev-comp-accordion-header-icon-open: var(--oev-color-custom-03);
  --oev-comp-accordion-body-color-background: var(--oev-color-transparent);
  --oev-comp-accordion-body-color-default: var(--oev-color-font-body-default);
  --oev-comp-accordion-body-spacing: var(--oev-sys-spacing-m);
  --oev-comp-accordion-body-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-accordion-body-font-style: normal normal 400 1rem / 1.5 Ubuntu, sans-serif;
  --oev-comp-accordion-body-font-weight: var(--oev-font-weight-body);
  --oev-comp-accordion-body-font-size: var(--oev-font-size-body);
  --oev-comp-accordion-body-line-height: var(--oev-line-height-m);
  --oev-comp-accordion-divider-color: var(--oev-color-action-white);
  --oev-comp-accordion-divider-height: var(--oev-ref-size-02);
  --oev-comp-advisor-card-gap: var(--oev-sys-spacing-m);
  --oev-comp-advisor-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-advisor-card-spacing-small: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-advisor-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-advisor-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-advisor-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-advisor-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-advisor-card-header-gap: var(--oev-sys-spacing-m);
  --oev-comp-advisor-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-advisor-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-advisor-card-header-image-size-xsmall: var(--oev-ref-size-56);
  --oev-comp-advisor-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-advisor-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-advisor-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-advisor-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-advisor-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-advisor-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-advisor-card-header-distance-gap: var(--oev-ref-spacing-02);
  --oev-comp-advisor-card-header-distance-padding: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-header-distance-border-radius: var(--oev-ref-radius-s);
  --oev-comp-advisor-card-header-distance-background-color: var(--oev-color-background-01);
  --oev-comp-advisor-card-header-distance-number-font-style: var(--oev-font-style-link-small);
  --oev-comp-advisor-card-header-distance-label-font-style: var(--oev-font-style-caption);
  --oev-comp-advisor-card-header-distance-font-color: var(--oev-color-font-label);
  --oev-comp-advisor-card-header-text-gap: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-header-text-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-advisor-card-header-text-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-advisor-card-status-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-status-expandable-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-status-opening-hours-headline-gap: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-status-opening-hours-headline-font-style: var(--oev-font-style-link);
  --oev-comp-advisor-card-status-opening-hours-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-advisor-card-status-opening-hours-headline-gap-stacked: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-expandable-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-advisor-card-expandable-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-advisor-card-expandable-headline-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-expandable-socialmedia-icons-gap: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-expandable-padding-top: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-expandable-gap: var(--oev-ref-spacing-20);
  --oev-comp-agency-search-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-agency-search-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-agency-search-auto-suggest-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-agency-search-auto-suggest-category-color-background: var(--oev-color-custom-02);
  --oev-comp-agency-search-auto-suggest-category-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-auto-suggest-category-font-color: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-category-inner-spacing-top-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-agency-search-auto-suggest-category-inner-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-default: var(--oev-color-background-17);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-hover: var(--oev-color-background-14);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-selected: var(--oev-color-background-01);
  --oev-comp-agency-search-auto-suggest-result-item-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-agency-search-auto-suggest-result-item-inner-spacing-top-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-agency-search-auto-suggest-result-item-inner-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-weight: var(--oev-font-weight-bold);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-agency-search-auto-suggest-max-height-above-sl: 600px;
  --oev-comp-agency-search-auto-suggest-max-height-below-sl: 460px;
  --oev-comp-agency-search-privacy-background: var(--oev-color-gray-100);
  --oev-comp-agency-search-privacy-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-privacy-font-color: var(--oev-color-font-body-default);
  --oev-comp-agency-search-privacy-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-agency-search-text-input-border-radius-top-left: var(--oev-ref-radius-m);
  --oev-comp-agency-search-text-input-border-radius-bottom-left: var(--oev-ref-radius-m);
  --oev-comp-agency-search-text-input-padding-right: var(--oev-sys-spacing-xl-3);
  --oev-comp-agency-search-text-input-icon-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-submit-button-border-radius-top-right: var(--oev-ref-radius-m);
  --oev-comp-agency-search-submit-button-border-radius-bottom-right: var(--oev-ref-radius-m);
  --oev-comp-agency-search-search-type-gap: var(--oev-sys-spacing-l);
  --oev-comp-agency-search-filter-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-shadow: var(--oev-sys-elevation-level-1);
  --oev-comp-agency-search-spacing: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-gap: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-background: var(--oev-color-action-white);
  --oev-comp-agency-search-results-divider-color: var(--oev-color-gray-300);
  --oev-comp-agency-search-results-divider-width: var(--oev-ref-size-01);
  --oev-comp-agency-search-results-border-top-color: var(--oev-color-gray-500);
  --oev-comp-agency-search-results-border-top-width: var(--oev-ref-size-01);
  --oev-comp-agency-search-search-card-width: 400px;
  --oev-comp-agency-search-map-height-above-sl: 800px;
  --oev-comp-agency-search-map-height-below-sl: 400px;
  --oev-comp-agency-search-map-gap: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-prefix-font-style: var(--oev-font-style-body);
  --oev-comp-anchor-nav-textbox-size: var(--oev-ref-size-24);
  --oev-comp-anchor-nav-link-color-default: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-anchor-nav-link-color-focus: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-color-active: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-color-selected: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-border-size: var(--oev-ref-size-04);
  --oev-comp-anchor-nav-link-font-style-default: var(--oev-font-style-body);
  --oev-comp-anchor-nav-link-font-style-hover: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-focus: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-active: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-selected: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-spacing-horizontal-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-link-spacing-horizontal-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-anchor-nav-link-spacing-vertical-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-anchor-nav-link-spacing-vertical-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-anchor-nav-link-focus-visible-border-radius: var(--oev-ref-radius-06);
  --oev-comp-anchor-nav-icon-interactive-color-default: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-icon-interactive-color-hover: var(--oev-color-primary-hover);
  --oev-comp-anchor-nav-icon-interactive-color-focus: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-icon-interactive-color-active: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-icon-interactive-size: var(--oev-comp-icon-size-large);
  --oev-comp-anchor-nav-background-color: var(--oev-color-background-17);
  --oev-comp-anchor-nav-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-anchor-nav-divider-bottom-color: var(--oev-color-primary-400);
  --oev-comp-anchor-nav-divider-bottom-size: var(--oev-ref-size-01);
  --oev-comp-badge-size-xs: var(--oev-ref-size-64);
  --oev-comp-badge-size-l: var(--oev-ref-size-80);
  --oev-comp-badge-size-default: var(--oev-comp-badge-size-xs);
  --oev-comp-badge-background-color-default: var(--oev-color-primary-default);
  --oev-comp-badge-content-rotation: 22.75deg;
  --oev-comp-badge-border-width: var(--oev-ref-size-00);
  --oev-comp-badge-border-color: var(--oev-color-transparent);
  --oev-comp-badge-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-badge-font-style: var(--oev-font-style-body-small);
  --oev-comp-badge-font-color: var(--oev-color-action-white);
  --oev-comp-badge-icon-color: var(--oev-color-action-white);
  --oev-comp-badge-icon-spacing: var(--oev-sys-spacing-none);
  --oev-comp-banner-background-color: var(--oev-color-primary-900);
  --oev-comp-banner-text-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-banner-text-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-banner-text-font-style-link-xl-m: var(--oev-font-style-link-large);
  --oev-comp-banner-text-font-style-link-sl-xs: var(--oev-font-style-link);
  --oev-comp-banner-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-banner-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-banner-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-banner-border-radius: 0.25rem 0.25rem 0 0;
  --oev-comp-banner-link-tile-spacing: var(--oev-sys-spacing-m);
  --oev-comp-banner-link-icon-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-banner-link-color-default: var(--oev-color-font-body-inverted);
  --oev-comp-banner-link-color-hover: var(--oev-color-white-hover);
  --oev-comp-banner-link-color-active: var(--oev-color-white-active);
  --oev-comp-banner-link-color-focus: var(--oev-color-white-active);
  --oev-comp-banner-link-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-branch-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-branch-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-branch-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-branch-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-branch-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-branch-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-branch-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-branch-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-branch-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-branch-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-branch-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-branch-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-branch-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-branch-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-header-text-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-branch-card-header-text-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-branch-card-header-text-teaser-font-style: var(--oev-font-style-h6);
  --oev-comp-branch-card-header-text-teaser-font-color: var(--oev-color-font-h6);
  --oev-comp-branch-card-status-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-status-opening-hours-headline-gap: var(--oev-sys-spacing-s);
  --oev-comp-branch-card-status-opening-hours-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-status-opening-hours-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-branch-card-contact-options-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-branch-card-contact-options-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-branch-card-contact-options-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-contact-socialmedia-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-contact-socialmedia-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-branch-card-contact-socialmedia-icons-gap: var(--oev-sys-spacing-s);
  --oev-comp-branch-card-contact-socialmedia-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-language-group-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-language-group-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-branch-card-wide-content-gap: var(--oev-sys-spacing-m);
  --oev-comp-breadcrumb-background-color: var(--oev-color-background-17);
  --oev-comp-breadcrumb-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-breadcrumb-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-breadcrumb-spacing-vertical: var(--oev-sys-spacing-xs);
  --oev-comp-breadcrumb-spacing-gap: var(--oev-sys-spacing-xxs);
  --oev-comp-breadcrumb-home-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-breadcrumb-separator-color: var(--oev-color-gray-500);
  --oev-comp-breadcrumb-separator-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-breadcrumb-link-color-default: var(--oev-color-gray-default);
  --oev-comp-breadcrumb-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-breadcrumb-link-color-active: var(--oev-color-primary-active);
  --oev-comp-breadcrumb-link-color-current: var(--oev-color-primary-default);
  --oev-comp-breadcrumb-link-font-style-default: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-hover: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-active: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-current: var(--oev-font-style-link-medium);
  --oev-comp-business-card-divider-color: var(--oev-color-gray-200);
  --oev-comp-business-card-container-spacing: var(--oev-ref-spacing-16);
  --oev-comp-business-card-distance-badge-background-color: var(--oev-color-gray-100);
  --oev-comp-business-card-distance-badge-number-font-style: var(--oev-font-style-link-small);
  --oev-comp-business-card-distance-badge-unit-font-style: var(--oev-font-style-link-small);
  --oev-comp-business-card-distance-badge-spacing-bottom: var(--oev-ref-spacing-08);
  --oev-comp-business-card-distance-badge-padding-left-right: var(--oev-ref-spacing-08);
  --oev-comp-business-card-distance-badge-padding-top-bottom: var(--oev-ref-spacing-02);
  --oev-comp-business-card-distance-badge-radius: var(--oev-ref-size-04);
  --oev-comp-business-card-title-font-style: var(--oev-font-style-h6);
  --oev-comp-business-card-headline-spacing-bottom: var(--oev-ref-spacing-04);
  --oev-comp-business-card-address-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-business-card-list-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-button-icon-spacing: var(--oev-ref-spacing-06);
  --oev-comp-button-font-style: var(--oev-font-style-link);
  --oev-comp-button-font-weight: var(--oev-font-weight-link);
  --oev-comp-button-font-size: var(--oev-font-size-link);
  --oev-comp-button-labeled-spacing-left-and-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-button-unlabeled-spacing-left-and-right: var(--oev-sys-spacing-s);
  --oev-comp-button-border-width: var(--oev-ref-size-02);
  --oev-comp-button-border-width-hover: var(--oev-ref-size-03);
  --oev-comp-button-border-radius: var(--oev-ref-radius-m);
  --oev-comp-button-color-outline-focused: var(--oev-color-focus-visible-outline);
  --oev-comp-button-offset-outline-focused: var(--oev-ref-size-02);
  --oev-comp-button-primary-contained-background-color-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-contained-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-contained-background-color-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-contained-background-color-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-contained-background-color-disabled: var(--oev-color-gray-200);
  --oev-comp-button-primary-contained-color-label-default: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-hover: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-active: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-focus: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-disabled: var(--oev-color-gray-700);
  --oev-comp-button-primary-contained-color-icon-default: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-hover: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-active: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-focus: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-disabled: var(--oev-color-gray-700);
  --oev-comp-button-primary-outlined-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-outlined-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-outlined-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-outlined-color-icon-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-outlined-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-outlined-color-label-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-outlined-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-outlined-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-outlined-color-label-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-outlined-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-outlined-color-border-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-outlined-color-border-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-outlined-color-border-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-outlined-color-border-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-outlined-color-border-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-outlined-color-background-default: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-hover: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-active: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-disabled: var(--oev-color-transparent);
  --oev-comp-button-primary-link-color-label-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-link-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-link-color-label-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-link-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-link-color-label-visited: var(--oev-color-primary-default);
  --oev-comp-button-primary-link-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-primary-link-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-link-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-link-color-icon-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-link-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-link-color-icon-visited: var(--oev-color-primary-default);
  --oev-comp-button-primary-link-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-secondary-outlined-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-outlined-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-outlined-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-border-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-outlined-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-border-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-outlined-color-background-default: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-hover: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-focus: var(--oev-color-secondary-50);
  --oev-comp-button-secondary-outlined-color-background-active: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-disabled: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-outlined-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-contained-color-label-default: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-hover: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-focus: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-active: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-disabled: var(--oev-color-gray-700);
  --oev-comp-button-secondary-contained-color-background-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-contained-color-background-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-contained-color-background-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-contained-color-background-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-background-disabled: var(--oev-color-gray-200);
  --oev-comp-button-secondary-contained-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-contained-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-contained-color-border-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-contained-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-border-disabled: var(--oev-color-gray-200);
  --oev-comp-button-secondary-contained-color-icon-default: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-hover: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-focus: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-active: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-disabled: var(--oev-color-gray-700);
  --oev-comp-button-secondary-link-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-link-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-link-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-link-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-link-color-label-visited: var(--oev-color-secondary-visited);
  --oev-comp-button-secondary-link-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-link-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-link-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-link-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-link-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-link-color-icon-visited: var(--oev-color-secondary-visited);
  --oev-comp-button-secondary-link-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-white-contained-color-label-default: var(--oev-color-primary-default);
  --oev-comp-button-white-contained-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-white-contained-color-label-active: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-white-contained-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-white-contained-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-white-contained-color-icon-active: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-white-outlined-color-default: var(--oev-color-white-default);
  --oev-comp-button-white-outlined-color-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-outlined-color-active: var(--oev-color-white-active);
  --oev-comp-button-white-outlined-color-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-outlined-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-white-link-color-label-default: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-label-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-link-color-label-active: var(--oev-color-white-active);
  --oev-comp-button-white-link-color-label-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-link-color-label-visited: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-label-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-white-link-color-icon-default: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-icon-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-link-color-icon-active: var(--oev-color-white-active);
  --oev-comp-button-white-link-color-icon-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-link-color-icon-visited: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-icon-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-link-color-label-default: var(--oev-color-primary-default);
  --oev-comp-button-link-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-link-color-label-active: var(--oev-color-primary-active);
  --oev-comp-button-link-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-link-color-label-visited: var(--oev-color-primary-default);
  --oev-comp-button-link-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-link-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-link-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-link-color-icon-active: var(--oev-color-primary-active);
  --oev-comp-button-link-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-link-color-icon-visited: var(--oev-color-primary-default);
  --oev-comp-button-link-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-card-icon-text-content-box-spacing-top: var(--oev-sys-spacing-xl-2);
  --oev-comp-card-icon-text-content-box-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-content-box-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-content-box-background-color: var(--oev-color-background-02);
  --oev-comp-card-icon-text-content-box-border-radius: var(--oev-ref-radius-l);
  --oev-comp-card-icon-text-icon-container-box-shadow: var(--oev-sys-elevation-level-3);
  --oev-comp-card-icon-text-icon-container-border-radius: var(--oev-ref-radius-l);
  --oev-comp-card-icon-text-icon-container-size: var(--oev-ref-size-80);
  --oev-comp-card-icon-text-icon-container-background-color: var(--oev-color-background-17);
  --oev-comp-card-icon-text-icon-color: var(--oev-color-secondary-default);
  --oev-comp-card-icon-text-headline-font-style: var(--oev-font-style-h2);
  --oev-comp-card-icon-text-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-card-icon-text-headline-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-body-font-style: var(--oev-font-style-body);
  --oev-comp-card-icon-text-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-card-icon-text-body-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-card-border-radius: var(--oev-ref-radius-l);
  --oev-comp-card-badge-zindex: var(--oev-ref-z-index-20);
  --oev-comp-card-header-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-card-header-spacing-right: var(--oev-sys-spacing-l);
  --oev-comp-card-header-spacing-teaser-top: var(--oev-sys-spacing-m);
  --oev-comp-card-header-title-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-header-title-font-style: var(--oev-font-style-h3);
  --oev-comp-card-header-title-font-color: var(--oev-color-font-headline);
  --oev-comp-card-header-subtitle-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-card-header-subtitle-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-card-header-subtitle-font-color: var(--oev-color-font-subheadline);
  --oev-comp-card-header-teaser-font-style: var(--oev-font-style-body);
  --oev-comp-card-header-teaser-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-vertical-header-subtitle-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-card-content-outer-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-link-color-default: var(--oev-color-primary-default);
  --oev-comp-card-content-read-more-link-color: var(--oev-color-primary-default);
  --oev-comp-card-content-top-section-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-card-content-top-section-secondary-title-font-style: var(--oev-font-style-h6);
  --oev-comp-card-content-top-section-secondary-title-font-color: var(--oev-color-font-headline);
  --oev-comp-card-content-top-section-body-text-font-style: var(--oev-font-style-body);
  --oev-comp-card-content-bottom-section-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-bottom-section-caption-font-style: var(--oev-font-style-caption);
  --oev-comp-card-media-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-color-background-10: var(--oev-color-custom-10);
  --oev-comp-card-color-background-11: var(--oev-color-custom-11);
  --oev-comp-card-color-background-12: var(--oev-color-custom-12);
  --oev-comp-card-color-background-13: var(--oev-color-gray-100);
  --oev-comp-card-color-background-14: var(--oev-color-action-white);
  --oev-comp-card-color-background-15: var(--oev-comp-card-color-background-09);
  --oev-comp-card-color-background-default: var(--oev-color-action-white);
  --oev-comp-card-color-background-01: var(--oev-color-custom-01);
  --oev-comp-card-color-background-02: var(--oev-color-custom-02);
  --oev-comp-card-color-background-03: var(--oev-color-custom-03);
  --oev-comp-card-color-background-04: var(--oev-color-custom-04);
  --oev-comp-card-color-background-05: var(--oev-color-custom-05);
  --oev-comp-card-color-background-06: var(--oev-color-custom-06);
  --oev-comp-card-color-background-07: var(--oev-color-custom-07);
  --oev-comp-card-color-background-08: var(--oev-color-custom-08);
  --oev-comp-card-color-background-09: var(--oev-color-custom-09);
  --oev-comp-card-color-background-pg-01: var(--oev-color-container-pg-01);
  --oev-comp-card-color-background-pg-02: var(--oev-color-container-pg-02);
  --oev-comp-card-color-background-pg-03: var(--oev-color-container-pg-03);
  --oev-comp-card-slider-spacing-left-right: var(--oev-ref-spacing-06);
  --oev-comp-card-slider-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-indicators-width: var(--oev-ref-size-32);
  --oev-comp-card-slider-indicators-height: var(--oev-ref-size-06);
  --oev-comp-card-slider-indicators-radius: var(--oev-ref-radius-s);
  --oev-comp-card-slider-indicators-opacity: var(--oev-ref-opacity-100);
  --oev-comp-card-slider-indicators-border-color-default: var(--oev-color-transparent);
  --oev-comp-card-slider-indicators-border-color-hover: var(--oev-color-transparent);
  --oev-comp-card-slider-indicators-border-color-active: var(--oev-color-transparent);
  --oev-comp-card-slider-indicators-background-color-default: var(--oev-color-primary-300);
  --oev-comp-card-slider-indicators-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-card-slider-indicators-background-color-active: var(--oev-color-primary-default);
  --oev-comp-card-slider-indicators-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-card-slider-indicators-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-slider-icon-size: var(--oev-comp-icon-size-large);
  --oev-comp-card-slider-nav-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-card-slider-nav-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-card-slider-nav-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-card-slider-nav-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-card-slider-nav-icon-left-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-nav-icon-right-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-checkbox-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-checkbox-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-checkbox-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-checkbox-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-checkbox-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-checkbox-color-error: var(--oev-color-action-error);
  --oev-comp-forms-checkbox-selected-color-default: var(--oev-color-primary-default);
  --oev-comp-forms-checkbox-selected-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-checkbox-selected-color-active: var(--oev-color-primary-active);
  --oev-comp-forms-checkbox-selected-color-focus: var(--oev-color-primary-focus);
  --oev-comp-forms-checkbox-selected-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-forms-checkbox-selected-color-error: var(--oev-color-action-error);
  --oev-comp-forms-checkbox-grid-spacing: var(--oev-sys-spacing-s);
  --oev-comp-forms-checkbox-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-checkbox-label-line-height: var(--oev-line-height-m);
  --oev-comp-forms-checkbox-label-color: var(--oev-color-font-label);
  --oev-comp-forms-checkbox-error-text-font-style: var(--oev-font-style-error);
  --oev-comp-forms-checkbox-error-text-color: var(--oev-color-action-error);
  --oev-comp-forms-datepicker-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-forms-datepicker-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-datepicker-icon-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-datepicker-overlay-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-datepicker-overlay-background-color: var(--oev-color-background-17);
  --oev-comp-forms-datepicker-overlay-width-xs-s: 270px;
  --oev-comp-forms-datepicker-overlay-width-m-xl: 290px;
  --oev-comp-forms-datepicker-overlay-border-radius: var(--oev-ref-radius-s);
  --oev-comp-forms-datepicker-overlay-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-forms-datepicker-overlay-header-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-header-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-forms-datepicker-overlay-header-spacing-right: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-header-controls-spacing: var(--oev-sys-spacing-l);
  --oev-comp-forms-datepicker-overlay-header-controls-switch-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-datepicker-overlay-header-controls-switch-font-style: var(--oev-font-style-body-small);
  --oev-comp-forms-datepicker-overlay-header-controls-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-forms-datepicker-overlay-header-controls-icon-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-datepicker-overlay-days-of-week-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-days-of-week-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-days-of-week-font-style: var(--oev-font-style-body-small);
  --oev-comp-forms-datepicker-overlay-days-of-week-color: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-days-grid-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-days-grid-border-top-color: var(--oev-color-gray-400);
  --oev-comp-forms-datepicker-overlay-days-grid-border-top-width: var(--oev-ref-size-01);
  --oev-comp-forms-datepicker-overlay-days-grid-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-forms-datepicker-overlay-days-grid-hover-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-hover-background-color: var(--oev-color-secondary-hover);
  --oev-comp-forms-datepicker-overlay-days-grid-selected-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-selected-background-color: var(--oev-color-primary-default);
  --oev-comp-forms-datepicker-overlay-days-grid-today-color: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-today-background-color: var(--oev-color-primary-50);
  --oev-comp-forms-dropdown-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-dropdown-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-focus: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-active: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-error: var(--oev-color-font-error);
  --oev-comp-forms-dropdown-font-style: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-height: var(--oev-ref-size-48);
  --oev-comp-forms-dropdown-background-color-default: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-overflow: inherit;
  --oev-comp-forms-dropdown-text-overflow: inherit;
  --oev-comp-forms-dropdown-inner-spacing-top: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-top-focus: var(--oev-ref-spacing-10);
  --oev-comp-forms-dropdown-inner-spacing-right: var(--oev-sys-spacing-xl-3);
  --oev-comp-forms-dropdown-inner-spacing-bottom: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-dropdown-inner-spacing-left-focus: var(--oev-ref-spacing-15);
  --oev-comp-forms-dropdown-icon-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-dropdown-icon-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-dropdown-icon-color-open: var(--oev-color-gray-active);
  --oev-comp-forms-dropdown-icon-color-open-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-dropdown-icon-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-dropdown-icon-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-icon-color-error-hover: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-border-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-dropdown-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-dropdown-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-dropdown-border-color-open: var(--oev-color-gray-active);
  --oev-comp-forms-dropdown-border-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-dropdown-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-dropdown-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-forms-dropdown-border-width-active: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-forms-dropdown-border-width-disabled: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-error: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-open: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-radius: var(--oev-ref-radius-m);
  --oev-comp-forms-dropdown-placeholder-color-default: var(--oev-color-font-placeholder);
  --oev-comp-forms-dropdown-placeholder-color-open: var(--oev-color-font-placeholder);
  --oev-comp-forms-dropdown-menu-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-menu-font-style-default: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-menu-font-style-hover: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-menu-background-color-default: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-menu-background-color-hover: var(--oev-color-gray-100);
  --oev-comp-forms-dropdown-menu-scrollbar-background-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-dropdown-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-item-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-dropdown-item-font-style-hover: var(--oev-font-style-link);
  --oev-comp-forms-dropdown-inline-label-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-inline-label-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-inline-label-font-style: var(--oev-font-style-label-small);
  --oev-comp-forms-dropdown-inline-label-font-size: var(--oev-font-size-label-small);
  --oev-comp-forms-dropdown-inline-label-display: block;
  --oev-comp-forms-dropdown-inline-label-background-color: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-dropdown-label-color: var(--oev-color-font-label);
  --oev-comp-forms-dropdown-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-dropdown-label-line-break: auto;
  --oev-comp-forms-error-font-color: var(--oev-color-action-error);
  --oev-comp-forms-error-font-style: var(--oev-font-style-error);
  --oev-comp-forms-error-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-error-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-radio-button-color-bullet-outline-default: var(--oev-color-gray-600);
  --oev-comp-forms-radio-button-color-bullet-outline-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-radio-button-color-bullet-outline-active: var(--oev-color-gray-active);
  --oev-comp-forms-radio-button-color-bullet-outline-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-radio-button-color-bullet-outline-error: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-default: var(--oev-color-gray-600);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-active: var(--oev-color-gray-active);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-error: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-default: var(--oev-color-primary-default);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-active: var(--oev-color-primary-active);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-disabled: var(--oev-color-primary-disabled);
  --oev-comp-forms-radio-button-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-radio-button-label-color: var(--oev-color-font-label);
  --oev-comp-forms-radio-button-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-option-label-font-style: var(--oev-font-style-body);
  --oev-comp-forms-radio-button-option-label-color: var(--oev-color-font-label);
  --oev-comp-forms-radio-button-option-label-error-color: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-option-label-spacing-right-direction: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-option-label-spacing-left-direction: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-error-text-color: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-error-text-font-style: var(--oev-font-style-error);
  --oev-comp-forms-radio-button-error-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-radio-button-bullet-outline-size: var(--oev-ref-size-20);
  --oev-comp-forms-radio-button-inner-bullet-size-scale: 0.6;
  --oev-comp-forms-radio-button-bullet-outline-width: var(--oev-ref-size-02);
  --oev-comp-forms-radio-button-options-row-spacing: var(--oev-sys-spacing-m);
  --oev-comp-forms-radio-button-options-column-spacing: var(--oev-sys-spacing-xl-3);
  --oev-comp-forms-text-area-inner-spacing: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-spacing-left-top-hover: var(--oev-ref-spacing-15);
  --oev-comp-forms-text-area-spacing-left-top-focus: var(--oev-ref-spacing-15);
  --oev-comp-forms-text-area-color-background: var(--oev-color-background-17);
  --oev-comp-forms-text-area-icon-resizer-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-text-area-icon-resizer-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-text-area-icon-resizer-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-text-area-icon-resizer-color-error: var(--oev-color-action-error);
  --oev-comp-forms-text-area-icon-resizer-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-text-area-icon-resizer-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-text-area-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-text-area-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-text-area-label-color: var(--oev-color-font-label);
  --oev-comp-forms-text-area-placeholder-font-style: var(--oev-font-style-body);
  --oev-comp-forms-text-area-placeholder-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-text-area-placeholder-color-focus: var(--oev-color-transparent);
  --oev-comp-forms-text-area-text-font-style: var(--oev-font-style-body);
  --oev-comp-forms-text-area-text-font-weight: var(--oev-font-weight-body);
  --oev-comp-forms-text-area-text-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-active: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-focus: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-forms-text-area-text-color-error: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-border-radius: var(--oev-ref-radius-m);
  --oev-comp-forms-text-area-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-forms-text-area-border-width-active: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-forms-text-area-border-width-disabled: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-text-area-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-text-area-border-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-text-area-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-text-area-border-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-text-area-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-text-area-help-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-text-area-help-text-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-help-text-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-help-text-font-style-error: var(--oev-font-style-error);
  --oev-comp-forms-text-area-help-text-color-error: var(--oev-color-font-error);
  --oev-comp-forms-input-text-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-input-text-color-placeholder: var(--oev-color-font-placeholder);
  --oev-comp-forms-input-text-placeholder-font-style: var(--oev-font-style-body);
  --oev-comp-forms-input-text-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-forms-input-text-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-forms-input-text-border-width-disabled: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-error: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-input-text-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-input-text-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-input-text-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-input-text-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-input-text-border-radius: var(--oev-ref-radius-m);
  --oev-comp-forms-input-text-spacing-left-default: var(--oev-ref-spacing-15);
  --oev-comp-forms-input-text-spacing-left-hover: var(--oev-ref-spacing-14);
  --oev-comp-forms-input-text-spacing-left-focus: var(--oev-ref-spacing-14);
  --oev-comp-forms-input-text-field-color-background-default: var(--oev-color-background-17);
  --oev-comp-forms-input-text-field-color-background-hover: var(--oev-color-background-17);
  --oev-comp-forms-input-text-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-input-text-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-input-text-label-color: var(--oev-color-font-label);
  --oev-comp-forms-input-text-float-label-font-style: var(--oev-font-style-label-small);
  --oev-comp-forms-input-text-float-label-color-error: var(--oev-color-font-error);
  --oev-comp-forms-input-text-float-label-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-help-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-input-text-help-text-font-style-error: var(--oev-font-style-error);
  --oev-comp-forms-input-text-help-text-color-error: var(--oev-color-font-error);
  --oev-comp-forms-toggle-track-height: var(--oev-ref-size-32);
  --oev-comp-forms-toggle-track-width: var(--oev-ref-size-52);
  --oev-comp-forms-toggle-track-border-radius: var(--oev-ref-radius-50);
  --oev-comp-forms-toggle-track-border-width: var(--oev-ref-size-02);
  --oev-comp-forms-toggle-handle-height: var(--oev-ref-size-24);
  --oev-comp-forms-toggle-handle-width: var(--oev-ref-size-24);
  --oev-comp-forms-toggle-handle-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-forms-toggle-grid-spacing: var(--oev-sys-spacing-s);
  --oev-comp-forms-toggle-option-label-font-style: var(--oev-font-style-body);
  --oev-comp-forms-toggle-option-label-line-height: var(--oev-line-height-m);
  --oev-comp-forms-toggle-option-label-color: var(--oev-color-font-label);
  --oev-comp-forms-toggle-selected-handle-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-toggle-selected-handle-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-forms-toggle-selected-handle-spacing-right: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-toggle-selected-handle-background-color-default: var(--oev-color-action-white);
  --oev-comp-forms-toggle-selected-handle-background-color-hover: var(--oev-color-action-white);
  --oev-comp-forms-toggle-selected-handle-background-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-toggle-selected-track-background-color-default: var(--oev-color-primary-default);
  --oev-comp-forms-toggle-selected-track-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-toggle-selected-track-background-color-disabled: var(--oev-color-transparent);
  --oev-comp-forms-toggle-selected-track-border-color-default: var(--oev-color-primary-default);
  --oev-comp-forms-toggle-selected-track-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-toggle-selected-track-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-toggle-selected-icon-content: var(--oev-icon-check-outlined);
  --oev-comp-forms-toggle-selected-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-forms-toggle-selected-icon-color-hover: var(--oev-color-primary-default);
  --oev-comp-forms-toggle-selected-icon-color-disabled: var(--oev-color-action-white);
  --oev-comp-forms-toggle-unselected-handle-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-toggle-unselected-handle-spacing-left: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-toggle-unselected-handle-spacing-right: var(--oev-sys-spacing-l);
  --oev-comp-forms-toggle-unselected-handle-background-color-default: var(--oev-color-action-white);
  --oev-comp-forms-toggle-unselected-handle-background-color-hover: var(--oev-color-action-white);
  --oev-comp-forms-toggle-unselected-handle-background-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-toggle-unselected-track-background-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-toggle-unselected-track-background-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-toggle-unselected-track-background-color-disabled: var(--oev-color-transparent);
  --oev-comp-forms-toggle-unselected-track-border-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-toggle-unselected-track-border-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-toggle-unselected-track-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-toggle-unselected-icon-content: var(--oev-icon-clear-outlined);
  --oev-comp-forms-toggle-unselected-icon-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-toggle-unselected-icon-color-hover: var(--oev-color-gray-600);
  --oev-comp-forms-toggle-unselected-icon-color-disabled: var(--oev-color-action-white);
  --oev-comp-chip-font-color-default: var(--oev-color-primary-default);
  --oev-comp-chip-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-font-color-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-font-color-active: var(--oev-color-primary-active);
  --oev-comp-chip-font-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-font-color-selected-default: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-hover: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-focus: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-active: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-disabled: var(--oev-color-action-white);
  --oev-comp-chip-border-color-default: var(--oev-color-primary-default);
  --oev-comp-chip-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-border-color-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-border-color-active: var(--oev-color-primary-active);
  --oev-comp-chip-border-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-border-color-selected-default: var(--oev-color-primary-default);
  --oev-comp-chip-border-color-selected-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-border-color-selected-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-border-color-selected-active: var(--oev-color-primary-active);
  --oev-comp-chip-border-color-selected-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-background-color-default: var(--oev-color-background-17);
  --oev-comp-chip-background-color-hover: var(--oev-color-background-17);
  --oev-comp-chip-background-color-focus: var(--oev-color-background-17);
  --oev-comp-chip-background-color-active: var(--oev-color-background-17);
  --oev-comp-chip-background-color-disabled: var(--oev-color-background-17);
  --oev-comp-chip-background-color-selected-default: var(--oev-color-primary-default);
  --oev-comp-chip-background-color-selected-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-background-color-selected-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-background-color-selected-active: var(--oev-color-primary-active);
  --oev-comp-chip-background-color-selected-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-outline-color-focus: var(--oev-color-action-focus-on-light);
  --oev-comp-chip-outline-offset-focus: var(--oev-ref-size-02);
  --oev-comp-chip-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-chip-spacing-left-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-chip-border-radius: var(--oev-ref-radius-50);
  --oev-comp-chip-border-width: var(--oev-ref-size-02);
  --oev-comp-chip-font-style: var(--oev-font-style-link);
  --oev-comp-cta-group-spacing-vertical: var(--oev-sys-spacing-l);
  --oev-comp-cta-group-spacing-horizontal: var(--oev-sys-spacing-l);
  --oev-comp-cta-bar-vertical-spacing: var(--oev-sys-spacing-xl-1);
  --oev-comp-cta-bar-vertical-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-cta-bar-container-width: 100%;
  --oev-comp-cta-bar-button-size: var(--oev-ref-size-96);
  --oev-comp-cta-bar-button-label-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-cta-bar-button-label-font-style: var(--oev-font-style-link);
  --oev-comp-cta-bar-button-label-font-weight: var(--oev-font-weight-link);
  --oev-comp-cta-bar-button-label-icon-color-default: var(--oev-comp-cta-bar-button-font-color-default);
  --oev-comp-cta-bar-button-border-radius: var(--oev-ref-radius-xl);
  --oev-comp-cta-bar-button-border-radius-focus-visible: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-icon-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-cta-bar-button-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-cta-bar-button-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-font-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-contained-background-color: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-contained-background-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-contained-elevation-level-default: var(--oev-sys-elevation-level-2);
  --oev-comp-cta-bar-button-contained-elevation-level-hover: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-active: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-selected: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-disabled: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-outlined-background-color: var(--oev-color-transparent);
  --oev-comp-cta-bar-button-outlined-background-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-outlined-border-size: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-default: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-hover: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-active: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-selected: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-disabled: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-outlined-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-outlined-border-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-outlined-border-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-outlined-border-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-custom-border-radius: var(--oev-ref-radius-xl);
  --oev-comp-cta-bar-button-custom-border-width-default: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-hover: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-active: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-selected: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-disabled: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-color-default: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-border-color-hover: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-border-color-active: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-border-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-border-color-disabled: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-background-color-default: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-custom-background-color-hover: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-custom-background-color-active: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-custom-background-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-background-color-disabled: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-custom-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-custom-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-font-color-focus: var(--oev-color-secondary-focus);
  --oev-comp-cta-bar-button-custom-font-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-custom-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-custom-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-custom-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-icon-color-focus: var(--oev-color-secondary-focus);
  --oev-comp-cta-bar-button-custom-icon-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-custom-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-cta-bar-button-custom-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-cta-bar-button-custom-elevation-level-default: var(--oev-sys-elevation-level-2);
  --oev-comp-cta-bar-button-custom-elevation-level-hover: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-custom-elevation-level-active: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-custom-elevation-level-selected: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-custom-elevation-level-disabled: var(--oev-sys-elevation-level-1);
  --oev-comp-custom-search-background-color: var(--oev-color-background-14);
  --oev-comp-custom-search-outer-spacing: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-shadow: var(--oev-sys-elevation-level-0);
  --oev-comp-custom-search-border-radius: var(--oev-ref-radius-none);
  --oev-comp-custom-search-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-custom-search-text-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-custom-search-inputfield-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-result-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-result-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-customer-interaction-container-background-color: var(--oev-color-action-white);
  --oev-comp-customer-interaction-container-spacing-left-right: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-container-spacing-top: var(--oev-ref-spacing-24);
  --oev-comp-customer-interaction-container-spacing-bottom: var(--oev-ref-spacing-24);
  --oev-comp-customer-interaction-position-right: var(--oev-sys-spacing-s);
  --oev-comp-customer-interaction-position-bottom: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-customer-interaction-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-customer-interaction-icon-spacing-bottom: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-icon-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-divider-color: var(--oev-color-gray-500);
  --oev-comp-divider-height: var(--oev-ref-size-01);
  --oev-comp-divider-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-download-headline-font-style: var(--oev-font-style-h2);
  --oev-comp-download-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-download-subheadline-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-download-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-download-icon-color-default: var(--oev-color-gray-600);
  --oev-comp-download-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-download-icon-size: var(--oev-ref-size-24);
  --oev-comp-download-icon-container-background-color-default: var(--oev-color-background-17);
  --oev-comp-download-icon-container-background-color-hover: var(--oev-color-background-17);
  --oev-comp-download-icon-container-border-color-default: var(--oev-color-gray-600);
  --oev-comp-download-icon-container-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-download-icon-container-border-width: var(--oev-ref-size-01);
  --oev-comp-download-icon-container-width: var(--oev-ref-size-40);
  --oev-comp-download-icon-container-height: var(--oev-ref-size-40);
  --oev-comp-download-icon-container-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-download-container-padding: var(--oev-sys-spacing-m);
  --oev-comp-download-container-background-color-default: var(--oev-color-custom-02);
  --oev-comp-download-container-background-color-hover: var(--oev-color-custom-01);
  --oev-comp-download-container-headline-font-style: var(--oev-font-style-link);
  --oev-comp-download-container-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-download-container-headline-font-color-hover: var(--oev-color-font-body-default);
  --oev-comp-download-container-subheadline-font-style: var(--oev-font-style-body);
  --oev-comp-download-container-subheadline-font-color: var(--oev-color-font-body-default);
  --oev-comp-download-progressbar-background-color-default: var(--oev-color-custom-01);
  --oev-comp-elements-layout-read-more-button-border-spacing-top-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-elements-layout-read-more-button-border-spacing-top-s-sl: var(--oev-sys-spacing-l);
  --oev-comp-elements-layout-read-more-button-border-spacing-top-xs: var(--oev-sys-spacing-m);
  --oev-comp-employee-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-employee-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-employee-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-employee-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-employee-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-employee-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-employee-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-employee-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-employee-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-employee-card-header-image-size: var(--oev-ref-size-160);
  --oev-comp-employee-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-employee-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-employee-card-header-text-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-employee-card-header-text-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-employee-card-header-text-subline-font-style: var(--oev-font-style-link);
  --oev-comp-employee-card-header-text-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-header-text-description-font-style: var(--oev-font-style-body);
  --oev-comp-employee-card-header-text-description-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-header-text-qualifications-font-style: var(--oev-font-style-body);
  --oev-comp-employee-card-header-text-qualifications-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-contact-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-employee-card-contact-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-employee-card-language-group-headline-font-style: var(--oev-font-style-label);
  --oev-comp-employee-card-language-group-headline-font-color: var(--oev-color-font-label);
  --oev-comp-filter-chip-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-filter-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-filter-spacing-sl-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-flyout-background-color: var(--oev-color-background-17);
  --oev-comp-flyout-elevation-level: var(--oev-sys-elevation-level-2);
  --oev-comp-flyout-content-optional-inner-spacing: var(--oev-sys-spacing-m);
  --oev-comp-flyout-xs-s-border-radius: var(--oev-ref-radius-none);
  --oev-comp-flyout-sl-xl-border-radius: var(--oev-ref-radius-s);
  --oev-comp-flyout-arrow-height: var(--oev-ref-size-08);
  --oev-comp-flyout-arrow-width: var(--oev-ref-size-16);
  --oev-comp-flyout-close-icon-variant: "primary";
  --oev-comp-flyout-close-icon-size: "m";
  --oev-comp-flyout-m-xl-width: 384px;
  --oev-comp-footer-color-background: var(--oev-color-background-01);
  --oev-comp-footer-max-width: 84rem;
  --oev-comp-footer-content-margin-top: var(--oev-sys-spacing-none);
  --oev-comp-footer-link-color-default: var(--oev-color-font-body-default);
  --oev-comp-footer-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-footer-link-color-active: var(--oev-color-primary-active);
  --oev-comp-footer-link-color-visited: var(--oev-color-font-body-default);
  --oev-comp-footer-link-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-footer-top-section-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-footer-top-section-spacing-top-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-footer-top-section-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-footer-top-section-spacing-bottom-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-footer-top-section-border-top: 0.063rem solid transparent;
  --oev-comp-footer-top-section-border-top-xs-s: 0.063rem solid transparent;
  --oev-comp-footer-top-section-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-top-section-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-top-section-headline-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-top-section-link-font: var(--oev-font-style-link);
  --oev-comp-footer-top-section-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-top-section-link-spacing: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-body-spacing-link: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-body-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-footer-accordion-body-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-body-spacing-bottom-xs-s: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-border-bottom: 0.063rem solid rgba(255, 255, 255, .3);
  --oev-comp-footer-accordion-header-font: var(--oev-font-style-h6);
  --oev-comp-footer-accordion-header-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-accordion-link-font: var(--oev-font-style-link);
  --oev-comp-footer-accordion-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-bottom-section-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-top-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-bottom-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-border-top: 0.063rem solid transparent;
  --oev-comp-footer-bottom-section-link-font: var(--oev-font-style-link-small);
  --oev-comp-footer-bottom-section-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-bottom-section-link-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-footer-bottom-section-copyright-font: var(--oev-font-style-body-small);
  --oev-comp-footer-bottom-section-content-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-bottom-section-content-spacing-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-footer-bottom-section-container-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-seals-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-seals-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-seals-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-footer-seals-visual-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-social-media-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-social-media-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-social-media-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-footer-social-media-disclaimer-font: var(--oev-font-style-caption);
  --oev-comp-footer-social-media-disclaimer-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-footer-social-media-icon-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-copyright-link-color: var(--oev-color-font-body-default);
  --oev-comp-google-card-border-radius: var(--oev-ref-radius-l);
  --oev-comp-google-rating-horizontal-font-color: var(--oev-color-font-body-small);
  --oev-comp-google-rating-horizontal-font-style: var(--oev-font-style-body-small);
  --oev-comp-google-rating-horizontal-gap: var(--oev-sys-spacing-xs);
  --oev-comp-google-rating-horizontal-logo-size: var(--oev-ref-size-24);
  --oev-comp-google-rating-horizontal-star-size: var(--oev-ref-size-16);
  --oev-comp-google-rating-vertical-font-color: var(--oev-color-font-body-default);
  --oev-comp-google-rating-vertical-font-style: var(--oev-font-style-body);
  --oev-comp-google-rating-vertical-gap: var(--oev-sys-spacing-xxs);
  --oev-comp-google-rating-vertical-logo-size: var(--oev-ref-size-40);
  --oev-comp-google-rating-vertical-star-size: var(--oev-ref-size-24);
  --oev-comp-greeting-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-greeting-headline-font-style: var(--oev-font-style-h3);
  --oev-comp-greeting-signature-font-color: var(--oev-color-font-calligraphy);
  --oev-comp-greeting-signature-font-style: var(--oev-font-style-signature);
  --oev-comp-greeting-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-greeting-body-font-style: var(--oev-font-style-body);
  --oev-comp-greeting-caption-font-color: var(--oev-color-font-caption);
  --oev-comp-greeting-caption-font-style: var(--oev-font-style-caption);
  --oev-comp-greeting-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-greeting-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-greeting-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-greeting-gap-spacing-headline-body: var(--oev-sys-spacing-m);
  --oev-comp-greeting-gap-spacing-signature-caption: var(--oev-sys-spacing-xs);
  --oev-comp-grid-size-small-landscape: 72.5rem;
  --oev-comp-grid-size-medium: 72.5rem;
  --oev-comp-grid-size-large: 84rem;
  --oev-comp-grid-size-xl: 84rem;
  --oev-comp-grid-size-medium-horizontal-margin: auto;
  --oev-comp-grid-responsive-spacing-top-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-grid-responsive-gap: var(--oev-sys-spacing-m);
  --oev-comp-grid-container-card-view-border-color: var(--oev-color-transparent);
  --oev-comp-grid-container-card-view-border-width: var(--oev-ref-size-00);
  --oev-comp-grid-container-card-view-border-radius: var(--oev-ref-radius-l);
  --oev-comp-grid-container-card-view-box-background: var(--oev-color-background-17);
  --oev-comp-grid-container-card-view-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-grid-container-card-view-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-grid-container-card-view-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-border-left-position: var(--oev-ref-size-00);
  --oev-comp-header-nav-border-width: 100%;
  --oev-comp-header-nav-header-burger-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-header-nav-header-logo-max-width: var(--oev-ref-size-140);
  --oev-comp-header-nav-header-logo-height-sl-xs: var(--oev-ref-size-64);
  --oev-comp-header-nav-header-logo-height-m-xl: var(--oev-ref-size-64);
  --oev-comp-header-nav-header-logo-space-top: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-left: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-align: var(--oev-ref-align-center);
  --oev-comp-header-nav-header-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-header-spacing-vertical: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-header-xl-m-spacing-horizontal: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-header-sl-xs-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-height: var(--oev-ref-size-104);
  --oev-comp-header-nav-header-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-sl-xs-height: var(--oev-ref-size-72);
  --oev-comp-header-nav-header-sl-xs-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-xl-m-height: var(--oev-ref-size-104);
  --oev-comp-header-nav-header-xl-m-border-bottom-color: var(--oev-color-transparent);
  --oev-comp-header-nav-header-utility-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-utility-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-utility-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-textinput-height: var(--oev-ref-size-24);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-height: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-utility-link-textinput-placeholder-font-color-default: var(--oev-color-font-placeholder);
  --oev-comp-header-nav-header-utility-link-textinput-placeholder-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-header-nav-header-utility-link-textinput-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-horizontal: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-left: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-header-nav-header-utility-link-textinput-icon-spacing-horizontal: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-advisor-max-width: 200px;
  --oev-comp-header-nav-header-utility-link-advisor-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-radius: var(--oev-ref-radius-xl);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-size: var(--oev-ref-size-02);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-header-utility-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-utility-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-utility-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-header-utility-link-spacing: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-header-utility-link-divider-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-bar-background-color: var(--oev-color-action-white);
  --oev-comp-header-nav-header-sl-xs-utility-bar-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-sl-xs-utility-bar-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-divider-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-border-bottom-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-placeholder-font-color-default: var(--oev-color-font-placeholder);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-placeholder-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-nav-element-border-radius: var(--oev-ref-size-06);
  --oev-comp-header-nav-header-color-outline-focused: var(--oev-color-focus-visible-outline);
  --oev-comp-header-nav-header-top-color-outline: var(--oev-color-focus-visible-outline);
  --oev-comp-header-nav-bar-background-color: var(--oev-color-background-01);
  --oev-comp-header-nav-bar-box-shadow: var(--oev-color-transparent);
  --oev-comp-header-nav-bar-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-bar-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-bar-height: var(--oev-ref-size-64);
  --oev-comp-header-nav-bar-nav-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-bar-nav-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-bar-nav-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-bar-nav-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-bar-nav-link-font-color-selected: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-bar-nav-link-spacing: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-bar-nav-link-padding-horizontal: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-bar-nav-link-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-border-size-selected-sl-xs: var(--oev-ref-size-03);
  --oev-comp-header-nav-bar-nav-link-border-size-selected-xl-m: var(--oev-ref-size-06);
  --oev-comp-header-nav-bar-nav-link-border-offset-bottom: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-bar-nav-link-border-position: var(--oev-ref-spacing-negative-07);
  --oev-comp-header-nav-bar-nav-link-selected-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-selected-border-bottom-size: var(--oev-ref-size-02);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-font-style: var(--oev-font-style-link-medium);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-selected: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-hover: var(--oev-color-background-15);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-active: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-selected: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-header-nav-flyout-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-header-nav-flyout-menu-level-2-border-left-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-menu-level-2-border-left-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-menu-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-background-color-depth-2: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-background-color-depth-3: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-headline-font-style: var(--oev-font-style-body);
  --oev-comp-header-nav-flyout-menu-headline-font-color: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-headline-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-flyout-menu-headline-spacing-offset-left: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-flyout-menu-headline-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-menu-headline-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-font-style: var(--oev-font-style-link-medium);
  --oev-comp-header-nav-flyout-menu-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-link-background-color-hover: var(--oev-color-background-01);
  --oev-comp-header-nav-flyout-menu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-menu-link-background-color-selected: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-top: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-flyout-menu-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-submenu-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-submenu-border-left-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-submenu-border-left-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-submenu-link-background-color-default: var(--oev-color-background-01);
  --oev-comp-header-nav-flyout-submenu-link-background-color-hover: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-color-selected: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-link-background-color-selected-level-3: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-default: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-hover: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-active: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-selected: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-with-background-background-color: var(--oev-color-background-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-font-style: var(--oev-font-style-body);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-vertical: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-left-level-2: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-left-level-3: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-item-min-height: var(--oev-ref-size-56);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-1-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-2-background-color: var(--oev-color-background-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-3-background-color: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-xl-m-menu-link-font-weight: var(--oev-font-weight-default);
  --oev-comp-header-nav-flyout-xl-m-menu-link-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-xl-m-menu-link-min-height: var(--oev-ref-size-64);
  --oev-comp-header-nav-flyout-xl-m-menu-item-min-height: var(--oev-ref-size-40);
  --oev-comp-header-nav-flyout-xl-m-menu-headline-min-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-offset-left: var(--oev-sys-spacing-none);
  --oev-comp-suggest-menu-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-suggest-menu-headline-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-headline-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-suggest-menu-headline-color-default: var(--oev-color-gray-default);
  --oev-comp-suggest-menu-headline-background-color-default: var(--oev-color-background-01);
  --oev-comp-suggest-menu-headline-font-style: var(--oev-font-style-body);
  --oev-comp-suggest-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-suggest-menu-link-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-link-color-default: var(--oev-color-gray-default);
  --oev-comp-suggest-menu-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-suggest-menu-link-color-active: var(--oev-color-primary-active);
  --oev-comp-suggest-menu-link-color-selected: var(--oev-color-primary-default);
  --oev-comp-suggest-menu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-suggest-menu-link-background-color-hover: var(--oev-color-background-15);
  --oev-comp-suggest-menu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-suggest-menu-link-background-color-selected: var(--oev-color-background-17);
  --oev-comp-suggest-menu-link-font-style: var(--oev-font-style-link);
  --oev-comp-suggest-menu-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-headline-font-style-subheadline: var(--oev-font-style-subtitle-1);
  --oev-comp-headline-font-style-headline-1: var(--oev-font-style-h1);
  --oev-comp-headline-font-style-headline-2: var(--oev-font-style-h2);
  --oev-comp-headline-font-style-headline-3: var(--oev-font-style-h6);
  --oev-comp-headline-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-headline-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-headline-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-headline-subheadline-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-headline-subheadline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-headline-header-spacing-bottom: var(--oev-ref-spacing-08);
  --oev-comp-here-map-pin-icon-color-active: var(--oev-color-action-white);
  --oev-comp-here-map-pin-background-color-default: var(--oev-color-action-white);
  --oev-comp-here-map-pin-01-icon-color-default: var(--oev-color-primary-800);
  --oev-comp-here-map-pin-01-background-color-active: var(--oev-color-primary-800);
  --oev-comp-here-map-pin-02-icon-color-default: var(--oev-color-primary-800);
  --oev-comp-here-map-pin-02-background-color-active: var(--oev-color-primary-800);
  --oev-comp-here-map-boundingbox-background-color: rgba(0, 0, 0, .1);
  --oev-comp-here-map-boundingbox-border-color: rgba(0, 0, 0, .2);
  --oev-comp-here-map-boundingbox-border-width: var(--oev-ref-size-02);
  --oev-comp-here-map-advisor-card-pointer-width: var(--oev-ref-size-16);
  --oev-comp-here-map-advisor-card-pointer-height: var(--oev-ref-size-08);
  --oev-comp-here-map-advisor-card-width: 336px;
  --oev-comp-here-map-advisor-card-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-here-map-infobox-spacing: var(--oev-sys-spacing-m);
  --oev-comp-here-map-infobox-gap: var(--oev-sys-spacing-m);
  --oev-comp-here-map-infobox-background-color: var(--oev-color-background-01);
  --oev-comp-here-map-infobox-border-radius: 0;
  --oev-comp-here-map-infobox-icon-size: var(--oev-ref-size-20);
  --oev-comp-here-map-infobox-font-style: var(--oev-font-style-body-small);
  --oev-comp-here-map-infobox-font-color: var(--oev-color-font-body-small);
  --oev-comp-hero-image-carousel-header-background-color: var(--oev-color-background-08);
  --oev-comp-hero-image-carousel-header-layout-max-width-above-sl: 1240px;
  --oev-comp-hero-image-carousel-header-layout-media-width-above-sl: 664px;
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-media-image-carousel-controls-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-header-layout-content-intro-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-hero-image-carousel-header-layout-content-intro-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-hero-image-carousel-header-layout-content-list-item-font-color: var(--oev-color-font-body-default);
  --oev-comp-hero-image-carousel-header-layout-content-list-item-icon-color: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-list-item-spacing-vertical: var(--oev-sys-spacing-xs);
  --oev-comp-hero-image-carousel-header-layout-content-opening-hours-status-indicator-font-color: var(--oev-color-font-body-default);
  --oev-comp-hero-image-carousel-header-layout-content-opening-hours-status-indicator-font-style: var(--oev-font-style-body);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-background-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-default: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-hover: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-active: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-focus: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-label-color-disabled: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-default: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-hover: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-active: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-focus: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-contained-icon-color-disabled: var(--oev-color-action-white);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-border-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-label-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-focus: var(--oev-color-primary-focus);
  --oev-comp-hero-image-carousel-header-layout-content-cta-group-button-outlined-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-hero-image-carousel-footer-background-color: var(--oev-color-background-09);
  --oev-comp-hero-image-width: 90rem;
  --oev-comp-hero-card-border-radius: var(--oev-ref-radius-l);
  --oev-comp-hero-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-hero-card-elevation: var(--oev-sys-elevation-level-2);
  --oev-comp-hero-card-color-background: var(--oev-color-background-17);
  --oev-comp-hero-card-headline-color: var(--oev-color-font-subtitle-1);
  --oev-comp-hero-card-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-hero-card-headline-font-weight: var(--oev-font-weight-h6);
  --oev-comp-hero-card-headline-font-size-l-xl: var(--oev-font-size-h6);
  --oev-comp-hero-card-headline-variant-font-weight: var(--oev-font-weight-h1);
  --oev-comp-hero-card-headline-variant-font-size-l-xl: var(--oev-font-size-h1);
  --oev-comp-hero-card-subheadline-color: var(--oev-color-font-h1);
  --oev-comp-hero-card-subheadline-font-style: var(--oev-font-style-h1);
  --oev-comp-hero-card-subtitle-font-weight: var(--oev-font-weight-bold);
  --oev-comp-hero-card-body-font-style: var(--oev-font-style-body);
  --oev-comp-icon-color-token: var(--oev-color-primary-default);
  --oev-comp-icon-size-20: var(--oev-ref-size-20);
  --oev-comp-icon-size-40: var(--oev-ref-size-40);
  --oev-comp-icon-size-x-small: var(--oev-ref-size-12);
  --oev-comp-icon-size-small: var(--oev-ref-size-16);
  --oev-comp-icon-size-medium: var(--oev-ref-size-24);
  --oev-comp-icon-size-large: var(--oev-ref-size-32);
  --oev-comp-icon-size-x-large: var(--oev-ref-size-48);
  --oev-comp-icon-size-xx-large: var(--oev-ref-size-64);
  --oev-comp-icon-size-default: var(--oev-comp-icon-size-medium);
  --oev-icon-check-filled: "\ebbd";
  --oev-icon-remove-filled: "\f4ae";
  --oev-icon-info-outlined: "\f03f";
  --oev-icon-close-filled: "\ebdf";
  --oev-icon-arrow-downward-filled: "\ea11";
  --oev-icon-arrow-back-filled: "\ea03";
  --oev-icon-arrow-forward-filled: "\ea19";
  --oev-icon-arrow-upward-filled: "\ea23";
  --oev-icon-calendar-today-filled: "\eb45";
  --oev-icon-chevron-down-filled: "\f095";
  --oev-icon-chevron-left-filled: "\ebc5";
  --oev-icon-chevron-left-outlined: "\ebc6";
  --oev-icon-chevron-right-filled: "\f099";
  --oev-icon-chevron-right-outlined: "\ebc8";
  --oev-icon-chevron-right: "\ebc7";
  --oev-icon-chevron-up-filled: "\f09b";
  --oev-icon-arrow-back-ios-filled: "\ea04";
  --oev-icon-arrow-forward-ios-filled: "\ea1a";
  --oev-icon-expand-more-filled: "\ee01";
  --oev-icon-expand-more-outlined: "\ee02";
  --oev-icon-expand-less-filled: "\edff";
  --oev-icon-calendar-outlined: "\edf5";
  --oev-icon-check-outlined: "\ebbe";
  --oev-icon-clear-outlined: "\ebde";
  --oev-icon-hamburger-filled: "\f1cf";
  --oev-icon-question-mark-filled: "\f464";
  --oev-icon-download-filled: "\ed63";
  --oev-icon-insert-drive-file-outlined: "\f049";
  --oev-icon-file-download-outlined: "\ee54";
  --oev-icon-file-filled: "\f048";
  --oev-icon-open-in-new-outlined: "\f309";
  --oev-icon-search-filled: "\f568";
  --oev-icon-search-outlined: "\f56b";
  --oev-icon-person-filled: "\f382";
  --oev-icon-person-outlined: "\f387";
  --oev-icon-location-on-outlined: "\f160";
  --oev-icon-location-pin-filled: "\f161";
  --oev-icon-info-filled: "\f03d";
  --oev-icon-info: "\f03f";
  --oev-icon-edit-location-outlined: "\ed9c";
  --oev-icon-mylocation-filled: "\f269";
  --oev-icon-mylocation-outlined: "\f26a";
  --oev-icon-task-alt-black-filled: "\f775";
  --oev-icon-phone-outlined: "\f146";
  --oev-icon-mobile-phone-outlined: "\f639";
  --oev-icon-video-with-person: "\f863";
  --oev-icon-email-outlined: "\edc1";
  --oev-icon-whatsapp-outlined: "\f8fd";
  --oev-icon-facebook: "\f94b";
  --oev-icon-instagram: "\f94c";
  --oev-icon-xing: "\f953";
  --oev-icon-twitter: "\f951";
  --oev-icon-x: "\f951";
  --oev-icon-linkedin: "\f94e";
  --oev-icon-youtube: "\f954";
  --oev-icon-tiktok: "\f7b7";
  --oev-icon-cancel-outlined: "\eb74";
  --oev-icon-exclamation-mark-outline: "\ede1";
  --oev-icon-upload-arrow: "\ee5a";
  --oev-icon-upload-cloud: "\ebf8";
  --oev-icon-trashcan: "\ecbc";
  --oev-icon-warning-outlined: "\f8c5";
  --oev-icon-awesome-outlined: "\ea59";
  --oev-icon-like-outlined: "\ee2f";
  --oev-icon-share-outlined: "\f5c9";
  --oev-icon-bell-outlined: "\f2e9";
  --oev-icon-remove-red-eye-filled: "\f4b4";
  --oev-icon-remove-red-eye-outlined: "\f4b5";
  --oev-icon-home-outlined: "\eff4";
  --oev-icon-home-filled: "\efee";
  --oev-icon-home-filled-2: "\efef";
  --oev-icon-arrow-right-outlined: "\ea22";
  --oev-icon-language-outlined: "\f0d1";
  --oev-icon-number-0: "\fa3a";
  --oev-icon-number-1: "\fa3b";
  --oev-icon-number-2: "\fa3c";
  --oev-icon-number-3: "\fa3d";
  --oev-icon-number-4: "\fa3e";
  --oev-icon-number-5: "\fa3f";
  --oev-icon-number-6: "\fa40";
  --oev-icon-number-7: "\fa41";
  --oev-icon-number-8: "\fa42";
  --oev-icon-number-9: "\fa43";
  --oev-icon-play-filled: "\f3f8";
  --oev-icon-pause-filled: "\f350";
  --oev-icon-list-default: var(--oev-icon-check-outlined);
  --oev-icon-pause-circle-outlined: "\f34f";
  --oev-icon-placeholder: var(--oev-icon-search-outlined);
  --oev-icon-placeholder-1: var(--oev-icon-placeholder);
  --oev-icon-placeholder-2: var(--oev-icon-person-outlined);
  --oev-icon-placeholder-3: var(--oev-icon-mylocation-outlined);
  --oev-icon-play-circle-outlined: "\f3ff";
  --oev-icon-location-outlined: var(--oev-icon-location-on-outlined);
  --oev-icon-active-placeholder: var(--oev-icon-search-filled);
  --oev-icon-active-placeholder-1: var(--oev-icon-active-placeholder);
  --oev-icon-active-placeholder-2: var(--oev-icon-person-filled);
  --oev-icon-active-placeholder-3: var(--oev-icon-mylocation-outlined);
  --oev-icon-active-location-outlined: var(--oev-icon-location-pin-filled);
  --oev-icon-comp-tooltip-label: var(--oev-icon-info-filled);
  --oev-icon-comp-datepicker-field: var(--oev-icon-calendar-today-filled);
  --oev-icon-comp-datepicker-picker-arrow-left: var(--oev-icon-chevron-left-outlined);
  --oev-icon-comp-datepicker-picker-arrow-right: var(--oev-icon-chevron-right-outlined);
  --oev-icon-comp-datepicker-expand-arrow: var(--oev-icon-expand-more-outlined);
  --oev-icon-comp-datepicker-calendar: var(--oev-icon-calendar-outlined);
  --oev-icon-comp-dropdown-arrow: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-textinput-error-x: var(--oev-icon-close-filled);
  --oev-icon-comp-textinput-success: var(--oev-icon-check-filled);
  --oev-icon-comp-checkbox-check: var(--oev-icon-check-filled);
  --oev-icon-comp-dropdown-success: var(--oev-icon-check-filled);
  --oev-icon-comp-dropdown-error: var(--oev-icon-close-filled);
  --oev-icon-comp-dropdown-close-result: var(--oev-icon-close-filled);
  --oev-icon-comp-dropdown-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tarifanzeige-open: var(--oev-icon-info-filled);
  --oev-icon-comp-tarifanzeige-close: var(--oev-icon-close-filled);
  --oev-icon-comp-tarifanzeige-service-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tarifanzeige-secondary-text-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-tarifanzeige-secondary-text-close: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-menu-hamburger: var(--oev-icon-hamburger-filled);
  --oev-icon-comp-menu-close: var(--oev-icon-close-filled);
  --oev-icon-comp-menu-accordion-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-menu-accordion-closed: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-menu-crosslink: var(--oev-icon-arrow-forward-filled);
  --oev-icon-comp-slider-prev: var(--oev-icon-chevron-left-filled);
  --oev-icon-comp-slider-next: var(--oev-icon-chevron-right-filled);
  --oev-icon-comp-accordion-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-accordion-closed: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-download: var(--oev-icon-file-download-outlined);
  --oev-icon-comp-download-file: var(--oev-icon-insert-drive-file-outlined);
  --oev-icon-comp-open-file: var(--oev-icon-file-download-outlined);
  --oev-icon-comp-download-cancel: var(--oev-icon-close-filled);
  --oev-icon-comp-flipcard-arrow-right: var(--oev-icon-chevron-right-filled);
  --oev-icon-comp-link-arrow-right: var(--oev-icon-chevron-right-outlined);
  --oev-icon-comp-read-more-arrow-down: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-interaction-like: var(--oev-icon-like-outlined);
  --oev-icon-comp-interaction-share: var(--oev-icon-share-outlined);
  --oev-icon-comp-bell: var(--oev-icon-bell-outlined);
  --oev-icon-comp-nested-header-back: var(--oev-icon-arrow-back-ios-filled);
  --oev-icon-comp-upload-error: var(--oev-icon-exclamation-mark-outline);
  --oev-icon-comp-upload-arrow: var(--oev-icon-upload-arrow);
  --oev-icon-comp-upload-cloud: var(--oev-icon-upload-cloud);
  --oev-icon-comp-upload-trash: var(--oev-icon-trashcan);
  --oev-icon-comp-tariff-comparison-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tariff-comparison-remove: var(--oev-icon-remove-filled);
  --oev-icon-comp-tooltip-icon: var(--oev-icon-info-outlined);
  --oev-icon-comp-password-icon-show: var(--oev-icon-remove-red-eye-filled);
  --oev-icon-comp-password-icon-hide: var(--oev-icon-remove-red-eye-outlined);
  --oev-icon-comp-agency-search-input-clear: var(--oev-icon-close-filled);
  --oev-comp-info-box-headline-font-size: var(--oev-font-size-h2);
  --oev-comp-info-box-headline-font-weight: var(--oev-font-weight-h2);
  --oev-comp-info-box-headline-line-height: var(--oev-line-height-default);
  --oev-comp-info-box-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-info-box-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-info-box-background-color: var(--oev-color-background-02);
  --oev-comp-info-box-icon-color: var(--oev-color-gray-900);
  --oev-comp-info-box-border-radius: var(--oev-ref-radius-none);
  --oev-comp-info-box-spacing: var(--oev-sys-spacing-l);
  --oev-comp-interactive-tooltip-container-background-color-default: var(--oev-color-custom-01);
  --oev-comp-interactive-tooltip-container-headline-font-style: var(--oev-font-style-h3);
  --oev-comp-interactive-tooltip-container-headline-font-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-container-content-font-style: var(--oev-font-style-body);
  --oev-comp-interactive-tooltip-container-content-font-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-container-spacing-left-right: var(--oev-sys-spacing-xl-2);
  --oev-comp-interactive-tooltip-container-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-interactive-tooltip-outline-container-background-color-default: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-outline-container-font-color: var(--oev-color-font-body-default);
  --oev-comp-interactive-tooltip-accordion-background-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-accordion-header-font-style: var(--oev-font-style-link);
  --oev-comp-interactive-tooltip-accordion-header-font-color: var(--oev-color-font-link);
  --oev-comp-interactive-tooltip-accordion-header-font-weight: var(--oev-font-weight-link);
  --oev-comp-interactive-tooltip-accordion-header-icon-color: var(--oev-color-font-link);
  --oev-comp-interactive-tooltip-accordion-header-open-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-interactive-tooltip-accordion-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-interactive-tooltip-accordion-spacing-left-right: var(--oev-sys-spacing-xl-2);
  --oev-comp-interactive-tooltip-outline-accordion-background-color: var(--oev-color-gray-100);
  --oev-comp-interactive-tooltip-icon-color: var(--oev-color-gray-default);
  --oev-comp-interactive-tooltip-border-radius: var(--oev-ref-radius-none);
  --oev-comp-job-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-job-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-job-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-job-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-job-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-job-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-job-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-job-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-job-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-job-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-job-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-job-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-job-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-job-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-job-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-job-card-header-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-job-card-header-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-job-card-job-offers-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-job-card-job-offers-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-job-card-job-offers-indented-spacing: var(--oev-sys-spacing-m);
  --oev-comp-job-card-job-offers-gap: var(--oev-sys-spacing-l);
  --oev-comp-language-group-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-language-flag-4to3-border-radius: var(--oev-ref-radius-02);
  --oev-comp-level-navigation-button-outlined-background-color: var(--oev-color-background-17);
  --oev-comp-level-navigation-headline-1-font-style: var(--oev-font-style-h3);
  --oev-comp-level-navigation-headline-2-font-style: var(--oev-font-style-h5);
  --oev-comp-level-navigation-level-1-background-color: var(--oev-color-background-17);
  --oev-comp-level-navigation-level-1-headline-spacing-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-1-button-size: var(--oev-ref-size-96);
  --oev-comp-level-navigation-level-1-button-label-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-1-button-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-level-navigation-level-1-button-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-level-navigation-level-1-spacing-top-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-1-spacing-top-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-1-spacing-bottom-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-1-spacing-bottom-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-background-color: var(--oev-color-background-02);
  --oev-comp-level-navigation-level-2-headline-spacing-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-button-size: var(--oev-ref-size-64);
  --oev-comp-level-navigation-level-2-button-label-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-level-navigation-level-2-button-icon-size-default: var(--oev-ref-size-24);
  --oev-comp-level-navigation-level-2-button-icon-size-active: var(--oev-ref-size-40);
  --oev-comp-level-navigation-level-2-spacing-top-sl-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-spacing-top-m-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-level-navigation-level-2-spacing-bottom-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-2-spacing-bottom-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-background-color: var(--oev-color-gray-50);
  --oev-comp-level-navigation-level-3-headline-spacing-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-button-size: var(--oev-ref-size-64);
  --oev-comp-level-navigation-level-3-button-label-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-level-navigation-level-3-button-icon-size-default: var(--oev-ref-size-24);
  --oev-comp-level-navigation-level-3-button-icon-size-active: var(--oev-ref-size-40);
  --oev-comp-level-navigation-level-3-spacing-top-sl-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-spacing-top-m-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-level-navigation-level-3-spacing-bottom-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-3-spacing-bottom-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-link-circle-icon-font-color-default: var(--oev-color-primary-800);
  --oev-comp-link-circle-icon-font-color-hover: var(--oev-color-primary-900);
  --oev-comp-link-circle-icon-font-color-focus: var(--oev-color-primary-900);
  --oev-comp-link-circle-icon-font-color-active: var(--oev-color-primary-800);
  --oev-comp-link-circle-icon-font-color-disabled: var(--oev-color-gray-700);
  --oev-comp-link-circle-icon-icon-color-default: var(--oev-color-primary-800);
  --oev-comp-link-circle-icon-icon-color-hover: var(--oev-color-action-white);
  --oev-comp-link-circle-icon-icon-color-focus: var(--oev-color-action-white);
  --oev-comp-link-circle-icon-icon-color-active: var(--oev-color-primary-800);
  --oev-comp-link-circle-icon-icon-color-disabled: var(--oev-color-gray-700);
  --oev-comp-link-circle-icon-background-color-default: var(--oev-color-custom-01);
  --oev-comp-link-circle-icon-background-color-hover: var(--oev-color-primary-900);
  --oev-comp-link-circle-icon-background-color-focus: var(--oev-color-primary-900);
  --oev-comp-link-circle-icon-background-color-active: var(--oev-color-custom-01);
  --oev-comp-link-circle-icon-background-color-disabled: var(--oev-color-custom-01);
  --oev-comp-link-cancellation-background-color-default: none;
  --oev-comp-link-cancellation-background-color-hover: none;
  --oev-comp-link-cancellation-background-color-focus: none;
  --oev-comp-link-cancellation-background-color-pressed: none;
  --oev-comp-link-cancellation-height-size: auto;
  --oev-comp-link-cancellation-radius-size: var(--oev-ref-radius-s);
  --oev-comp-link-cancellation-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-link-cancellation-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-link-cancellation-font-color-focus: var(--oev-color-secondary-focus);
  --oev-comp-link-cancellation-font-color-pressed: var(--oev-color-secondary-active);
  --oev-comp-link-cancellation-padding-size: var(--oev-ref-size-00);
  --oev-comp-link-cancellation-outlined-background-color-default: var(--oev-comp-link-cancellation-background-color-default);
  --oev-comp-link-cancellation-outlined-background-color-hover: var(--oev-comp-link-cancellation-background-color-hover);
  --oev-comp-link-cancellation-outlined-background-color-focus: var(--oev-comp-link-cancellation-background-color-focus);
  --oev-comp-link-cancellation-outlined-background-color-pressed: var(--oev-comp-link-cancellation-background-color-pressed);
  --oev-comp-link-cancellation-outlined-font-color-default: var(--oev-comp-link-cancellation-font-color-default);
  --oev-comp-link-cancellation-outlined-font-color-hover: var(--oev-comp-link-cancellation-font-color-hover);
  --oev-comp-link-cancellation-outlined-font-color-focus: var(--oev-comp-link-cancellation-font-color-focus);
  --oev-comp-link-cancellation-outlined-font-color-pressed: var(--oev-comp-link-cancellation-font-color-pressed);
  --oev-comp-link-cancellation-outlined-border-color-default: none;
  --oev-comp-link-cancellation-outlined-border-color-hover: none;
  --oev-comp-link-cancellation-outlined-border-color-focus: none;
  --oev-comp-link-cancellation-outlined-border-color-pressed: none;
  --oev-comp-link-cancellation-outlined-border-width: var(--oev-ref-size-00);
  --oev-comp-link-cancellation-outlined-border-radius: var(--oev-ref-radius-s);
  --oev-comp-link-cancellation-outlined-border-style: solid;
  --oev-comp-link-cancellation-outlined-text-decoration: underline;
  --oev-comp-link-cancellation-outlined-padding-size: var(--oev-ref-size-04);
  --oev-comp-link-cancellation-outlined-height-size: var(--oev-ref-size-20);
  --oev-comp-link-cancellation-outlined-radius: var(--oev-ref-radius-s);
  --oev-comp-list-item-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-list-item-body-font-style: var(--oev-font-style-body);
  --oev-comp-list-item-icon-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-list-item-spacing-vertical: var(--oev-sys-spacing-m);
  --oev-comp-list-background-color-hover: var(--oev-color-transparent);
  --oev-comp-list-bullet-margin-right: 0.375rem;
  --oev-comp-list-bullet-margin-left: -0.8rem;
  --oev-comp-list-bullet-font-size: 0.75rem;
  --oev-comp-list-figure-margin-right: 0.188rem;
  --oev-comp-list-figure-margin-left: -1.063rem;
  --oev-comp-loading-indicators-bar-color: var(--oev-color-primary-default);
  --oev-comp-loading-indicators-bar-background-color: var(--oev-color-background-white);
  --oev-comp-loading-indicators-bar-height: var(--oev-ref-size-06);
  --oev-comp-loading-indicators-bar-border-radius: var(--oev-ref-radius-l);
  --oev-comp-loading-indicators-ring-color: var(--oev-color-primary-default);
  --oev-comp-loading-indicators-spinner-color: var(--oev-color-primary-default);
  --oev-comp-nav-meta-background-color: var(--oev-color-action-white);
  --oev-comp-nav-meta-height-xs-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-nav-meta-separator-color: var(--oev-color-gray-500);
  --oev-comp-nav-meta-separator-height: var(--oev-ref-size-12);
  --oev-comp-nav-meta-font-style-selected: var(--oev-font-style-link-medium);
  --oev-comp-nav-meta-font-style-inactive: var(--oev-font-style-link-medium);
  --oev-comp-nav-meta-spacing-horizontal: var(--oev-sys-spacing-l);
  --oev-comp-nav-meta-font-color-selected-default: var(--oev-color-primary-default);
  --oev-comp-nav-meta-font-color-selected-hover: var(--oev-color-primary-hover);
  --oev-comp-nav-meta-font-color-selected-focus: var(--oev-color-primary-default);
  --oev-comp-nav-meta-font-color-inactive-default: var(--oev-color-gray-default);
  --oev-comp-nav-meta-font-color-inactive-hover: var(--oev-color-primary-hover);
  --oev-comp-nav-meta-font-color-inactive-focus: var(--oev-color-gray-default);
  --oev-comp-nav-meta-text-decoration-selected: none;
  --oev-comp-nav-meta-underline-color-selected-default: var(--oev-color-primary-default);
  --oev-comp-nav-meta-underline-color-selected-hover: var(--oev-color-primary-hover);
  --oev-comp-nav-meta-underline-color-selected-focus: var(--oev-color-primary-hover);
  --oev-comp-nav-meta-underline-width: var(--oev-ref-size-02);
  --oev-comp-nav-meta-underline-offset: var(--oev-ref-size-01);
  --oev-comp-opening-hours-table-background-color: var(--oev-color-background-01);
  --oev-comp-opening-hours-table-border-radius: var(--oev-ref-radius-m);
  --oev-comp-opening-hours-table-padding: var(--oev-sys-spacing-m);
  --oev-comp-progress-tabs-border-bottom-color-current: var(--oev-color-primary-default);
  --oev-comp-progress-tabs-border-bottom-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progress-tabs-border-bottom-color-active: var(--oev-color-primary-active);
  --oev-comp-progress-tabs-border-bottom-color-previous: var(--oev-color-primary-visited);
  --oev-comp-progress-tabs-border-bottom-color-next: var(--oev-color-gray-600);
  --oev-comp-progress-tabs-current-triangle-width: var(--oev-ref-size-16);
  --oev-comp-progress-tabs-current-triangle-height: var(--oev-ref-size-08);
  --oev-comp-progress-tabs-font-color-current: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-hover: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-focus: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-previous: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-next: var(--oev-color-gray-600);
  --oev-comp-progress-tabs-font-spacing-bottom-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-progress-tabs-font-spacing-bottom-m-xl: var(--oev-sys-spacing-s);
  --oev-comp-progress-tabs-font-spacing-sides-xs-s: var(--oev-sys-spacing-xxs);
  --oev-comp-progress-tabs-font-spacing-sides-m-xl: var(--oev-sys-spacing-xs);
  --oev-comp-progress-tabs-font-style-xs-s: var(--oev-font-style-body-small);
  --oev-comp-progress-tabs-font-style-m-xl: var(--oev-font-style-body);
  --oev-comp-progress-tabs-font-max-lines-xs-s: 3;
  --oev-comp-progress-tabs-font-max-lines-m-xl: 2;
  --oev-comp-progressbar-form-height: var(--oev-ref-size-20);
  --oev-comp-progressbar-form-gap-spacing: var(--oev-sys-spacing-s);
  --oev-comp-progressbar-form-bar-counter-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-progressbar-form-bar-counter-font-style: var(--oev-font-style-body-small);
  --oev-comp-progressbar-form-bar-background-color: var(--oev-color-primary-default);
  --oev-comp-progressbar-form-progress-steps-font-color: var(--oev-color-font-body-default);
  --oev-comp-progressbar-form-progress-steps-font-style: var(--oev-font-style-body);
  --oev-comp-progressbar-form-track-background-color: var(--oev-color-primary-100);
  --oev-comp-progressbar-form-radius: var(--oev-ref-radius-m);
  --oev-comp-progressbar-onsite-background-color: var(--oev-color-transparent);
  --oev-comp-progressbar-sticky-background-color: var(--oev-color-background-17);
  --oev-comp-progressbar-sticky-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-progressbar-sticky-box-spacing-top-bottom-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-progressbar-sticky-box-spacing-top-bottom-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-progressbar-sticky-box-spacing-left-right-xs: var(--oev-sys-spacing-s);
  --oev-comp-progressbar-sticky-box-spacing-left-right-s-xl: var(--oev-sys-spacing-none);
  --oev-comp-progressbar-inline-box-spacing-top-bottom-xs-s: var(--oev-sys-spacing-xl-1);
  --oev-comp-progressbar-inline-box-spacing-top-bottom-m-xl: var(--oev-sys-spacing-xl-3);
  --oev-comp-progressbar-bar-color-active: var(--oev-color-primary-default);
  --oev-comp-progressbar-bar-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progressbar-bar-color-next: var(--oev-color-gray-500);
  --oev-comp-progressbar-bar-point-size: var(--oev-ref-size-12);
  --oev-comp-progressbar-bar-point-spacing-bottom: var(--oev-ref-spacing-01);
  --oev-comp-progressbar-bar-line-width: var(--oev-ref-size-02);
  --oev-comp-progressbar-label-color-active: var(--oev-color-primary-default);
  --oev-comp-progressbar-label-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progressbar-label-color-next: var(--oev-color-font-body-default);
  --oev-comp-progressbar-label-spacing-bottom: var(--oev-ref-spacing-20);
  --oev-comp-progressbar-label-spacing-left-right-xs: var(--oev-sys-spacing-xxs);
  --oev-comp-progressbar-label-font-style-xs: var(--oev-font-style-link-small);
  --oev-comp-progressbar-label-font-style-s-xl: var(--oev-font-style-link);
  --oev-comp-read-more-border-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-read-more-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-read-more-spacing-bottom: var(--oev-sys-spacing-none);
  --oev-comp-search-bar-border-radius-top-left: var(--oev-ref-radius-none);
  --oev-comp-search-bar-border-radius-top-right: var(--oev-ref-radius-m);
  --oev-comp-search-bar-border-radius-bottom-left: var(--oev-ref-radius-none);
  --oev-comp-search-bar-border-radius-bottom-right: var(--oev-ref-radius-m);
  --oev-comp-search-bar-error-font-style: var(--oev-font-style-error);
  --oev-comp-search-bar-error-font-color: var(--oev-color-action-error);
  --oev-comp-search-bar-errorbox-margin-top: var(--oev-sys-spacing-xxs);
  --oev-comp-stage-card-subtitle-font-weight: var(--oev-font-weight-bold);
  --oev-comp-step-display-spacing-top-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-top-m-xl: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-bottom-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-bottom-m-xl: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-gap-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-step-display-spacing-gap-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-step-display-step-item-connector-width: var(--oev-ref-size-04);
  --oev-comp-step-display-step-item-spacing-gap-vertical-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-spacing-gap-vertical-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-step-display-step-item-spacing-gap-horizontal-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-spacing-gap-horizontal-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-circle-size-xs-s: var(--oev-ref-size-48);
  --oev-comp-step-display-step-item-circle-size-m-xl: var(--oev-ref-size-56);
  --oev-comp-step-display-step-item-circle-default-icon-color: var(--oev-color-secondary-default);
  --oev-comp-step-display-step-item-circle-default-border-color: var(--oev-color-secondary-default);
  --oev-comp-step-display-step-item-circle-default-connector-color: var(--oev-comp-step-display-step-item-circle-default-border-color);
  --oev-comp-step-display-step-item-circle-default-background-color: var(--oev-color-background-17);
  --oev-comp-step-display-step-item-circle-completed-icon-color: var(--oev-color-action-white);
  --oev-comp-step-display-step-item-circle-completed-border-color: var(--oev-color-action-success);
  --oev-comp-step-display-step-item-circle-completed-connector-color: var(--oev-comp-step-display-step-item-circle-completed-border-color);
  --oev-comp-step-display-step-item-circle-completed-background-color: var(--oev-color-action-success);
  --oev-comp-step-display-step-item-content-headline-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-step-display-step-item-content-text-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-max-width: 75rem;
  --oev-comp-sticky-footer-flex-direction-xs-s: column;
  --oev-comp-sticky-footer-flex-direction-m-xl: row;
  --oev-comp-sticky-footer-label-font-style: var(--oev-font-style-link);
  --oev-comp-sticky-footer-label-color-default: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-hover: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-active: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-focus: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-selected: var(--oev-color-action-white);
  --oev-comp-sticky-footer-icon-color-default: var(--oev-color-action-white);
  --oev-comp-sticky-footer-icon-color-hover: rgba(255, 255, 255, .7);
  --oev-comp-sticky-footer-icon-color-active: rgba(255, 255, 255, .9);
  --oev-comp-sticky-footer-icon-color-focus: rgba(255, 255, 255, .7);
  --oev-comp-sticky-footer-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-sticky-footer-icon-label-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-color-background-default: var(--oev-color-primary-default);
  --oev-comp-sticky-footer-color-background-hover: var(--oev-color-primary-hover);
  --oev-comp-sticky-footer-color-background-active: var(--oev-color-primary-active);
  --oev-comp-sticky-footer-color-outline-focus: var(--oev-color-primary-focus);
  --oev-comp-sticky-footer-spacing-top-xs-sl: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-spacing-bottom-xs-sl: var(--oev-sys-spacing-s);
  --oev-comp-sticky-footer-spacing-horizontal-xs-sl: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-spacing-horizontal-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-spacing-vertical-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-sticky-footer-outline-focus-width: var(--oev-ref-size-02);
  --oev-comp-form-summary-background-color: var(--oev-color-background-17);
  --oev-comp-form-summary-header-gap-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-form-summary-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-form-summary-spacing-gap-xs-s: var(--oev-sys-spacing-xl-3);
  --oev-comp-form-summary-spacing-gap-m-xl: var(--oev-sys-spacing-xl-5);
  --oev-comp-form-summary-data-section-gap-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-font-style-label: var(--oev-font-style-body);
  --oev-comp-table-row-font-style-value: var(--oev-font-style-link);
  --oev-comp-table-row-font-color-label: var(--oev-color-font-body-default);
  --oev-comp-table-row-font-color-value: var(--oev-color-font-body-default);
  --oev-comp-table-row-font-weight-value: var(--oev-font-weight-bold);
  --oev-comp-table-row-spacing-left-right: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-spacing-top-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-background-color-default: var(--oev-color-background-17);
  --oev-comp-table-row-background-color-alternate: var(--oev-color-background-01);
  --oev-comp-table-row-border-color: var(--oev-color-gray-300);
  --oev-comp-table-row-border-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-headline-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-tariff-comparison-header-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-header-border-color: var(--oev-color-transparent);
  --oev-comp-tariff-comparison-header-border-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-border-radius: var(--oev-ref-radius-none);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-color: var(--oev-color-transparent);
  --oev-comp-tariff-comparison-header-overline-offset-top: 90%;
  --oev-comp-tariff-comparison-header-overline-highlighted-offset-top: 30%;
  --oev-comp-tariff-comparison-header-overline-color-background: var(--oev-color-custom-02);
  --oev-comp-tariff-comparison-header-overline-border-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-overline-border-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-header-overline-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-overline-text-spacing-left-right: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-overline-text-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-overline-font-style-xs: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-overline-font-style-s-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-overline-shadow: var(--oev-sys-box-shadow-none);
  --oev-comp-tariff-comparison-header-overline-tooltip-icon-color-default: var(--oev-comp-tooltip-icon-color-default);
  --oev-comp-tariff-comparison-header-overline-tooltip-icon-color-hover: var(--oev-comp-tooltip-icon-color-hover);
  --oev-comp-tariff-comparison-header-overline-tooltip-icon-color-active: var(--oev-comp-tooltip-icon-color-active);
  --oev-comp-tariff-comparison-header-overline-tooltip-icon-focus-visible-outline-color: var(--oev-color-focus-visible-outline);
  --oev-comp-tariff-comparison-header-tariff-name-color-background: var(--oev-color-gray-600);
  --oev-comp-tariff-comparison-header-tariff-name-visible-color-background-x-small: var(--oev-color-gray-700);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-color-background: var(--oev-color-primary-500);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-font-color: var(--oev-comp-tariff-comparison-header-tariff-name-font-color);
  --oev-comp-tariff-comparison-header-tariff-name-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-tariff-name-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-header-price-container-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-price-container-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-header-price-container-highlighted-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-header-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-header-tariff-price-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-tariff-price-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-xs-s: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-m-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-tariff-price-period-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-visible-tariff-price-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-subline-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-color-background-x-small: var(--oev-color-gray-700);
  --oev-comp-tariff-comparison-header-visible-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-highlighted-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-arrow-container-border-color-x-small: var(--oev-color-gray-700);
  --oev-comp-tariff-comparison-content-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-content-tariffgroup-name-color-background: var(--oev-color-gray-50);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-style: var(--oev-font-style-link);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffgroup-name-tooltip-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-open: var(--oev-color-gray-default);
  --oev-comp-tariff-comparison-content-tariffrow-color-background-hover: var(--oev-color-gray-100);
  --oev-comp-tariff-comparison-content-tariffrow-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-style: var(--oev-font-style-body);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-check-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-remove-color: var(--oev-color-action-error);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-yes: var(--oev-icon-check-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-no: var(--oev-icon-remove-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-1: var(--oev-sys-spacing-xl-1);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-2: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-name-module-group-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-content-container-spacing-top: var(--oev-ref-spacing-20);
  --oev-comp-tariff-comparison-content-container-spacing-gap: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-footer-tarifffooter-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-tarifffooter-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-footer-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-tariff-price-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-footer-anchoring-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-anchoring-font-color: var(--oev-color-font-h5);
  --oev-comp-tariff-comparison-footer-anchoring-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-container-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-footer-anchoring-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-width: var(--oev-ref-size-02);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-footer-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-footer-subline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-button-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tile-item-border-color-default: var(--oev-color-gray-default);
  --oev-comp-tile-item-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tile-item-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-tile-item-border-color-active: var(--oev-color-primary-active);
  --oev-comp-tile-item-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-tile-item-border-width-default: var(--oev-ref-size-01);
  --oev-comp-tile-item-border-radius: var(--oev-ref-radius-s);
  --oev-comp-tile-item-icon-background-color-checked: var(--oev-color-primary-default);
  --oev-comp-tile-item-icon-size-default: var(--oev-font-size-xl-1);
  --oev-comp-tile-item-icon-size-checked: var(--oev-comp-icon-size-medium);
  --oev-comp-tile-item-icon-size-label: var(--oev-comp-icon-size-x-large);
  --oev-comp-tile-item-icon-checked-spacing: var(--oev-ref-spacing-08);
  --oev-comp-tile-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-tile-item-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-tile-item-font-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-tile-item-font-color-active: var(--oev-color-gray-active);
  --oev-comp-tile-item-font-color-selected: var(--oev-color-gray-default);
  --oev-comp-tile-item-font-style: var(--oev-font-style-body);
  --oev-comp-tile-item-background-color-default: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-hover: var(--oev-color-gray-100);
  --oev-comp-tile-item-background-color-disabled: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-active: var(--oev-color-gray-100);
  --oev-comp-tile-item-background-color-selected: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-focus: var(--oev-color-background-17);
  --oev-comp-tile-item-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tile-item-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tile-item-label-max-height: var(--oev-ref-size-72);
  --oev-comp-tiles-gap-spacing-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-tiles-gap-spacing-sl-xs: var(--oev-sys-spacing-m);
  --oev-comp-tiles-error-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-tiles-error-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-tiles-font-color-error: var(--oev-color-font-error);
  --oev-comp-tiles-font-style-error: var(--oev-font-style-error);
  --oev-comp-tooltip-icon-content: var(--oev-icon-info-outlined);
  --oev-comp-tooltip-icon-size: var(--oev-comp-icon-size-20);
  --oev-comp-tooltip-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-tooltip-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tooltip-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-tooltip-content-background-color-default: var(--oev-color-background-17);
  --oev-comp-tooltip-content-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tooltip-content-border-radius: var(--oev-ref-radius-none);
  --oev-comp-tooltip-content-border-color: var(--oev-color-gray-300);
  --oev-comp-tooltip-content-icon-close-content: var(--oev-icon-close-filled);
  --oev-comp-tooltip-content-icon-close-size: var(--oev-comp-icon-size-20);
  --oev-comp-tooltip-content-icon-close-color-default: var(--oev-color-gray-default);
  --oev-comp-tooltip-content-icon-close-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tooltip-content-icon-close-color-active: var(--oev-color-primary-active);
  --oev-comp-tooltip-pointer-width: var(--oev-sys-spacing-l);
  --oev-comp-tooltip-pointer-height: var(--oev-sys-spacing-s);
  --oev-comp-tooltip-pointer-border-color: var(--oev-color-action-white);
  --oev-comp-tooltip-modal-background-color-default: var(--oev-color-background-17);
  --oev-comp-tooltip-modal-background-darkening-color-default: var(--oev-color-action-black);
  --oev-comp-tooltip-modal-background-darkening-opacity: var(--oev-ref-opacity-20);
  --oev-comp-tooltip-modal-border-radius-top: var(--oev-ref-radius-none);
  --oev-comp-tooltip-modal-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tooltip-modal-footer-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-upload-background-color: var(--oev-color-background-02);
  --oev-comp-upload-border-radius: var(--oev-ref-radius-m);
  --oev-comp-upload-error-color: var(--oev-color-action-error);
  --oev-comp-upload-error-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-spacing-top-xs: var(--oev-sys-spacing-m);
  --oev-comp-upload-spacing-top-s-xl: var(--oev-sys-spacing-l);
  --oev-comp-upload-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-upload-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-border-svg-default: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23BFBFBFFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-border-svg-drag-and-drop: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%235C5C5CFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-border-svg-active: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%235C5C5CFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-headline-color: var(--oev-color-font-h6);
  --oev-comp-upload-headline-drag-and-drop-color: var(--oev-color-gray-500);
  --oev-comp-upload-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-upload-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-description-font-style: var(--oev-font-style-body-small);
  --oev-comp-upload-description-color: var(--oev-color-font-body-default);
  --oev-comp-upload-description-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-description-drag-and-drop-color: var(--oev-color-gray-500);
  --oev-comp-upload-status-background-color: var(--oev-color-background-01);
  --oev-comp-upload-status-bar-color: var(--oev-color-action-white);
  --oev-comp-upload-status-bar-filling-color: var(--oev-color-primary-default);
  --oev-comp-upload-status-icon-cross-color: var(--oev-color-primary-default);
  --oev-comp-upload-status-icon-trash-color: var(--oev-color-gray-default);
  --oev-comp-upload-status-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-upload-status-icon-color-hover: var(--oev-color-gray-hover);
  --oev-comp-upload-status-icon-color-active: var(--oev-color-gray-active);
  --oev-comp-upload-status-icon-color-error: var(--oev-color-action-error);
  --oev-comp-upload-status-icon-border-color: var(--oev-color-transparent);
  --oev-comp-upload-status-filename-color: var(--oev-color-font-body-default);
  --oev-comp-upload-status-filename-font-style: var(--oev-font-style-body);
  --oev-comp-upload-status-percent-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-status-percent-color: var(--oev-color-font-body-default);
  --oev-comp-upload-status-error-color: var(--oev-color-action-error);
  --oev-comp-upload-status-error-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-status-success-color: var(--oev-color-action-success);
  --oev-comp-upload-status-spacing-default: var(--oev-sys-spacing-m);
  --oev-comp-upload-status-spacing-between: var(--oev-sys-spacing-xs);
  --oev-ref-opacity-0: 0;
  --oev-ref-opacity-10: .1;
  --oev-ref-opacity-20: .2;
  --oev-ref-opacity-30: .3;
  --oev-ref-opacity-40: .4;
  --oev-ref-opacity-50: .5;
  --oev-ref-opacity-60: .6;
  --oev-ref-opacity-70: .7;
  --oev-ref-opacity-80: .8;
  --oev-ref-opacity-90: .9;
  --oev-ref-opacity-100: 1;
  --oev-ref-z-index-1: 1;
  --oev-ref-z-index-5: 5;
  --oev-ref-z-index-10: 10;
  --oev-ref-z-index-15: 15;
  --oev-ref-z-index-20: 20;
  --oev-ref-z-index-30: 30;
  --oev-ref-z-index-40: 40;
  --oev-ref-z-index-45: 45;
  --oev-ref-z-index-50: 50;
  --oev-ref-z-index-60: 60;
  --oev-ref-z-index-70: 70;
  --oev-ref-z-index-80: 80;
  --oev-ref-z-index-90: 90;
  --oev-ref-z-index-100: 100;
  --oev-ref-z-index-105: 105;
  --oev-ref-z-index-negative: -1;
  --oev-ref-align-top: flex-start;
  --oev-ref-align-center: center;
  --oev-ref-align-bottom: baseline;
  --oev-sys-focus-visible-border-radius: var(--oev-ref-radius-06);
  --oev-sys-focus-visible-outline-color: var(--oev-color-focus-visible-outline);
  --oev-sys-focus-visible-outline-width: var(--oev-ref-size-02);
  --oev-sys-focus-visible-outline-offset: var(--oev-ref-size-02);
  --oev-sys-focus-visible-outline-element-width: 100%;
  --oev-sys-focus-visible-outline-height-changer: var(--oev-ref-spacing-12);
  --oev-sys-focus-visible-left-offset: -4px;
  --oev-sys-focus-visible-padding: 2px 4px;
  --oev-ref-radius-24: var(--oev-ref-size-24);
  --oev-ref-radius-32: var(--oev-ref-size-32);
  --oev-ref-radius-50: var(--oev-ref-size-50);
  --oev-ref-radius-none: 0;
  --oev-ref-radius-s: 0.25rem;
  --oev-ref-radius-m: 0.5rem;
  --oev-ref-radius-l: 1rem;
  --oev-ref-radius-xl: 50%;
  --oev-ref-radius-02: var(--oev-ref-size-02);
  --oev-ref-radius-03: var(--oev-ref-size-03);
  --oev-ref-radius-06: var(--oev-ref-size-06);
  --oev-sys-box-shadow-0: 0 0 0 #00000016;
  --oev-sys-box-shadow-1: 0 0.063rem 0.125rem #00000016;
  --oev-sys-box-shadow-2: 0 0.125rem 0.375rem #00000016;
  --oev-sys-box-shadow-3: 0 0.375rem 0.75rem #00000016;
  --oev-sys-box-shadow-4: 0 0.75rem 1.5rem #00000016;
  --oev-ref-box-shadow-default: 0 0.1875rem 0.625rem #00000029;
  --oev-ref-box-shadow-hover: 0 0.125rem 0.375rem #00000029;
  --oev-ref-box-shadow-pressed: 0 0.0625rem 0.1875rem #00000029;
  --oev-ref-box-shadow-dragged: 0 0 0.75rem #00000029;
  --oev-ref-box-shadow-disabled: 0 0.0625rem 0.25rem #00000015;
  --oev-sys-box-shadow-none: none;
  --oev-sys-elevation-level-0: 0 0 0 #00000029;
  --oev-sys-elevation-level-1: 0 0.063rem 0.125rem #00000029;
  --oev-sys-elevation-level-2: 0 0.188rem 0.375rem #00000029;
  --oev-sys-elevation-level-3: 0 0.375rem 0.75rem #00000029;
  --oev-sys-elevation-level-4: 0 0.75rem 1.5rem #00000029;
  --oev-ref-size-10: 0.625rem;
  --oev-ref-size-12: 0.75rem;
  --oev-ref-size-15: 0.938rem;
  --oev-ref-size-16: 1rem;
  --oev-ref-size-20: 1.25rem;
  --oev-ref-size-24: 1.5rem;
  --oev-ref-size-32: 2rem;
  --oev-ref-size-40: 2.5rem;
  --oev-ref-size-48: 3rem;
  --oev-ref-size-50: 3.125rem;
  --oev-ref-size-52: 3.25rem;
  --oev-ref-size-56: 3.5rem;
  --oev-ref-size-58: 3.625rem;
  --oev-ref-size-64: 4rem;
  --oev-ref-size-72: 4.5rem;
  --oev-ref-size-80: 5rem;
  --oev-ref-size-88: 5.5rem;
  --oev-ref-size-96: 6rem;
  --oev-ref-size-102: 6.375rem;
  --oev-ref-size-104: 6.5rem;
  --oev-ref-size-120: 7.5rem;
  --oev-ref-size-140: 8.75rem;
  --oev-ref-size-160: 10rem;
  --oev-ref-size-192: 12rem;
  --oev-ref-size-256: 16rem;
  --oev-ref-size-00: 0;
  --oev-ref-size-01: 0.063rem;
  --oev-ref-size-02: 0.125rem;
  --oev-ref-size-03: 0.188rem;
  --oev-ref-size-04: 0.25rem;
  --oev-ref-size-06: 0.375rem;
  --oev-ref-size-08: 0.5rem;
  --oev-ref-size-auto: 100%;
  --oev-ref-spacing-10: 0.625rem;
  --oev-ref-spacing-12: 0.75rem;
  --oev-ref-spacing-14: 0.875rem;
  --oev-ref-spacing-15: 0.938rem;
  --oev-ref-spacing-16: 1rem;
  --oev-ref-spacing-20: 1.25rem;
  --oev-ref-spacing-24: 1.5rem;
  --oev-ref-spacing-32: 2rem;
  --oev-ref-spacing-40: 2.5rem;
  --oev-ref-spacing-48: 3rem;
  --oev-ref-spacing-56: 3.5rem;
  --oev-ref-spacing-64: 4rem;
  --oev-ref-spacing-72: 4.5rem;
  --oev-ref-spacing-80: 5rem;
  --oev-ref-spacing-96: 6rem;
  --oev-ref-spacing-00: 0;
  --oev-ref-spacing-01: 0.063rem;
  --oev-ref-spacing-02: 0.125rem;
  --oev-ref-spacing-04: 0.25rem;
  --oev-ref-spacing-06: 0.375rem;
  --oev-ref-spacing-08: 0.5rem;
  --oev-ref-spacing-negative-07: -7px;
  --oev-sys-spacing-none: var(--oev-ref-spacing-00);
  --oev-sys-spacing-xxs: var(--oev-ref-spacing-04);
  --oev-sys-spacing-xs: var(--oev-ref-spacing-08);
  --oev-sys-spacing-s: var(--oev-ref-spacing-12);
  --oev-sys-spacing-m: var(--oev-ref-spacing-16);
  --oev-sys-spacing-l: var(--oev-ref-spacing-24);
  --oev-sys-spacing-xl-1: var(--oev-ref-spacing-32);
  --oev-sys-spacing-xl-2: var(--oev-ref-spacing-40);
  --oev-sys-spacing-xl-3: var(--oev-ref-spacing-48);
  --oev-sys-spacing-xl-4: var(--oev-ref-spacing-56);
  --oev-sys-spacing-xl-5: var(--oev-ref-spacing-64);
  --oev-sys-spacing-xl-6: var(--oev-ref-spacing-72);
  --oev-sys-spacing-xl-7: var(--oev-ref-spacing-80);
  --oev-sys-spacing-xl-8: var(--oev-ref-spacing-96);
  --oev-sys-spacing-responsive-xxs: var(--oev-ref-spacing-04);
  --oev-sys-spacing-responsive-xs: var(--oev-ref-spacing-08);
  --oev-sys-spacing-responsive-s: var(--oev-ref-spacing-12);
  --oev-sys-spacing-responsive-m: var(--oev-ref-spacing-16);
  --oev-sys-spacing-responsive-l: var(--oev-ref-spacing-20);
  --oev-sys-spacing-responsive-xl: var(--oev-ref-spacing-24);
  --oev-sys-spacing-responsive-xxl: var(--oev-ref-spacing-32);
  --oev-font-family-sans-serif: Ubuntu, sans-serif;
  --oev-font-family-serif:
    Georgia,
    Times,
    serif;
  --oev-font-family-light: var(--oev-font-family-sans-serif);
  --oev-font-family-bold: var(--oev-font-family-sans-serif);
  --oev-font-family-black: var(--oev-font-family-sans-serif);
  --oev-font-family-default: var(--oev-font-family-sans-serif);
  --oev-font-family-calligraphy: "Caveat", cursive;
  --oev-font-family-icon: "iconfont-vk-dxp";
  --oev-font-family-stage: var(--oev-font-family-h1);
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-light);
  --oev-font-family-body-small: var(--oev-font-family-light);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-large: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 600;
  --oev-font-weight-bold: 700;
  --oev-font-weight-black: 900;
  --oev-font-weight-default: var(--oev-font-weight-regular);
  --oev-font-weight-stage: var(--oev-font-weight-h1);
  --oev-font-weight-h1: var(--oev-font-weight-bold);
  --oev-font-weight-h2: var(--oev-font-weight-bold);
  --oev-font-weight-h3: var(--oev-font-weight-bold);
  --oev-font-weight-h4: var(--oev-font-weight-bold);
  --oev-font-weight-h5: var(--oev-font-weight-bold);
  --oev-font-weight-h6: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-bold);
  --oev-font-weight-body: var(--oev-font-weight-default);
  --oev-font-weight-body-small: var(--oev-font-weight-default);
  --oev-font-weight-label: var(--oev-font-weight-medium);
  --oev-font-weight-label-small: var(--oev-font-weight-default);
  --oev-font-weight-link: var(--oev-font-weight-bold);
  --oev-font-weight-link-large: var(--oev-font-weight-bold);
  --oev-font-weight-link-medium: var(--oev-font-weight-bold);
  --oev-font-weight-link-small: var(--oev-font-weight-bold);
  --oev-font-weight-caption: var(--oev-font-weight-default);
  --oev-font-weight-error: var(--oev-font-weight-medium);
  --oev-font-size-38: calc(38/16 * 1rem);
  --oev-font-size-xxs: calc(12/16 * 1rem);
  --oev-font-size-xs: calc(14/16 * 1rem);
  --oev-font-size-s: 1rem;
  --oev-font-size-m: calc(18/16 * 1rem);
  --oev-font-size-l: calc(20/16 * 1rem);
  --oev-font-size-xl-1: calc(24/16 * 1rem);
  --oev-font-size-xl-2: calc(32/16 * 1rem);
  --oev-font-size-xl-3: calc(36/16 * 1rem);
  --oev-font-size-xl-4: calc(40/16 * 1rem);
  --oev-font-size-xl-5: calc(26/16 * 1rem);
  --oev-font-size-xl-6: calc(28/16 * 1rem);
  --oev-font-size-xl-7: calc(29/16 * 1rem);
  --oev-font-size-xl-8: calc(32/16 * 1rem);
  --oev-font-size-xl-9: calc(36/16 * 1rem);
  --oev-font-size-xl-10: calc(34/16 * 1rem);
  --oev-font-size-stage: var(--oev-font-size-h1);
  --oev-font-size-h1: var(--oev-font-size-xl-2);
  --oev-font-size-h2: var(--oev-font-size-xl-1);
  --oev-font-size-h3: var(--oev-font-size-xl-2);
  --oev-font-size-h4: var(--oev-font-size-xl-1);
  --oev-font-size-h5: var(--oev-font-size-l);
  --oev-font-size-h6: var(--oev-font-size-m);
  --oev-font-size-subtitle-1: var(--oev-font-size-l);
  --oev-font-size-subtitle-2: var(--oev-font-size-m);
  --oev-font-size-body: var(--oev-font-size-s);
  --oev-font-size-body-small: var(--oev-font-size-xs);
  --oev-font-size-label: var(--oev-font-size-xs);
  --oev-font-size-label-small: var(--oev-font-size-xxs);
  --oev-font-size-link: var(--oev-font-size-s);
  --oev-font-size-link-large: var(--oev-font-size-m);
  --oev-font-size-link-medium: var(--oev-font-size-xs);
  --oev-font-size-link-small: var(--oev-font-size-xxs);
  --oev-font-size-caption: var(--oev-font-size-xxs);
  --oev-font-size-error: var(--oev-font-size-xxs);
  --oev-font-style-stage: normal normal 700 var(--oev-font-size-stage) / 130% Ubuntu, sans-serif;
  --oev-font-style-h1: normal normal 700 var(--oev-font-size-h1) / 130% Ubuntu, sans-serif;
  --oev-font-style-h2: normal normal 700 var(--oev-font-size-h2) / 130% Ubuntu, sans-serif;
  --oev-font-style-h3: normal normal 700 var(--oev-font-size-h3) / 130% Ubuntu, sans-serif;
  --oev-font-style-h4: normal normal 700 var(--oev-font-size-h4) / 130% Ubuntu, sans-serif;
  --oev-font-style-h5: normal normal 700 var(--oev-font-size-h5) / 130% Ubuntu, sans-serif;
  --oev-font-style-h6: normal normal 700 var(--oev-font-size-h6) / 130% Ubuntu, sans-serif;
  --oev-font-style-subtitle-1: normal normal 700 var(--oev-font-size-subtitle-1) / 130% Ubuntu, sans-serif;
  --oev-font-style-subtitle-2: normal normal 700 var(--oev-font-size-subtitle-2) / 130% Ubuntu, sans-serif;
  --oev-font-style-body: normal normal 400 1rem / 1.5 Ubuntu, sans-serif;
  --oev-font-style-body-small: normal normal 400 var(--oev-font-size-body-small) / 130% Ubuntu, sans-serif;
  --oev-font-style-label: normal normal 600 calc(14/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-label-small: normal normal 400 calc(12/16 * 1rem) / 1.17 Ubuntu, sans-serif;
  --oev-font-style-link: normal normal 700 1rem / 1.5 Ubuntu, sans-serif;
  --oev-font-style-link-large: normal normal 700 calc(18/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-link-small: normal normal 700 calc(12/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-link-medium: normal normal 700 calc(14/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-caption: normal normal 400 calc(12/16 * 1rem) / 1.5 Ubuntu, sans-serif;
  --oev-font-style-error: normal normal 600 calc(12/16 * 1rem) / 1.17 Ubuntu, sans-serif;
  --oev-font-style-signature: normal normal 400 var(--oev-font-size-subtitle-2) / 130% "Caveat", cursive;
  --oev-line-height-xxs: 1;
  --oev-line-height-xs: 1.17;
  --oev-line-height-s: 130%;
  --oev-line-height-m: 1.5;
  --oev-line-height-l: 2.5;
  --oev-line-height-default: var(--oev-line-height-s);
  --oev-line-height-stage: var(--oev-line-height-h1);
  --oev-line-height-h1: var(--oev-line-height-default);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-subtitle-1: var(--oev-line-height-default);
  --oev-line-height-subtitle-2: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-m);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-xs);
  --oev-line-height-link: var(--oev-line-height-m);
  --oev-line-height-link-large: var(--oev-line-height-default);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-error: var(--oev-line-height-xs);
  --oev-line-height-caption: var(--oev-line-height-m);
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-comp-forms-radio-button-options-row-spacing: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-comp-forms-radio-button-options-row-spacing: 0.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-comp-forms-radio-button-options-row-spacing: 0.75rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-comp-grid-responsive-spacing-top-bottom: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-comp-grid-responsive-spacing-top-bottom: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-comp-grid-responsive-spacing-top-bottom: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-comp-grid-container-card-view-spacing-left-right: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-comp-grid-container-card-view-spacing-left-right: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-comp-grid-container-card-view-spacing-left-right: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xxs: 0.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xxs: 0.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xxs: 1rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xs: 0.75rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xs: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xs: 1.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-s: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-s: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-s: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-m: 1.25rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-m: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-m: 2rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-l: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-l: 2rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-l: 2.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xl: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xl: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xl: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xxl: 2.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xxl: 3rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xxl: 3.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h1: calc(36/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h1: calc(40/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h1: calc(40/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h2: calc(32/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h2: calc(36/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h2: calc(36/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h3: calc(36/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h3: calc(40/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h3: calc(40/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h4: calc(32/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h4: calc(34/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h4: calc(34/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h5: calc(24/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h5: calc(32/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h5: calc(32/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h6: calc(20/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h6: calc(24/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h6: calc(24/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-1: calc(24/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-1: calc(32/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-subtitle-1: calc(32/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-2: calc(20/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-2: calc(24/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-subtitle-2: calc(24/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
.theme-aok {
  --oev-ref-radius-s: 0.25rem;
  --oev-ref-radius-m: 0.25rem;
  --oev-ref-radius-l: 0.25rem;
  --oev-comp-button-border-radius: 0.25rem;
  --oev-comp-card-border-radius: 0;
  --oev-comp-forms-datepicker-overlay-border-radius: 0;
  --oev-comp-forms-dropdown-border-radius: 0.25rem;
  --oev-comp-forms-text-area-border-radius: 0.25rem;
  --oev-comp-forms-input-text-border-radius: 0.25rem;
  --oev-comp-chip-border-radius: 0;
  --vk-comp-checkbox-border-radius: 0;
  --vk-comp-fieldset-border-radius: 0.25rem;
  --vk-comp-fileupload-border-radius: 0;
  --vk-comp-multiselect-border-radius: 0.25rem;
  --vk-comp-message-border-radius: 0.5rem;
  --vk-comp-toggleswitch-border-radius: 1rem;
  --oev-color-primary-600: #afb6bc;
  --oev-color-primary-800: #afb6bc;
  --oev-color-primary-900: #91f54a;
  --oev-color-secondary-200: #afb6bc;
  --oev-color-secondary-700: #0c6b5a;
  --oev-color-secondary-800: #afb6bc;
  --oev-color-secondary-900: #afb6bc;
  --oev-color-custom-01: #e8f4f2;
  --oev-color-custom-02: #faf8eb;
  --oev-color-action-focus-on-light: #18AB42;
  --primeng-color-info-default: var(--oev-color-custom-02);
  --oev-font-family-sans-serif:
    AOKBuenosAiresText,
    Arial,
    sans-serif;
  --oev-font-family-serif:
    AOKBuenosAiresText,
    Arial,
    sans-serif;
  --oev-font-family-light:
    AOKBuenosAiresText,
    Arial,
    sans-serif;
  --oev-font-family-bold:
    AOKBuenosAiresText,
    Arial,
    sans-serif;
  --oev-font-family:
    AOKBuenosAiresText,
    Arial,
    sans-serif;
  --oev-color-font-body-default: #293033;
}
.theme-bavaria-direkt {
  --oev-color-primary-900: #D70000;
  --oev-color-primary-800: #FF0000;
  --oev-color-primary-700: #FF3333;
  --oev-color-primary-600: #FF4D4D;
  --oev-color-primary-500: #FF8080;
  --oev-color-primary-400: #FF9999;
  --oev-color-primary-300: #FFB2B2;
  --oev-color-primary-200: #FFCCCC;
  --oev-color-primary-100: #FFE5E5;
  --oev-color-primary-50: #FFE5E5;
  --oev-color-secondary-900: #093D74;
  --oev-color-secondary-800: #0D57A6;
  --oev-color-secondary-700: #3D79B8;
  --oev-color-secondary-600: #6E9ACA;
  --oev-color-secondary-500: #86ABD3;
  --oev-color-secondary-400: #9EBCDB;
  --oev-color-secondary-300: #B6CDE4;
  --oev-color-secondary-200: #CFDDED;
  --oev-color-secondary-100: #E6EEF6;
  --oev-color-secondary-50: #F3F7FB;
  --oev-color-gray-900: #333333;
  --oev-color-gray-800: #414141;
  --oev-color-gray-700: #606060;
  --oev-color-gray-600: #767676;
  --oev-color-gray-500: #919191;
  --oev-color-gray-400: #B4B4B4;
  --oev-color-gray-300: #D2D2D2;
  --oev-color-gray-200: #EBEBEB;
  --oev-color-gray-100: #F5F5F5;
  --oev-color-gray-50: #F9F9F9;
  --oev-color-action-success: #7AC943;
  --oev-color-action-warning: #FFB73C;
  --oev-color-action-error: #d70000;
  --oev-color-action-info: #4A81E5;
  --oev-color-action-focus-on-light: #0d57a6;
  --oev-color-action-focus-on-dark: #FFFFFF;
  --oev-color-action-white: #fff;
  --oev-color-action-black: #000;
  --oev-color-cutom-01: #E6EEF6;
  --oev-color-cutom-02: #0D57A6;
  --oev-color-cutom-03: #b6cce4;
  --oev-color-cutom-04: #FF0000;
  --oev-color-cutom-05: #B4B4B4;
  --oev-color-cutom-06: #3D79B8;
  --oev-color-cutom-07: #4A81E5;
  --oev-color-cutom-08: #86ABD2;
  --oev-color-cutom-09: #093D74;
  --oev-color-cutom-10: #f5f5f5;
  --oev-color-cutom-11: #333333;
  --oev-color-cutom-12: #767676;
  --oev-color-primary-default: var(--oev-color-primary-800);
  --oev-color-primary-hover: var(--oev-color-primary-900);
  --oev-color-primary-active: var(--oev-color-primary-800);
  --oev-color-primary-focus: var(--oev-color-primary-800);
  --oev-color-primary-disabled: var(--oev-color-primary-200);
  --oev-color-primary-visited: var(--oev-color-primary-400);
  --oev-color-secondary-default: var(--oev-color-secondary-800);
  --oev-color-secondary-hover: var(--oev-color-secondary-900);
  --oev-color-secondary-active: var(--oev-color-secondary-800);
  --oev-color-secondary-focus: var(--oev-color-secondary-800);
  --oev-color-secondary-disabled: var(--oev-color-secondary-200);
  --oev-color-secondary-visited: var(--oev-color-secondary-400);
  --oev-color-gray-default: var(--oev-color-gray-800);
  --oev-color-gray-hover: var(--oev-color-gray-600);
  --oev-color-gray-active: var(--oev-color-gray-800);
  --oev-color-gray-focus: var(--oev-color-gray-800);
  --oev-color-gray-disabled: var(--oev-color-gray-300);
  --oev-color-gray-visited: var(--oev-color-gray-400);
  --oev-color-white-100: #fff;
  --oev-color-white-rgba-hover: #fff;
  --oev-color-white-rgba-focus: #fff;
  --oev-color-white-rgba-active: #fff;
  --oev-color-white-rgba-disabled: #fff;
  --oev-color-white-default: var(--oev-color-white-100);
  --oev-color-white-hover: var(--oev-color-white-rgba-hover);
  --oev-color-white-focus: var(--oev-color-white-rgba-focus);
  --oev-color-white-pressed: var(--oev-color-white-rgba-active);
  --oev-color-white-disabled: var(--oev-color-white-rgba-disabled);
  --oev-color-font-body-default: var(--oev-color-gray-800);
  --oev-color-font-body-disabled: var(--oev-color-gray-400);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-gray-800);
  --oev-color-font-headline: var(--oev-color-secondary-800);
  --oev-color-font-subheadline: var(--oev-color-gray-800);
  --oev-color-font-h1: color-font-headline;
  --oev-color-font-h2: color-font-headline;
  --oev-color-font-h3: color-font-headline;
  --oev-color-font-h4: color-font-headline;
  --oev-color-font-h5: color-font-headline;
  --oev-color-font-h6: color-font-headline;
  --oev-color-font-subtitle-1: color-font-subheadline;
  --oev-color-font-subtitle-2: color-font-subheadline;
  --oev-color-font-label: var(--oev-color-gray-800);
  --oev-color-font-label-small: var(--oev-color-gray-800);
  --oev-color-font-link: var(--oev-color-secondary-800);
  --oev-color-font-link-medium: var(--oev-color-secondary-800);
  --oev-color-font-link-small: var(--oev-color-secondary-800);
  --oev-color-font-caption: var(--oev-color-font-body-default);
  --oev-color-font-error: var(--oev-color-action-error);
  --oev-color-font-placeholder: var(--oev-color-gray-600);
  --oev-color-background-01: var(--oev-color-secondary-100);
  --oev-color-background-02: var(--oev-color-custom-02);
  --oev-color-background-03: var(--oev-color-custom-03);
  --oev-color-background-04: var(--oev-color-custom-04);
  --oev-color-background-05: var(--oev-color-custom-01);
  --oev-color-background-06: var(--oev-color-secondary-200);
  --oev-color-background-07: var(--oev-color-gray-100);
  --oev-color-background-08: var(--oev-color-gray-200);
  --oev-color-background-09: var(--oev-color-custom-05);
  --oev-color-background-10: var(--oev-color-custom-06);
  --oev-color-background-11: var(--oev-color-custom-07);
  --oev-color-background-12: var(--oev-color-custom-08);
  --oev-color-background-13: var(--oev-color-custom-09);
  --oev-color-background-14: var(--oev-color-custom-10);
  --oev-color-background-15: var(--oev-color-primary-50);
  --oev-color-background-16: var(--oev-color-primary-100);
  --oev-color-background-17: var(--oev-color-action-white);
  --oev-color-background-18: var(--oev-color-action-black);
  --oev-color-background-dark: #f1f1f1;
  --oev-color-background-light: #f9fafb;
  --oev-font-family-sans-serif: Roboto;
  --oev-font-family-serif: Roboto;
  --oev-font-family-light: Roboto;
  --oev-font-family-bold: Roboto;
  --oev-font-family: Roboto;
  --oev-font-family-icon: iconfont-vk;
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 600;
  --oev-font-weight-bold: 700;
  --oev-font-weight: 400;
  --oev-line-height-xs: 1.313rem;
  --oev-line-height-s: 1.5rem;
  --oev-line-height-m: 2rem;
  --oev-line-height-l: 2.5rem;
  --oev-line-height: 1.5rem;
  --oev-font-size-xxs: 0.75rem;
  --oev-font-size-xs: 0.875rem;
  --oev-font-size-s: 1rem;
  --oev-font-size-m: 1.25rem;
  --oev-font-size-l: 1.5rem;
  --oev-font-size-xl-1: 1.75rem;
  --oev-font-size-xl-2: 1.875rem;
  --oev-font-size-xl-3: 2.375rem;
  --oev-font-size-xl-4: 2.5rem;
  --oev-font-size-xl-5: 2.85rem;
  --oev-font-size-xl-6: 3rem;
  --oev-font-size-xl-7: 3.125rem;
  --oev-font-size-xl-8: 3.5rem;
  --oev-font-size-xl-9: 4rem;
  --oev-font-size-xl-10: 4.5rem;
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-default);
  --oev-font-family-body-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-h1: var(--oev-font-weight-bold);
  --oev-font-weight-h2: var(--oev-font-weight-bold);
  --oev-font-weight-h3: var(--oev-font-weight-bold);
  --oev-font-weight-h4: var(--oev-font-weight-bold);
  --oev-font-weight-h5: var(--oev-font-weight-bold);
  --oev-font-weight-h6: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-bold);
  --oev-font-weight-body: var(--oev-font-weight-default);
  --oev-font-weight-body-small: var(--oev-font-weight-default);
  --oev-font-weight-label: var(--oev-font-weight-default);
  --oev-font-weight-label-small: var(--oev-font-weight-default);
  --oev-font-weight-link: var(--oev-font-weight-default);
  --oev-font-weight-link-medium: var(--oev-font-weight-default);
  --oev-font-weight-link-small: var(--oev-font-weight-default);
  --oev-font-weight-caption: var(--oev-font-weight-default);
  --oev-font-weight-error: var(--oev-font-weight-default);
  --oev-line-height-h1: var(--oev-line-height-default);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-default);
  --oev-line-height-body-small: var(--oev-line-height-xs);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-xs);
  --oev-line-height-link: var(--oev-line-height-default);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-xs);
  --oev-line-height-caption: var(--oev-line-height-xs);
  --oev-line-height-error: var(--oev-line-height-xs);
  --oev-ref-radius-m: 4px;
}
.theme-bavaria-direkt {
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h1: 1.125rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h1: 1.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h1: 2.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h2: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h2: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h2: 2.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h3: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h3: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h3: 1.875rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h4: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h4: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h4: 1.75rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h5: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h5: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h5: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h6: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h6: 0.875rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h6: 1.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-subtitle-1: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-subtitle-1: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-subtitle-2: 0.75rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-subtitle-2: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-subtitle-2: 1.25rem;
  }
}
.theme-bavaria-direkt {
}
.theme-bgv {
  --oev-font-family-sans-serif: "Mark Pro";
  --oev-font-family-serif: "Mark Pro";
  --oev-font-family-light: "Mark Pro";
  --oev-font-family-bold: "Mark Pro";
  --oev-font-family: "Mark Pro";
  --oev-color-primary-50: #DCF2ED;
  --oev-color-primary-100: #c3e9df;
  --oev-color-primary-200: #a8dfd3;
  --oev-color-primary-300: #89d2c2;
  --oev-color-primary-400: #68c4b0;
  --oev-color-primary-500: #47b89d;
  --oev-color-primary-600: #2da58b;
  --oev-color-primary-700: #179677;
  --oev-color-primary-800: #008565;
  --oev-color-primary-900: #006852;
  --oev-color-secondary-50: #e9ecf9;
  --oev-color-secondary-100: #d3d8f3;
  --oev-color-secondary-200: #b7c0ec;
  --oev-color-secondary-300: #96a5e4;
  --oev-color-secondary-400: #768bdb;
  --oev-color-secondary-500: #5e75d1;
  --oev-color-secondary-600: #495ec1;
  --oev-color-secondary-700: #3949a6;
  --oev-color-secondary-800: #2b3c90;
  --oev-color-secondary-900: #002978;
  --oev-color-gray-50: #f5f5f5;
  --oev-color-gray-100: #e0e0e0;
  --oev-color-gray-200: #c2c2c2;
  --oev-color-gray-300: #a3a3a3;
  --oev-color-gray-400: #8e8e8e;
  --oev-color-gray-500: #757575;
  --oev-color-gray-600: #5e5e5e;
  --oev-color-gray-700: #4a4a4a;
  --oev-color-gray-800: #333333;
  --oev-color-gray-900: #1f1f1f;
  --oev-color-custom-01: #64c3d7;
  --oev-color-custom-02: #f08c46;
  --oev-color-custom-03: #3cb496;
  --oev-color-custom-04: #0069b4;
  --oev-color-background-01: #DCF2ED;
  --oev-color-background-02: #002978;
  --oev-color-background-03: #fdeedc;
  --oev-color-background-17: #FFFFFF;
  --oev-color-background-18: #000000;
  --oev-color-primary-default: var(--oev-color-primary-800);
  --oev-color-primary-hover: var(--oev-color-primary-900);
  --oev-color-primary-active: var(--oev-color-primary-800);
  --oev-color-primary-focus: var(--oev-color-primary-800);
  --oev-color-primary-disabled: var(--oev-color-primary-100);
  --oev-color-primary-visited: var(--oev-color-primary-200);
  --oev-color-secondary-default: var(--oev-color-secondary-900);
  --oev-color-secondary-hover: var(--oev-color-secondary-600);
  --oev-color-secondary-active: var(--oev-color-secondary-900);
  --oev-color-secondary-focus: var(--oev-color-secondary-900);
  --oev-color-secondary-disabled: var(--oev-color-secondary-100);
  --oev-color-secondary-visited: var(--oev-color-secondary-200);
  --oev-color-gray-default: var(--oev-color-gray-800);
  --oev-color-gray-hover: var(--oev-color-gray-600);
  --oev-color-gray-active: var(--oev-color-gray-800);
  --oev-color-gray-focus: var(--oev-color-gray-800);
  --oev-color-gray-disabled: var(--oev-color-gray-100);
  --oev-color-gray-visited: var(\2014oev-color-gray-200);
  --oev-color-font-body-default: var(--oev-color-secondary-default);
  --oev-color-font-body-disabled: var(--oev-color-gray-200);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-font-body-default);
  --oev-color-font-headline: var(--oev-color-secondary-default);
  --oev-color-font-subheadline: var(--oev-color-secondary-default);
  --oev-color-font-h1: var(--oev-color-font-headline);
  --oev-color-font-h2: var(--oev-color-font-headline);
  --oev-color-font-h3: var(--oev-color-font-headline);
  --oev-color-font-h4: var(--oev-color-font-headline);
  --oev-color-font-h5: var(--oev-color-font-headline);
  --oev-color-font-h6: var(--oev-color-font-headline);
  --oev-color-font-subtitle-1: var(--oev-color-font-subheadline);
  --oev-color-font-subtitle-2: var(--oev-color-font-subheadline);
  --oev-color-font-label: var(--oev-color-secondary-default);
  --oev-color-font-label-small: var(--oev-color-secondary-default);
  --oev-color-font-link: var(--oev-color-secondary-default);
  --oev-color-font-link-medium: var(--oev-color-secondary-default);
  --oev-color-font-link-small: var(--oev-color-secondary-default);
  --oev-color-font-caption: var(--oev-color-secondary-default);
  --oev-color-font-error: var(--oev-color-danger-default);
  --oev-color-font-placeholder: var(--oev-color-gray-500);
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 500;
  --oev-font-weight-bold: 700;
  --oev-font-weight: 400;
  --oev-line-height-xs: 1rem;
  --oev-line-height-s: 1.125rem;
  --oev-line-height-m: 1.75rem;
  --oev-line-height-l: 3.625rem;
  --oev-line-height: 130%;
  --oev-font-size-xxs: 0.875rem;
  --oev-font-size-xs: 1rem;
  --oev-font-size-s: 1.125rem;
  --oev-font-size-m: 1.5rem;
  --oev-font-size-l: 1.625rem;
  --oev-font-size-xl-1: 1.75rem;
  --oev-font-size-xl-2: 2rem;
  --oev-font-size-xl-3: 2.625rem;
  --oev-font-size-xl-4: 3rem;
  --oev-font-size-xl-5: 3rem;
  --oev-font-size-xl-6: 3rem;
  --oev-font-size-xl-7: 3rem;
  --oev-font-size-xl-8: 3rem;
  --oev-font-size-xl-9: 3rem;
  --oev-font-size-xl-10: 3rem;
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-default);
  --oev-font-family-body-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-h1: var(--oev-font-weight-bold);
  --oev-font-weight-h2: var(--oev-font-weight-medium);
  --oev-font-weight-h3: var(--oev-font-weight-bold);
  --oev-font-weight-h4: var(--oev-font-weight-bold);
  --oev-font-weight-h5: var(--oev-font-weight-bold);
  --oev-font-weight-h6: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-bold);
  --oev-font-weight-body: var(--oev-font-weight-default);
  --oev-font-weight-body-small: var(--oev-font-weight-default);
  --oev-font-weight-label: var(--oev-font-weight-default);
  --oev-font-weight-label-small: var(--oev-font-weight-default);
  --oev-font-weight-link: var(--oev-font-weight-bold);
  --oev-font-weight-link-medium: var(--oev-font-weight-bold);
  --oev-font-weight-link-small: var(--oev-font-weight-bold);
  --oev-font-weight-caption: var(--oev-font-weight-default);
  --oev-font-weight-error: var(--oev-font-weight-default);
  --oev-line-height-h1: var(--oev-line-height-l);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-m);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-default);
  --oev-line-height-link: var(--oev-line-height-m);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-caption: var(--oev-line-height-s);
  --oev-line-height-error: var(--oev-line-height-default);
  --oev-font-size-link: var(--oev-font-size-xs);
  --oev-font-size-link-medium: var(--oev-font-size-xs);
  --oev-font-size-link-small: var(--oev-font-size-xxs);
  --oev-font-size-body: var(--oev-font-size-xs);
  --oev-font-size-body-small: var(--oev-font-size-xxs);
  --oev-font-size-label: var(--oev-font-size-xs);
  --oev-font-size-error: var(--oev-font-size-xs);
  --oev-font-size-caption: var(\2014oev-font-size-xxs);
  --oev-color-action-focus-on-light: var(--oev-color-secondary-default);
}
.theme-bgv {
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-h1: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-h1: 2.65rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-h1: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-h2: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-h2: 1.625rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-h2: 1.75rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-h3: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-h3: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-h3: 1.125rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-h4: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-h4: 0.875rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-h4: 1rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-h5: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-h5: 0.875rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-h5: 0.875rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-h6: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-h6: 0.875rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-h6: 0.875rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-subtitle-1: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-subtitle-2: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-subtitle-2: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-subtitle-2: 1rem;
  }
}
.theme-bgv {
}
.theme-geno {
  --oev-ref-radius-s: 0.25rem;
  --oev-ref-radius-m: 0.25rem;
  --oev-comp-button-border-radius: 0.25rem;
  --oev-comp-card-border-radius: 0.25rem;
  --oev-comp-forms-datepicker-overlay-border-radius: 0.25rem;
  --oev-comp-forms-dropdown-border-radius: 0.25rem;
  --oev-comp-forms-text-area-border-radius: 0.25rem;
  --oev-comp-forms-input-text-border-radius: 0.25rem;
  --oev-comp-chip-border-radius: 0.25rem;
  --vk-comp-checkbox-border-radius: 0.25rem;
  --vk-comp-fieldset-border-radius: 0.25rem;
  --vk-comp-fileupload-border-radius: 0.25rem;
  --vk-comp-multiselect-border-radius: 0.25rem;
  --vk-comp-message-border-radius: 0.25rem;
  --oev-font-family-sans-serif:
    GenosGFG,
    Arial,
    sans-serif;
  --oev-font-family-serif:
    GenosGFG,
    Arial,
    sans-serif;
  --oev-font-family-light:
    GenosGFG,
    Arial,
    sans-serif;
  --oev-font-family-bold:
    GenosGFG,
    Arial,
    sans-serif;
  --oev-font-family:
    GenosGFG,
    Arial,
    sans-serif;
  --oev-color-primary-50: #e0edf6;
  --oev-color-primary-100: #b3d1e8;
  --oev-color-primary-200: #80b3d9;
  --oev-color-primary-300: #4d94ca;
  --oev-color-primary-400: #267dbe;
  --oev-color-primary-500: #0066b3;
  --oev-color-primary-600: #005eac;
  --oev-color-primary-700: #005ba0;
  --oev-color-primary-800: #00499a;
  --oev-color-primary-900: #00388b;
  --oev-color-primary-default: var(--oev-color-primary-500);
  --oev-color-primary-hover: var(--oev-color-primary-700);
  --oev-color-primary-active: var(--oev-color-primary-500);
  --oev-color-primary-focus: var(--oev-color-primary-500);
  --oev-color-primary-disabled: var(--oev-color-primary-100);
  --oev-color-primary-visited: var(--oev-color-primary-200);
  --oev-color-secondary-50: #ffede0;
  --oev-color-secondary-100: #ffd1b3;
  --oev-color-secondary-200: #ffb380;
  --oev-color-secondary-300: #ff944d;
  --oev-color-secondary-400: #ff7d26;
  --oev-color-secondary-500: #ff6200;
  --oev-color-secondary-600: #ff5e00;
  --oev-color-secondary-700: #e55b00;
  --oev-color-secondary-800: #ff4900;
  --oev-color-secondary-900: #ff3800;
  --oev-color-secondary-default: var(--oev-color-secondary-500);
  --oev-color-secondary-hover: var(--oev-color-secondary-700);
  --oev-color-secondary-active: var(--oev-color-secondary-500);
  --oev-color-secondary-focus: var(--oev-color-secondary-500);
  --oev-color-secondary-disabled: var(--oev-color-secondary-100);
  --oev-color-secondary-visited: var(--oev-color-secondary-200);
  --oev-color-gray-50: #f5f7f9;
  --oev-color-gray-100: #edf0f4;
  --oev-color-gray-200: #d9e0e8;
  --oev-color-gray-300: #ccd5e1;
  --oev-color-gray-400: #bfcad9;
  --oev-color-gray-500: rgba(0, 0, 0, 0.38);
  --oev-color-gray-600: rgba(0, 0, 0, 0.62);
  --oev-color-gray-700: rgba(0, 0, 0, 0.65);
  --oev-color-gray-800: rgba(0, 0, 0, 0.86);
  --oev-color-gray-default: var(--oev-color-gray-800);
  --oev-color-gray-hover: var(--oev-color-gray-600);
  --oev-color-gray-active: var(--oev-color-gray-800);
  --oev-color-gray-focus: var(--oev-color-gray-800);
  --oev-color-gray-disabled: var(--oev-color-gray-200);
  --oev-color-gray-visited: var(--oev-color-gray-300);
  --oev-color-action-focus-on-light: #0066b3;
  --oev-color-extend-blue: #0079a8;
  --oev-color-extend-blue-light: #b9d2f0;
  --oev-color-extend-azure-blue: #68b9f6;
  --oev-color-extend-process-blue: #005da8;
  --oev-color-extend-sand: #c3a58c;
  --oev-color-extend-sand-light: #e1d2c8;
  --oev-color-extend-petrol: #325f87;
  --oev-color-extend-petrol-light: #9bafc3;
  --oev-color-extend-raspberry: #b42864;
  --oev-color-extend-raspberry-light: #d796af;
  --oev-color-extend-mint: #73af9b;
  --oev-color-extend-mint-light: #b4d7c3;
  --oev-color-extend-olive: #9b8c55;
  --oev-color-extend-olive-light: #cdc39b;
  --oev-color-extend-violet: #a078b4;
  --oev-color-extend-violet-light: #c8b4d7;
  --oev-color-extend-negative: var(--oev-color-warn);
  --oev-color-extend-positive: #0c7336;
  --oev-color-extend-white: #ffffff;
  --oev-color-extend-black: #000000;
  --oev-color-extend-status-positive: var(--oev-color-extend-positive);
  --oev-color-extend-status-positive-background: #eef5f1;
  --oev-color-extend-status-negative: var(--oev-color-extend-negative);
  --oev-color-background-01: #F5F7F9;
  --oev-color-background-02: #EEF0F4;
  --oev-color-background-03: #002D67;
  --oev-color-background-04: #FAFAFA;
  --oev-color-background-05: #EEF0F4;
  --oev-color-background-06: #F3F7FB;
  --oev-color-background-17: #FFFFFF;
  --oev-color-background-18: #000000;
  --oev-font-family-icon: iconfont-vk;
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 600;
  --oev-font-weight-bold: 700;
  --oev-font-weight: 400;
  --oev-line-height-xs: 1.313;
  --oev-line-height-s: 1.5;
  --oev-line-height-m: 2;
  --oev-line-height-l: 2.75;
  --oev-line-height: 130%;
  --oev-font-size-xxs: 0.75rem;
  --oev-font-size-xs: 0.813rem;
  --oev-font-size-s: 1rem;
  --oev-font-size-m: 1.375rem;
  --oev-font-size-l: 1.75rem;
  --oev-font-size-xl-1: 2.375rem;
  --oev-font-size-xl-2: 2.375rem;
  --oev-font-size-xl-3: 2.375rem;
  --oev-font-size-xl-4: 2.375rem;
  --oev-font-size-xl-5: 2.375rem;
  --oev-font-size-xl-6: 2.375rem;
  --oev-font-size-xl-7: 2.375rem;
  --oev-font-size-xl-8: 2.375rem;
  --oev-font-size-xl-9: 2.375rem;
  --oev-font-size-xl-10: 2.375rem;
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-default);
  --oev-font-family-body-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-h1: var(--oev-font-weight-bold);
  --oev-font-weight-h2: var(--oev-font-weight-bold);
  --oev-font-weight-h3: var(--oev-font-weight-bold);
  --oev-font-weight-h4: var(--oev-font-weight-bold);
  --oev-font-weight-h5: var(--oev-font-weight-bold);
  --oev-font-weight-h6: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-bold);
  --oev-font-weight-body: var(--oev-font-weight-default);
  --oev-font-weight-body-small: var(--oev-font-weight-default);
  --oev-font-weight-label: var(--oev-font-weight-default);
  --oev-font-weight-label-small: var(--oev-font-weight-default);
  --oev-font-weight-link: var(--oev-font-weight-bold);
  --oev-font-weight-link-medium: var(--oev-font-weight-bold);
  --oev-font-weight-link-small: var(--oev-font-weight-bold);
  --oev-font-weight-caption: var(--oev-font-weight-default);
  --oev-font-weight-error: var(--oev-font-weight-default);
  --oev-line-height-h1: var(--oev-line-height-l);
  --oev-line-height-h2: var(--oev-line-height-l);
  --oev-line-height-h3: var(--oev-line-height-l);
  --oev-line-height-h4: var(--oev-line-height-m);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-s);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-default);
  --oev-line-height-link: var(--oev-line-height-xs);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-caption: var(--oev-line-height-default);
  --oev-line-height-error: var(--oev-line-height-default);
  --oev-font-size-body: var(--oev-font-size-s);
  --oev-font-size-body-small: var(--oev-font-size-xs);
  --oev-font-size-label: var(--oev-font-size-xs);
  --oev-font-size-label-small: var(--oev-font-size-xs);
  --oev-font-size-link: var(--oev-font-size-xs);
  --oev-font-size-link-medium: var(--oev-font-size-xs);
  --oev-font-size-link-small: var(--oev-font-size-xs);
  --oev-font-size-caption: var(--oev-font-size-xs);
  --oev-font-size-error: var(--oev-font-size-xs);
  --oev-color-font-body-default: var(--oev-color-gray-800);
  --oev-color-font-body-disabled: var(--oev-color-gray-200);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-font-body-default);
  --oev-color-font-headline: var(--oev-color-gray-800);
  --oev-color-font-subheadline: var(--oev-color-gray-800);
  --oev-color-font-h1: var(--oev-color-primary-default);
  --oev-color-font-h2: var(--oev-color-font-headline);
  --oev-color-font-h3: var(--oev-color-font-headline);
  --oev-color-font-h4: var(--oev-color-font-headline);
  --oev-color-font-h5: var(--oev-color-font-headline);
  --oev-color-font-h6: var(--oev-color-font-headline);
  --oev-color-font-subtitle-1: var(--oev-color-font-subheadline);
  --oev-color-font-subtitle-2: var(--oev-color-font-subheadline);
  --oev-color-font-label: var(--oev-color-gray-800);
  --oev-color-font-label-small: var(--oev-color-gray-800);
  --oev-color-font-link: var(--oev-color-gray-800);
  --oev-color-font-link-medium: var(--oev-color-gray-800);
  --oev-color-font-link-small: var(--oev-color-gray-800);
  --oev-color-font-caption: var(--oev-color-gray-800);
  --oev-color-font-error: var(--oev-color-danger-default);
  --oev-color-font-placeholder: var(--oev-color-gray-500);
}
.theme-geno {
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h1: 1.75rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h1: 1.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h1: 2.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h2: 1.375rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h2: 1.375rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h2: 1.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h3: 1.375rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h3: 1.375rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h3: 1.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h4: 1.375rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h4: 1.375rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h4: 1.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h5: 1.375rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h5: 1.375rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h5: 1.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h6: 1.375rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h6: 1.375rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h6: 1.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-2: 1.125rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-2: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-subtitle-2: 1.125rem;
  }
}
.theme-geno {
}
.theme-oesa {
  --oev-font-family-sans-serif: "Sparkasse Lt";
  --oev-font-family-serif: "Sparkasse Lt";
  --oev-font-family-light: "Sparkasse Lt";
  --oev-font-family-bold: "Sparkasse Lt";
  --oev-font-family: "Sparkasse Lt";
  --oev-font-family-icon: icons;
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 500;
  --oev-font-weight-bold: 700;
  --oev-font-weight: 400;
  --oev-line-height-xs: 1.25rem;
  --oev-line-height-s: 1.5rem;
  --oev-line-height-m: 2.125rem;
  --oev-line-height-l: 3.5rem;
  --oev-line-height: 130%;
  --oev-font-size-xxs: 0.75rem;
  --oev-font-size-xs: 0.875rem;
  --oev-font-size-s: 1rem;
  --oev-font-size-m: 1.125rem;
  --oev-font-size-l: 1.25rem;
  --oev-font-size-xl-1: 1.5rem;
  --oev-font-size-xl-2: 1.75rem;
  --oev-font-size-xl-3: 2rem;
  --oev-font-size-xl-4: 2.5rem;
  --oev-font-size-xl-5: 3rem;
  --oev-font-size-xl-6: 3rem;
  --oev-font-size-xl-7: 3rem;
  --oev-font-size-xl-8: 3rem;
  --oev-font-size-xl-9: 3rem;
  --oev-font-size-xl-10: 3rem;
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-default);
  --oev-font-family-body-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-h1: var(--oev-font-weight-regular);
  --oev-font-weight-h2: var(--oev-font-weight-regular);
  --oev-font-weight-h3: var(--oev-font-weight-regular);
  --oev-font-weight-h4: var(--oev-font-weight-regular);
  --oev-font-weight-h5: var(--oev-font-weight-regular);
  --oev-font-weight-h6: var(--oev-font-weight-regular);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-regular);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-regular);
  --oev-font-weight-body: var(--oev-font-weight-regular);
  --oev-font-weight-body-small: var(--oev-font-weight-regular);
  --oev-font-weight-label: var(--oev-font-weight-regular);
  --oev-font-weight-label-small: var(--oev-font-weight-regular);
  --oev-font-weight-link: var(--oev-font-weight-regular);
  --oev-font-weight-link-medium: var(--oev-font-weight-regular);
  --oev-font-weight-link-small: var(--oev-font-weight-regular);
  --oev-font-weight-caption: var(--oev-font-weight-regular);
  --oev-font-weight-error: var(--oev-font-weight-regular);
  --oev-line-height-h1: var(--oev-line-height-default);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-default);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-default);
  --oev-line-height-link: var(--oev-line-height-default);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-caption: var(--oev-line-height-s);
  --oev-line-height-error: var(--oev-line-height-default);
  --oev-color-primary-50: #E0F4EA;
  --oev-color-primary-100: #C2EAD6;
  --oev-color-primary-200: #5CBC8D;
  --oev-color-primary-300: #2AAB6D;
  --oev-color-primary-400: #00935D;
  --oev-color-primary-500: #007F4E;
  --oev-color-primary-600: #006B42;
  --oev-color-primary-700: #005431;
  --oev-color-primary-800: #003D22;
  --oev-color-primary-900: #002817;
  --oev-color-primary-default: var(--oev-color-primary-600);
  --oev-color-primary-hover: var(--oev-color-primary-400);
  --oev-color-primary-focus: var(--oev-color-primary-600);
  --oev-color-primary-active: var(--oev-color-primary-800);
  --oev-color-primary-disabled: var(--oev-color-primary-100);
  --oev-color-primary-visited: var(--oev-color-primary-200);
  --oev-color-secondary-50: #F4F4F4;
  --oev-color-secondary-100: #E8E8E8;
  --oev-color-secondary-200: #DFDFDE;
  --oev-color-secondary-300: #D6D6D5;
  --oev-color-secondary-400: #C4C4C3;
  --oev-color-secondary-500: #B3B3B1;
  --oev-color-secondary-600: #9C9C9A;
  --oev-color-secondary-700: #878787;
  --oev-color-secondary-800: #6F6F6D;
  --oev-color-secondary-900: #585856;
  --oev-color-secondary-default: var(--oev-color-secondary-900);
  --oev-color-secondary-hover: var(--oev-color-secondary-700);
  --oev-color-secondary-focus: var(--oev-color-secondary-700);
  --oev-color-secondary-active: var(--oev-color-secondary-800);
  --oev-color-secondary-disabled: var(--oev-color-secondary-100);
  --oev-color-secondary-visited: var(--oev-color-secondary-200);
  --primeng-success-50: #EDFAE9;
  --primeng-success-100: #D9F5D0;
  --primeng-success-200: #B8EDAA;
  --primeng-success-300: #89DF75;
  --primeng-success-400: #62CE49;
  --primeng-success-500: #3DBF26;
  --primeng-success-600: #2DA31A;
  --primeng-success-700: #247F17;
  --primeng-success-800: #246C16;
  --primeng-success-900: #1E5A14;
  --primeng-success-default: var(--primeng-success-500);
  --primeng-success-hover: var(--primeng-success-700);
  --primeng-success-focus: var(--primeng-success-700);
  --primeng-success-active: var(--primeng-success-800);
  --primeng-success-disabled: var(--primeng-success-200);
  --primeng-success-visited: var(--primeng-success-300);
  --primeng-success-light: var(--primeng-success-50);
  --primeng-danger-50: #FDF0F0;
  --primeng-danger-100: #FDE6E6;
  --primeng-danger-200: #FCD3D3;
  --primeng-danger-300: #F9B2B2;
  --primeng-danger-400: #F58282;
  --primeng-danger-500: #EF4C4C;
  --primeng-danger-600: #DC2828;
  --primeng-danger-700: #BC2E2E;
  --primeng-danger-800: #9D2929;
  --primeng-danger-900: #822525;
  --oev-color-danger-default: var(--primeng-color-danger-600);
  --oev-color-danger-hover: var(--primeng-color-danger-700);
  --oev-color-danger-focus: var(--primeng-color-danger-700);
  --oev-color-danger-active: var(--primeng-color-danger-800);
  --oev-color-danger-disabled: var(--primeng-color-danger-100);
  --oev-color-danger-visited: var(--primeng-color-danger-300);
  --oev-color-danger-light: var(--primeng-color-danger-50);
  --primeng-warning-50: #FDFCE6;
  --primeng-warning-100: #FEF9C2;
  --primeng-warning-200: #FDF08A;
  --primeng-warning-300: #FDDF49;
  --primeng-warning-400: #FACC14;
  --primeng-warning-500: #E7AF08;
  --primeng-warning-600: #C78904;
  --primeng-warning-700: #A16106;
  --primeng-warning-800: #854D0E;
  --primeng-warning-900: #723F11;
  --oev-color-warning-default: var(--primeng-color-warning-400);
  --oev-color-warning-hover: var(--primeng-color-warning-500);
  --oev-color-warning-focus: var(--primeng-color-warning-500);
  --oev-color-warning-active: var(--primeng-color-warning-600);
  --oev-color-warning-disabled: var(--primeng-color-warning-100);
  --oev-color-warning-visited: var(--primeng-color-warning-200);
  --oev-color-warning-light: var(--primeng-color-warning-50);
  --primeng-info-50: #F3FAFE;
  --primeng-info-100: #E2F2FC;
  --primeng-info-200: #B6E4FA;
  --primeng-info-300: #72CEFA;
  --primeng-info-400: #32B2F0;
  --primeng-info-500: #0DA2E7;
  --primeng-info-600: #058BD2;
  --primeng-info-700: #0271B0;
  --primeng-info-800: #03609A;
  --primeng-info-900: #065184;
  --oev-color-info-default: var(--primeng-color-info-500);
  --oev-color-info-hover: var(--primeng-color-info-700);
  --oev-color-info-focus: var(--primeng-color-info-700);
  --oev-color-info-active: var(--primeng-color-info-800);
  --oev-color-info-disabled: var(--primeng-color-info-200);
  --oev-color-info-visited: var(--primeng-color-info-300);
  --oev-color-info-light: var(--primeng-color-info-50);
  --oev-color-custom-01: #00935D;
  --oev-color-custom-02: #3DBF26;
  --oev-color-custom-03: #C2EAD7;
  --oev-color-custom-04: #F4D000;
  --oev-color-custom-05: #F6A821;
  --oev-color-custom-06: #E00029;
  --oev-color-custom-07: #CD182D;
  --oev-color-custom-08: #E40514;
  --oev-color-custom-09: #0DA2E7;
  --oev-color-custom-10: #1C1D1B;
  --oev-color-custom-11: #006B42;
  --oev-color-custom-12: #F5F5F5;
  --oev-color-gray-50: #F4F4F4;
  --oev-color-gray-100: #E8E8E8;
  --oev-color-gray-200: #DFDFDE;
  --oev-color-gray-300: #D6D6D5;
  --oev-color-gray-400: #C4C4C3;
  --oev-color-gray-500: #B3B3B1;
  --oev-color-gray-600: #9C9C9A;
  --oev-color-gray-700: #878787;
  --oev-color-gray-800: #6F6F6D;
  --oev-color-gray-900: #585856;
  --oev-color-gray-950: #1C1D1B;
  --oev-color-gray-default: var(--oev-color-gray-950);
  --oev-color-gray-hover: var(--oev-color-gray-600);
  --oev-color-gray-focus: var(--oev-color-gray-700);
  --oev-color-gray-active: var(--oev-color-gray-800);
  --oev-color-gray-disabled: var(--oev-color-gray-200);
  --oev-color-gray-visited: var(--oev-color-gray-300);
  --oev-color-gray-light: var(--oev-color-gray-50);
  --oev-color-background-01: var(--oev-color-gray-50);
  --oev-color-background-02: var(--oev-color-gray-100);
  --oev-color-background-03: var(--oev-color-gray-500);
  --oev-color-background-03: var(--oev-color-gray-700);
  --oev-color-background-03: var(--oev-color-gray-900);
  --oev-color-background-04: var(--oev-color-primary-50);
  --oev-color-background-05: var(--oev-color-primary-100);
  --oev-color-background-06: var(--oev-color-primary-600);
  --oev-color-background-07: var(--oev-color-custom-01);
  --oev-color-background-08: var(--oev-color-custom-12);
  --oev-color-background-17: #FFFFFF;
  --oev-color-background-18: #000000;
}
.theme-spk {
  --oev-color-primary-50: #FFDBDB;
  --oev-color-primary-100: #ffb6b6;
  --oev-color-primary-200: #ff9292;
  --oev-color-primary-300: #ff6d6d;
  --oev-color-primary-400: #ff4949;
  --oev-color-primary-500: #ff2424;
  --oev-color-primary-600: #ee0000;
  --oev-color-primary-700: #d40000;
  --oev-color-primary-800: #aa0000;
  --oev-color-primary-900: #800000;
  --oev-color-primary-1000: #944848;
  --oev-color-primary-default: var(--oev-color-primary-600);
  --oev-color-primary-hover: var(--oev-color-primary-700);
  --oev-color-primary-active: var(--oev-color-primary-800);
  --oev-color-primary-focus: var(--oev-color-primary-700);
  --oev-color-primary-disabled: var(--oev-color-gray-400);
  --oev-color-primary-visited: var(--oev-color-gray-600);
  --oev-color-secondary-50: #fcfcfc;
  --oev-color-secondary-100: #f5f5f5;
  --oev-color-secondary-200: #f0f0f0;
  --oev-color-secondary-300: #e3e3e3;
  --oev-color-secondary-400: #bebebe;
  --oev-color-secondary-500: #AEAEAE;
  --oev-color-secondary-600: #949494;
  --oev-color-secondary-700: #666666;
  --oev-color-secondary-800: #565656;
  --oev-color-secondary-900: #444444;
  --oev-color-secondary-1000: #292929;
  --oev-color-secondary-1100: #222222;
  --oev-color-secondary-default: var(--oev-color-gray-800);
  --oev-color-secondary-hover: var(--oev-color-gray-900);
  --oev-color-secondary-active: var(--oev-color-gray-1000);
  --oev-color-secondary-focus: var(--oev-color-gray-900);
  --oev-color-secondary-disabled: var(--oev-color-gray-400);
  --oev-color-secondary-visited: var(--oev-color-gray-600);
  --oev-color-gray-50: #fcfcfc;
  --oev-color-gray-100: #f5f5f5;
  --oev-color-gray-200: #f0f0f0;
  --oev-color-gray-300: #e3e3e3;
  --oev-color-gray-400: #bebebe;
  --oev-color-gray-500: #AEAEAE;
  --oev-color-gray-600: #949494;
  --oev-color-gray-700: #666666;
  --oev-color-gray-800: #565656;
  --oev-color-gray-900: #444444;
  --oev-color-gray-1000: #292929;
  --oev-color-gray-1100: #222222;
  --oev-color-gray-default: var(--oev-color-gray-800);
  --oev-color-gray-hover: var(--oev-color-gray-900);
  --oev-color-gray-active: var(--oev-color-gray-1000);
  --oev-color-gray-focus: var(--oev-color-gray-900);
  --oev-color-gray-disabled: var(--oev-color-gray-400);
  --oev-color-gray-visited: var(--oev-color-gray-600);
  --oev-color-action-success: #2b5500;
  --oev-color-action-warning: #821001;
  --oev-color-action-error: #8d0000;
  --oev-color-action-info: #444444;
  --oev-color-action-white: #fff;
  --oev-color-action-black: #000;
  --oev-color-action-focus-on-light: #0071d4;
  --oev-color-action-focus-on-dark: #dbeeff;
  --oev-color-background-01: #e3e3e3;
  --oev-color-background-02: #949494;
  --oev-color-background-03: #f5f5f5;
  --oev-color-background-04: #fcfcfc;
  --oev-color-background-05: #ee0000;
  --oev-color-background-06: #d40000;
  --oev-color-background-07: #aa0000;
  --oev-color-background-08: #ffffff;
  --oev-color-background-09: #565656;
  --oev-color-custom-01: #ff9292;
  --oev-color-custom-02: #E04949;
  --oev-color-custom-03: #da2424;
  --oev-color-custom-04: #ee0000;
  --oev-color-custom-05: #6a0000;
  --oev-color-custom-06: #6dbbff;
  --oev-color-custom-07: #2499ff;
  --oev-color-custom-08: #92b66d;
  --oev-color-custom-09: #5b9224;
  --oev-color-custom-10: #fde59d;
  --oev-color-custom-11: #fdd86c;
  --oev-color-custom-12: #fbbe0a;
  --font-family-sans-serif: Sparkasse Web;
  --font-family-serif: Sparkasse Web;
  --font-family-light: Sparkasse Web;
  --font-family-bold: Sparkasse Medium;
  --font-family: Sparkasse Web;
  --oev-font-family-h1: var(--oev-font-family-bold);
  --oev-font-family-h2: var(--oev-font-family-bold);
  --oev-font-family-h3: var(--oev-font-family-sans-serif);
  --oev-font-family-h4: var(--oev-font-family-sans-serif);
  --oev-font-family-h5: var(--oev-font-family-sans-serif);
  --oev-font-family-h6: var(--oev-font-family-sans-serif);
  --oev-font-family-subtitle-1: var(--oev-font-family-sans-serif);
  --oev-family-subtitle-2: var(--oev-font-family-sans-serif);
  --oev-font-family-body: var(--oev-font-family-default);
  --oev-font-family-body-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(\2014oev-font-family-default);
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 500;
  --oev-font-weight-bold: 700;
  --oev-font-weight: 400;
  --oev-font-weight-h1: var(--oev-font-weight-medium);
  --oev-font-weight-h2: var(--oev-font-weight-medium);
  --oev-font-weight-h3: var(--oev-font-weight-medium);
  --oev-font-weight-h4: var(--oev-font-weight-medium);
  --oev-font-weight-h5: var(--oev-font-weight-medium);
  --oev-font-weight-h6: var(--oev-font-weight-medium);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-medium);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-medium);
  --oev-font-weight-body: var(--oev-font-weight-light);
  --oev-font-weight-body-small: var(--oev-font-weight-light);
  --oev-font-weight-label: var(--oev-font-weight-light);
  --oev-font-weight-label-small: var(--oev-font-weight-light);
  --oev-font-weight-link: var(--oev-font-weight-regular);
  --oev-font-weight-link-medium: var(--oev-font-weight-regular);
  --oev-font-weight-link-small: var(--oev-font-weight-regular);
  --oev-font-weight-caption: var(--oev-font-weight-regular);
  --oev-font-weight-error: var(--oev-font-weight-regular);
  --oev-font-size-xxs: 0.75rem;
  --oev-font-size-xs: 0.875rem;
  --oev-font-size-s: 1rem;
  --oev-font-size-m: 1.125rem;
  --oev-font-size-l: 1.25rem;
  --oev-font-size-xl-1: 1.375rem;
  --oev-font-size-xl-2: 1.5rem;
  --oev-font-size-xl-3: 1.75rem;
  --oev-font-size-xl-4: 2rem;
  --oev-font-size-xl-5: 2.25rem;
  --oev-font-size-link: var(--oev-font-size-s);
  --oev-font-size-link-medium: var(--oev-font-size-xs);
  --oev-font-size-link-small: var(--oev-font-size-xxs);
  --oev-font-size-body: var(--oev-font-size-s);
  --oev-font-size-body-small: var(--oev-font-size-xs);
  --oev-font-size-label: var(--oev-font-size-xs);
  --oev-font-size-error: var(--oev-font-size-xs);
  --oev-font-size-caption: var(\2014oev-font-size-xxs);
  --oev-line-height-xs: 1rem;
  --oev-line-height-s: 1.125rem;
  --oev-line-height-m: 1.5rem;
  --oev-line-height-l: 1.75rem;
  --oev-line-height-default: 144%;
  --oev-line-height-h1: var(--oev-line-height-default);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-default);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-default);
  --oev-line-height-link: var(--oev-line-height-default);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-caption: var(--oev-line-height-xs);
  --oev-line-height-error: var(--oev-line-height-default);
  --oev-color-font-body-default: var(--oev-color-gray-800);
  --oev-color-font-body-disabled: var(--oev-color-gray-400);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-font-body-default);
  --oev-color-font-headline: var(--oev-color-gray-1000);
  --oev-color-font-subheadline: var(--oev-color-gray-1000);
  --oev-color-font-h1: var(--oev-color-font-headline);
  --oev-color-font-h2: var(--oev-color-font-headline);
  --oev-color-font-h3: var(--oev-color-font-headline);
  --oev-color-font-h4: var(--oev-color-font-headline);
  --oev-color-font-h5: var(--oev-color-font-headline);
  --oev-color-font-h6: var(--oev-color-font-headline);
  --oev-color-font-subtitle-1: var(--oev-color-font-subheadline);
  --oev-color-font-subtitle-2: var(--oev-color-font-subheadline);
  --oev-color-font-label: var(--oev-color-gray-800);
  --oev-color-font-label-small: var(--oev-color-gray-800);
  --oev-color-font-link: var(--oev-color-gray-800);
  --oev-color-font-link-medium: var(--oev-color-gray-800);
  --oev-color-font-link-small: var(--oev-color-gray-800);
  --oev-color-font-caption: var(--oev-color-gray-1000);
  --oev-color-font-error: var(--oev-color-danger-default);
  --oev-color-font-placeholder: var(--oev-color-gray-600);
}
.theme-spk {
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h1: 1.75rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h1: 2rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h1: 2.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h2: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h2: 1.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h2: 2rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h3: 1.375rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h3: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h3: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h4: 1.125rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h4: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h4: 1.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h5: 1.125rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h5: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h5: 1.125rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h6: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h6: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h6: 1rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-2: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-2: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-subtitle-2: 1.125rem;
  }
}
.theme-spk {
}
.theme-spk {
  --oev-comp-tariff-comparison-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-headline-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-tariff-comparison-header-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-header-border-color: var(--oev-color-transparent);
  --oev-comp-tariff-comparison-header-border-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-border-radius: var(--oev-ref-radius-m);
  --oev-comp-tariff-comparison-header-overline-offset-top: 90%;
  --oev-comp-tariff-comparison-header-overline-highlighted-offset-top: 30%;
  --oev-comp-tariff-comparison-header-overline-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-header-overline-border-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-header-overline-border-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-header-overline-font-color: var(--oev-color-secondary-default);
  --oev-comp-tariff-comparison-header-overline-text-spacing-left-right: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-overline-text-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-overline-font-style-xs: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-overline-font-style-s-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-overline-shadow: var(--oev-sys-box-shadow-none);
  --oev-comp-tariff-comparison-header-tariff-name-color-background: var(--oev-color-gray-200);
  --oev-comp-tariff-comparison-header-tariff-name-visible-color-background-x-small: var(--oev-color-gray-200);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-color-background: var(--oev-color-primary-default);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-font-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-header-tariff-name-font-color: var(--oev-sys-color-font-body-default);
  --oev-comp-tariff-comparison-header-tariff-name-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-header-price-container-color-background: var(--oev-color-background-03);
  --oev-comp-tariff-comparison-header-price-container-highlighted-color-background: var(--oev-color-background-03);
  --oev-comp-tariff-comparison-header-price-container-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-header-tariff-price-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-header-visible-tariff-price-font-color-x-small: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-tariff-price-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-xs-s: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-m-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-tariff-price-period-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-subline-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-header-visible-subline-font-color-x-small: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-visible-color-background-x-small: var(--oev-color-gray-200);
  --oev-comp-tariff-comparison-header-visible-font-color-x-small: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-visible-highlighted-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-arrow-container-border-color-x-small: var(--oev-color-gray-200);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-content-tariffgroup-name-color-background: var(--oev-color-gray-100);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-style: var(--oev-font-style-link);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-content-tariffgroup-name-tooltip-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-hover: var(--oev-color-gray-hover);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-open: var(--oev-color-gray-default);
  --oev-comp-tariff-comparison-content-tariffrow-color-background-hover: var(--oev-color-gray-100);
  --oev-comp-tariff-comparison-content-tariffrow-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-style: var(--oev-font-style-body);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-check-color: var(--primeng-color-success-600);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-remove-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-1: var(--oev-sys-spacing-xl-1);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-2: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-name-module-group-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-yes: var(--oev-icon-check-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-no: var(--oev-icon-remove-filled);
  --oev-comp-tariff-comparison-content-container-spacing-top: var(--oev-ref-spacing-20);
  --oev-comp-tariff-comparison-content-container-spacing-gap: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-footer-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-footer-tarifffooter-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-anchoring-container-color-background: var(--oev-color-background-03);
  --oev-comp-tariff-comparison-footer-tarifffooter-color-background: var(--oev-color-background-03);
  --oev-comp-tariff-comparison-footer-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-tariff-price-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-footer-anchoring-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-width: var(--oev-ref-size-02);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-footer-anchoring-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-anchoring-font-color: var(--oev-color-font-h5);
  --oev-comp-tariff-comparison-footer-anchoring-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-footer-subline-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-footer-subline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-button-container-spacing: var(--oev-sys-spacing-m);
  --oev-ref-z-index-1: 1;
  --oev-ref-z-index-30: 30;
}
.theme-svlfg {
  --oev-color-primary-600: #056704;
  --oev-color-primary-800: #056704;
  --oev-color-primary-900: #67b32e;
  --oev-color-secondary-200: #afb6bc;
  --oev-color-secondary-700: #3d3f44;
  --oev-color-secondary-800: #3d3f44;
  --oev-color-secondary-900: #313131;
  --oev-color-custom-01: #f0f3f5;
  --oev-color-custom-02: #cccccc;
  --primeng-color-info-default: var(--oev-color-custom-02);
}
[class*=theme-] {
  --vk-global-group-label-font-weight: var(--oev-font-weight-label);
  --vk-global-group-label-margin-bottom: var(--vk-spacing-12);
  --vk-global-group-label-gap: var(--vk-spacing-12);
  --vk-global-error-container-font-style: var(--oev-font-style-error);
  --vk-global-error-container-margin-top: var(--vk-spacing-04);
  --vk-global-error-container-text-color: var(--oev-color-font-error);
}
.p-group-label {
  font-weight: var(--vk-global-group-label-font-weight);
  margin-bottom: var(--vk-global-group-label-margin-bottom);
}
.label-container {
  margin-bottom: var(--vk-comp-input-label-spacing-bottom);
  color: var(--vk-comp-input-float-label-color);
  font: var(--vk-comp-input-label-font-style);
}
.p-error-container,
.p-help-container {
  font: var(--vk-global-error-container-font-style);
  margin-top: var(--vk-global-error-container-margin-top);
  margin-left: 0;
  margin-right: 0;
}
.p-error-container {
  color: var(--vk-global-error-container-text-color);
}
.p-help-container {
  color: var(--vk-comp-input-help-text-color);
}
.p-inputtext:focus-visible,
.p-inputtext.p-focus {
  outline: var(--vk-focus-visible-outline-width) solid var(--vk-focus-visible-outline-color);
  outline-offset: var(--vk-focus-visible-outline-offset);
}
.p-multiselect:focus-visible,
.p-multiselect.p-focus {
  outline: var(--vk-focus-visible-outline-width) solid var(--vk-focus-visible-outline-color);
  outline-offset: var(--vk-focus-visible-outline-offset);
}
.p-select:focus-visible,
.p-select.p-focus {
  outline: var(--vk-focus-visible-outline-width) solid var(--vk-focus-visible-outline-color);
  outline-offset: var(--vk-focus-visible-outline-offset);
}
.p-paginator-page:focus-visible,
.p-paginator-page.p-focus {
  outline: var(--vk-focus-visible-outline-width) solid var(--vk-focus-visible-outline-color);
  outline-offset: var(--vk-focus-visible-outline-offset);
}
.p-paginator-first:focus-visible,
.p-paginator-first.p-focus {
  outline: var(--vk-focus-visible-outline-width) solid var(--vk-focus-visible-outline-color);
  outline-offset: var(--vk-focus-visible-outline-offset);
}
.p-paginator-last:focus-visible,
.p-paginator-last.p-focus {
  outline: var(--vk-focus-visible-outline-width) solid var(--vk-focus-visible-outline-color);
  outline-offset: var(--vk-focus-visible-outline-offset);
}
.p-paginator-prev:focus-visible,
.p-paginator-prev.p-focus {
  outline: var(--vk-focus-visible-outline-width) solid var(--vk-focus-visible-outline-color);
  outline-offset: var(--vk-focus-visible-outline-offset);
}
.p-paginator-next:focus-visible,
.p-paginator-next.p-focus {
  outline: var(--vk-focus-visible-outline-width) solid var(--vk-focus-visible-outline-color);
  outline-offset: var(--vk-focus-visible-outline-offset);
}
.p-step-header:focus-visible,
.p-step-header.p-focus {
  outline: var(--vk-focus-visible-outline-width) solid var(--vk-focus-visible-outline-color);
  outline-offset: var(--vk-focus-visible-outline-offset);
}
.p-textarea:focus-visible,
.p-textarea.p-focus {
  outline: var(--vk-focus-visible-outline-width) solid var(--vk-focus-visible-outline-color);
  outline-offset: var(--vk-focus-visible-outline-offset);
}
.p-toast-close-button:focus-visible,
.p-toast-close-button.p-focus {
  outline: var(--vk-focus-visible-outline-width) solid var(--vk-focus-visible-outline-color);
  outline-offset: var(--vk-focus-visible-outline-offset);
}
p-password ~ .p-help-container,
p-password ~ dxp-help-text .p-help-container,
p-password ~ dxp-field-info .p-help-container,
p-password ~ .p-error-container,
p-password ~ dxp-error-text .p-error-container,
p-password ~ .p-help-container ~ .p-error-container,
p-password ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-auto-complete ~ .p-help-container,
p-auto-complete ~ dxp-help-text .p-help-container,
p-auto-complete ~ dxp-field-info .p-help-container,
p-auto-complete ~ .p-error-container,
p-auto-complete ~ dxp-error-text .p-error-container,
p-auto-complete ~ .p-help-container ~ .p-error-container,
p-auto-complete ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-autocomplete ~ .p-help-container,
p-autocomplete ~ dxp-help-text .p-help-container,
p-autocomplete ~ dxp-field-info .p-help-container,
p-autocomplete ~ .p-error-container,
p-autocomplete ~ dxp-error-text .p-error-container,
p-autocomplete ~ .p-help-container ~ .p-error-container,
p-autocomplete ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-autoComplete ~ .p-help-container,
p-autoComplete ~ dxp-help-text .p-help-container,
p-autoComplete ~ dxp-field-info .p-help-container,
p-autoComplete ~ .p-error-container,
p-autoComplete ~ dxp-error-text .p-error-container,
p-autoComplete ~ .p-help-container ~ .p-error-container,
p-autoComplete ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-floatlabel ~ .p-help-container,
p-floatlabel ~ dxp-help-text .p-help-container,
p-floatlabel ~ dxp-field-info .p-help-container,
p-floatlabel ~ .p-error-container,
p-floatlabel ~ dxp-error-text .p-error-container,
p-floatlabel ~ .p-help-container ~ .p-error-container,
p-floatlabel ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-floatLabel ~ .p-help-container,
p-floatLabel ~ dxp-help-text .p-help-container,
p-floatLabel ~ dxp-field-info .p-help-container,
p-floatLabel ~ .p-error-container,
p-floatLabel ~ dxp-error-text .p-error-container,
p-floatLabel ~ .p-help-container ~ .p-error-container,
p-floatLabel ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-float-label ~ .p-help-container,
p-float-label ~ dxp-help-text .p-help-container,
p-float-label ~ dxp-field-info .p-help-container,
p-float-label ~ .p-error-container,
p-float-label ~ dxp-error-text .p-error-container,
p-float-label ~ .p-help-container ~ .p-error-container,
p-float-label ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-iconfield ~ .p-help-container,
p-iconfield ~ dxp-help-text .p-help-container,
p-iconfield ~ dxp-field-info .p-help-container,
p-iconfield ~ .p-error-container,
p-iconfield ~ dxp-error-text .p-error-container,
p-iconfield ~ .p-help-container ~ .p-error-container,
p-iconfield ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-icon-field ~ .p-help-container,
p-icon-field ~ dxp-help-text .p-help-container,
p-icon-field ~ dxp-field-info .p-help-container,
p-icon-field ~ .p-error-container,
p-icon-field ~ dxp-error-text .p-error-container,
p-icon-field ~ .p-help-container ~ .p-error-container,
p-icon-field ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-iconField ~ .p-help-container,
p-iconField ~ dxp-help-text .p-help-container,
p-iconField ~ dxp-field-info .p-help-container,
p-iconField ~ .p-error-container,
p-iconField ~ dxp-error-text .p-error-container,
p-iconField ~ .p-help-container ~ .p-error-container,
p-iconField ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-datePicker ~ .p-help-container,
p-datePicker ~ dxp-help-text .p-help-container,
p-datePicker ~ dxp-field-info .p-help-container,
p-datePicker ~ .p-error-container,
p-datePicker ~ dxp-error-text .p-error-container,
p-datePicker ~ .p-help-container ~ .p-error-container,
p-datePicker ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-datepicker ~ .p-help-container,
p-datepicker ~ dxp-help-text .p-help-container,
p-datepicker ~ dxp-field-info .p-help-container,
p-datepicker ~ .p-error-container,
p-datepicker ~ dxp-error-text .p-error-container,
p-datepicker ~ .p-help-container ~ .p-error-container,
p-datepicker ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-date-picker ~ .p-help-container,
p-date-picker ~ dxp-help-text .p-help-container,
p-date-picker ~ dxp-field-info .p-help-container,
p-date-picker ~ .p-error-container,
p-date-picker ~ dxp-error-text .p-error-container,
p-date-picker ~ .p-help-container ~ .p-error-container,
p-date-picker ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-multiSelect ~ .p-help-container,
p-multiSelect ~ dxp-help-text .p-help-container,
p-multiSelect ~ dxp-field-info .p-help-container,
p-multiSelect ~ .p-error-container,
p-multiSelect ~ dxp-error-text .p-error-container,
p-multiSelect ~ .p-help-container ~ .p-error-container,
p-multiSelect ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-multiselect ~ .p-help-container,
p-multiselect ~ dxp-help-text .p-help-container,
p-multiselect ~ dxp-field-info .p-help-container,
p-multiselect ~ .p-error-container,
p-multiselect ~ dxp-error-text .p-error-container,
p-multiselect ~ .p-help-container ~ .p-error-container,
p-multiselect ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-multi-select ~ .p-help-container,
p-multi-select ~ dxp-help-text .p-help-container,
p-multi-select ~ dxp-field-info .p-help-container,
p-multi-select ~ .p-error-container,
p-multi-select ~ dxp-error-text .p-error-container,
p-multi-select ~ .p-help-container ~ .p-error-container,
p-multi-select ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-radioButton ~ .p-help-container,
p-radioButton ~ dxp-help-text .p-help-container,
p-radioButton ~ dxp-field-info .p-help-container,
p-radioButton ~ .p-error-container,
p-radioButton ~ dxp-error-text .p-error-container,
p-radioButton ~ .p-help-container ~ .p-error-container,
p-radioButton ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-radiobutton ~ .p-help-container,
p-radiobutton ~ dxp-help-text .p-help-container,
p-radiobutton ~ dxp-field-info .p-help-container,
p-radiobutton ~ .p-error-container,
p-radiobutton ~ dxp-error-text .p-error-container,
p-radiobutton ~ .p-help-container ~ .p-error-container,
p-radiobutton ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-radio-button ~ .p-help-container,
p-radio-button ~ dxp-help-text .p-help-container,
p-radio-button ~ dxp-field-info .p-help-container,
p-radio-button ~ .p-error-container,
p-radio-button ~ dxp-error-text .p-error-container,
p-radio-button ~ .p-help-container ~ .p-error-container,
p-radio-button ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-selectButton ~ .p-help-container,
p-selectButton ~ dxp-help-text .p-help-container,
p-selectButton ~ dxp-field-info .p-help-container,
p-selectButton ~ .p-error-container,
p-selectButton ~ dxp-error-text .p-error-container,
p-selectButton ~ .p-help-container ~ .p-error-container,
p-selectButton ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-selectbutton ~ .p-help-container,
p-selectbutton ~ dxp-help-text .p-help-container,
p-selectbutton ~ dxp-field-info .p-help-container,
p-selectbutton ~ .p-error-container,
p-selectbutton ~ dxp-error-text .p-error-container,
p-selectbutton ~ .p-help-container ~ .p-error-container,
p-selectbutton ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-select-button ~ .p-help-container,
p-select-button ~ dxp-help-text .p-help-container,
p-select-button ~ dxp-field-info .p-help-container,
p-select-button ~ .p-error-container,
p-select-button ~ dxp-error-text .p-error-container,
p-select-button ~ .p-help-container ~ .p-error-container,
p-select-button ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-toggleswitch ~ .p-help-container,
p-toggleswitch ~ dxp-help-text .p-help-container,
p-toggleswitch ~ dxp-field-info .p-help-container,
p-toggleswitch ~ .p-error-container,
p-toggleswitch ~ dxp-error-text .p-error-container,
p-toggleswitch ~ .p-help-container ~ .p-error-container,
p-toggleswitch ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-toggleSwitch ~ .p-help-container,
p-toggleSwitch ~ dxp-help-text .p-help-container,
p-toggleSwitch ~ dxp-field-info .p-help-container,
p-toggleSwitch ~ .p-error-container,
p-toggleSwitch ~ dxp-error-text .p-error-container,
p-toggleSwitch ~ .p-help-container ~ .p-error-container,
p-toggleSwitch ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-toggle-switch ~ .p-help-container,
p-toggle-switch ~ dxp-help-text .p-help-container,
p-toggle-switch ~ dxp-field-info .p-help-container,
p-toggle-switch ~ .p-error-container,
p-toggle-switch ~ dxp-error-text .p-error-container,
p-toggle-switch ~ .p-help-container ~ .p-error-container,
p-toggle-switch ~ .p-help-container ~ dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
.p-component ~ .p-error-container,
.p-component ~ .p-help-container,
.p-component ~ dxp-error-text .p-error-container,
.p-component ~ dxp-help-text .p-help-container,
.p-component ~ dxp-field-info .p-help-container,
.p-component ~ .p-help-container ~ dxp-error-text .p-error-container,
.p-element ~ .p-error-container,
.p-element ~ .p-help-container,
.p-element ~ dxp-error-text .p-error-container,
.p-element ~ dxp-help-text .p-help-container,
.p-element ~ dxp-field-info .p-help-container,
.p-element ~ .p-help-container ~ .p-error-container,
.p-element ~ .p-help-container ~ dxp-error-text .p-error-container,
.dxp-signature-canvas-container ~ div > div > .p-help-container,
.dxp-signature-canvas-container ~ div > div > .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
@layer dxp-primeng {
  #inv-app-container,
  #primeng-app-container,
  .primeng-app-container,
  .p-tooltip,
  .p-dialog-mask,
  .p-popover {
    font: var(--oev-font-style-body);
    color: var(--oev-color-font-body-default);
  }
  #inv-app-container small,
  #inv-app-container .small,
  #primeng-app-container small,
  #primeng-app-container .small,
  .primeng-app-container small,
  .primeng-app-container .small,
  .p-tooltip small,
  .p-tooltip .small,
  .p-dialog-mask small,
  .p-dialog-mask .small,
  .p-popover small,
  .p-popover .small {
    font: var(--oev-font-style-body-small);
    color: var(--oev-color-font-body-small);
  }
  #inv-app-container caption,
  #inv-app-container .caption,
  #primeng-app-container caption,
  #primeng-app-container .caption,
  .primeng-app-container caption,
  .primeng-app-container .caption,
  .p-tooltip caption,
  .p-tooltip .caption,
  .p-dialog-mask caption,
  .p-dialog-mask .caption,
  .p-popover caption,
  .p-popover .caption {
    font: var(--oev-font-style-caption);
    color: var(--oev-color-font-caption);
  }
  #inv-app-container h1,
  #inv-app-container .h1,
  #primeng-app-container h1,
  #primeng-app-container .h1,
  .primeng-app-container h1,
  .primeng-app-container .h1,
  .p-tooltip h1,
  .p-tooltip .h1,
  .p-dialog-mask h1,
  .p-dialog-mask .h1,
  .p-popover h1,
  .p-popover .h1 {
    font: var(--oev-font-style-h1);
    color: var(--oev-color-font-h1);
  }
  #inv-app-container h2,
  #inv-app-container .h2,
  #primeng-app-container h2,
  #primeng-app-container .h2,
  .primeng-app-container h2,
  .primeng-app-container .h2,
  .p-tooltip h2,
  .p-tooltip .h2,
  .p-dialog-mask h2,
  .p-dialog-mask .h2,
  .p-popover h2,
  .p-popover .h2 {
    font: var(--oev-font-style-h2);
    color: var(--oev-color-font-h2);
  }
  #inv-app-container h3,
  #inv-app-container .h3,
  #primeng-app-container h3,
  #primeng-app-container .h3,
  .primeng-app-container h3,
  .primeng-app-container .h3,
  .p-tooltip h3,
  .p-tooltip .h3,
  .p-dialog-mask h3,
  .p-dialog-mask .h3,
  .p-popover h3,
  .p-popover .h3 {
    font: var(--oev-font-style-h3);
    color: var(--oev-color-font-h3);
  }
  #inv-app-container h4,
  #inv-app-container .h4,
  #primeng-app-container h4,
  #primeng-app-container .h4,
  .primeng-app-container h4,
  .primeng-app-container .h4,
  .p-tooltip h4,
  .p-tooltip .h4,
  .p-dialog-mask h4,
  .p-dialog-mask .h4,
  .p-popover h4,
  .p-popover .h4 {
    font: var(--oev-font-style-h4);
    color: var(--oev-color-font-h4);
  }
  #inv-app-container h5,
  #inv-app-container .h5,
  #primeng-app-container h5,
  #primeng-app-container .h5,
  .primeng-app-container h5,
  .primeng-app-container .h5,
  .p-tooltip h5,
  .p-tooltip .h5,
  .p-dialog-mask h5,
  .p-dialog-mask .h5,
  .p-popover h5,
  .p-popover .h5 {
    font: var(--oev-font-style-h5);
    color: var(--oev-color-font-h5);
  }
  #inv-app-container h6,
  #inv-app-container .h6,
  #primeng-app-container h6,
  #primeng-app-container .h6,
  .primeng-app-container h6,
  .primeng-app-container .h6,
  .p-tooltip h6,
  .p-tooltip .h6,
  .p-dialog-mask h6,
  .p-dialog-mask .h6,
  .p-popover h6,
  .p-popover .h6 {
    font: var(--oev-font-style-h6);
    color: var(--oev-color-font-h6);
  }
  #inv-app-container label,
  #inv-app-container .label,
  #primeng-app-container label,
  #primeng-app-container .label,
  .primeng-app-container label,
  .primeng-app-container .label,
  .p-tooltip label,
  .p-tooltip .label,
  .p-dialog-mask label,
  .p-dialog-mask .label,
  .p-popover label,
  .p-popover .label {
    font: var(--oev-font-style-label);
    color: var(--oev-color-font-label);
  }
  #inv-app-container label small,
  #inv-app-container .label-small,
  #primeng-app-container label small,
  #primeng-app-container .label-small,
  .primeng-app-container label small,
  .primeng-app-container .label-small,
  .p-tooltip label small,
  .p-tooltip .label-small,
  .p-dialog-mask label small,
  .p-dialog-mask .label-small,
  .p-popover label small,
  .p-popover .label-small {
    font: var(--oev-font-style-label-small);
    color: var(--oev-color-font-label-small);
  }
  #inv-app-container .subtitle-1,
  #primeng-app-container .subtitle-1,
  .primeng-app-container .subtitle-1,
  .p-tooltip .subtitle-1,
  .p-dialog-mask .subtitle-1,
  .p-popover .subtitle-1 {
    font: var(--oev-font-style-subtitle-1);
    color: var(--oev-color-font-subtitle-1);
  }
  #inv-app-container .subtitle-2,
  #primeng-app-container .subtitle-2,
  .primeng-app-container .subtitle-2,
  .p-tooltip .subtitle-2,
  .p-dialog-mask .subtitle-2,
  .p-popover .subtitle-2 {
    font: var(--oev-font-style-subtitle-2);
    color: var(--oev-color-font-subtitle-2);
  }
  [class*=theme-] {
    --vk-comp-button-icon-spacing: var(--oev-comp-button-icon-spacing);
    --vk-comp-button-icon-line-height: 1.5rem;
    --vk-comp-button-font-style: var(--oev-comp-button-font-style);
    --vk-comp-button-font-weight: var(--oev-comp-button-font-weight);
    --vk-comp-button-line-height-link: var(--oev-line-height-link);
    --vk-comp-button-border-width: var(--oev-comp-button-border-width);
    --vk-comp-button-border-radius: var(--oev-comp-button-border-radius);
    --vk-comp-button-label-top-margin: var(--vk-spacing-12);
    --vk-comp-button-label-bottom-margin: var(--vk-spacing-12);
    --vk-comp-button-label-left-margin: var(--oev-comp-button-labeled-spacing-left-and-right);
    --vk-comp-button-label-right-margin: var(--oev-comp-button-labeled-spacing-left-and-right);
    --vk-comp-button-font-color-default: var(--oev-color-font-body-default);
    --vk-comp-button-font-color-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-primary: var(--oev-comp-button-primary-contained-color-label-default);
    --vk-comp-button-color-primary-active: var(--oev-comp-button-primary-contained-color-label-active);
    --vk-comp-button-color-primary-hover: var(--oev-comp-button-primary-contained-color-label-hover);
    --vk-comp-button-color-primary-disabled: var(--oev-comp-button-primary-contained-color-label-disabled);
    --vk-comp-button-background-color-primary: var(--oev-comp-button-primary-contained-background-color-default);
    --vk-comp-button-background-color-primary-active: var(--oev-comp-button-primary-contained-background-color-active);
    --vk-comp-button-background-color-primary-disabled: var(--oev-comp-button-primary-contained-background-color-disabled);
    --vk-comp-button-background-color-primary-hover: var(--oev-comp-button-primary-contained-background-color-hover);
    --vk-comp-button-background-color-primary-focus: var(--oev-comp-button-primary-contained-background-color-focus);
    --vk-comp-button-border-color-primary: var(--vk-comp-button-background-color-primary);
    --vk-comp-button-border-color-primary-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-button-border-color-primary-focus: var(--oev-comp-button-primary-contained-background-color-focus);
    --vk-comp-button-border-color-primary-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-button-border-color-primary-disabled: var(--vk-comp-button-background-color-primary-disabled);
    --vk-comp-button-color-secondary: var(--oev-comp-button-secondary-contained-color-label-default);
    --vk-comp-button-color-secondary-active: var(--oev-comp-button-secondary-contained-color-label-active);
    --vk-comp-button-color-secondary-hover: var(--oev-comp-button-secondary-contained-color-label-hover);
    --vk-comp-button-color-secondary-disabled: var(--oev-comp-button-secondary-contained-color-label-disabled);
    --vk-comp-button-background-color-secondary: var(--oev-comp-button-secondary-contained-color-background-default);
    --vk-comp-button-background-color-secondary-active: var(--oev-comp-button-secondary-contained-color-background-active);
    --vk-comp-button-background-color-secondary-disabled: var(--oev-comp-button-secondary-contained-color-background-disabled);
    --vk-comp-button-background-color-secondary-hover: var(--oev-comp-button-secondary-contained-color-background-hover);
    --vk-comp-button-background-color-secondary-focus: var(--oev-comp-button-secondary-contained-color-background-focus);
    --vk-comp-button-border-color-secondary: var(--vk-comp-button-background-color-secondary);
    --vk-comp-button-border-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-border-color-secondary-focus: var(--oev-comp-button-secondary-contained-background-color-focus);
    --vk-comp-button-border-color-secondary-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-button-border-color-secondary-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-button-background-color-success: var(--primeng-color-success-default);
    --vk-comp-button-background-color-success-hover: var(--primeng-color-success-default);
    --vk-comp-button-background-color-success-active: var(--primeng-color-success-active);
    --vk-comp-button-background-color-success-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-success-hover: var(--primeng-color-success-hover);
    --vk-comp-button-background-color-success-focus: var(--primeng-color-success-focus);
    --vk-comp-button-border-color-success: var(--primeng-color-success-default);
    --vk-comp-button-border-color-success-hover: var(--primeng-color-success-hover);
    --vk-comp-button-border-color-success-focus: var(--primeng-color-success-focus);
    --vk-comp-button-border-color-success-active: var(--primeng-color-success-active);
    --vk-comp-button-border-color-success-disabled: var(--oev-color-gray-200);
    --vk-comp-button-color-success: var(--oev-color-font-body-default);
    --vk-comp-button-color-success-active: var(--vk-comp-button-color-success);
    --vk-comp-button-color-success-hover: var(--oev-color-font-body-default);
    --vk-comp-button-color-success-disabled: var(--oev-color-gray-700);
    --vk-comp-button-background-color-info: var(--primeng-color-info-default);
    --vk-comp-button-background-color-info-hover: var(--primeng-color-info-default);
    --vk-comp-button-background-color-info-active: var(--primeng-color-info-active);
    --vk-comp-button-background-color-info-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-info-hover: var(--primeng-color-info-hover);
    --vk-comp-button-background-color-info-focus: var(--primeng-color-info-focus);
    --vk-comp-button-border-color-info: var(--primeng-color-info-default);
    --vk-comp-button-border-color-info-hover: var(--primeng-color-info-hover);
    --vk-comp-button-border-color-info-focus: var(--primeng-color-info-focus);
    --vk-comp-button-border-color-info-active: var(--primeng-color-info-active);
    --vk-comp-button-border-color-info-disabled: var(--oev-color-gray-200);
    --vk-comp-button-color-info: var(--oev-color-font-body-default);
    --vk-comp-button-color-info-active: var(--vk-comp-button-color-info);
    --vk-comp-button-color-info-hover: var(--oev-color-font-body-default);
    --vk-comp-button-color-info-disabled: var(--oev-color-gray-700);
    --vk-comp-button-background-color-warning: var(--primeng-color-warning-default);
    --vk-comp-button-background-color-warning-hover: var(--primeng-color-warning-default);
    --vk-comp-button-background-color-warning-active: var(--primeng-color-warning-active);
    --vk-comp-button-background-color-warning-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-warning-hover: var(--primeng-color-warning-hover);
    --vk-comp-button-background-color-warning-focus: var(--primeng-color-warning-focus);
    --vk-comp-button-border-color-warning: var(--primeng-color-warning-default);
    --vk-comp-button-border-color-warning-hover: var(--primeng-color-warning-hover);
    --vk-comp-button-border-color-warning-focus: var(--primeng-color-warning-focus);
    --vk-comp-button-border-color-warning-active: var(--primeng-color-warning-active);
    --vk-comp-button-border-color-warning-disabled: var(--oev-color-gray-200);
    --vk-comp-button-color-warning: var(--oev-color-font-body-default);
    --vk-comp-button-color-warning-active: var(--vk-comp-button-color-warning);
    --vk-comp-button-color-warning-hover: var(--oev-color-font-body-default);
    --vk-comp-button-color-warning-disabled: var(--oev-color-gray-700);
    --vk-comp-button-background-color-help: var(--primeng-color-help-default);
    --vk-comp-button-background-color-help-hover: var(--primeng-color-help-default);
    --vk-comp-button-background-color-help-active: var(--primeng-color-help-active);
    --vk-comp-button-background-color-help-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-help-hover: var(--primeng-color-help-hover);
    --vk-comp-button-background-color-help-focus: var(--primeng-color-help-focus);
    --vk-comp-button-border-color-help: var(--primeng-color-help-default);
    --vk-comp-button-border-color-help-hover: var(--primeng-color-help-hover);
    --vk-comp-button-border-color-help-focus: var(--primeng-color-help-focus);
    --vk-comp-button-border-color-help-active: var(--primeng-color-help-active);
    --vk-comp-button-border-color-help-disabled: var(--oev-color-gray-200);
    --vk-comp-button-color-help: var(--oev-color-font-body-default);
    --vk-comp-button-color-help-active: var(--vk-comp-button-color-help);
    --vk-comp-button-color-help-hover: var(--oev-color-font-body-default);
    --vk-comp-button-color-help-disabled: var(--oev-color-gray-700);
    --vk-comp-button-background-color-danger: var(--primeng-color-danger-default);
    --vk-comp-button-background-color-danger-hover: var(--primeng-color-danger-default);
    --vk-comp-button-background-color-danger-active: var(--primeng-color-danger-active);
    --vk-comp-button-background-color-danger-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-danger-hover: var(--primeng-color-danger-hover);
    --vk-comp-button-background-color-danger-focus: var(--primeng-color-danger-focus);
    --vk-comp-button-border-color-danger: var(--primeng-color-danger-default);
    --vk-comp-button-border-color-danger-hover: var(--primeng-color-danger-hover);
    --vk-comp-button-border-color-danger-focus: var(--primeng-color-danger-focus);
    --vk-comp-button-border-color-danger-active: var(--primeng-color-danger-active);
    --vk-comp-button-border-color-danger-disabled: var(--oev-color-gray-200);
    --vk-comp-button-color-danger: var(--oev-color-font-body-default);
    --vk-comp-button-color-danger-active: var(--vk-comp-button-color-danger);
    --vk-comp-button-color-danger-hover: var(--oev-color-font-body-default);
    --vk-comp-button-color-danger-disabled: var(--oev-color-gray-700);
    --vk-comp-button-color-success: var(--oev-color-font-body-default);
    --vk-comp-button-color-info: var(--oev-color-font-body-default);
    --vk-comp-button-color-warning: var(--oev-color-font-body-default);
    --vk-comp-button-color-help: var(--oev-color-font-body-default);
    --vk-comp-button-color-danger: var(--oev-color-font-body-inverted);
    --vk-comp-button-color-danger-hover: var(--oev-color-font-body-inverted);
    --vk-comp-button-outlined-outline-radius: 4px;
    --vk-comp-button-outlined-outline-width: 1px;
    --vk-comp-button-outlined-color-primary: var(--oev-comp-button-primary-outlined-color-label-default);
    --vk-comp-button-outlined-color-primary-active: var(--oev-comp-button-primary-outlined-color-label-active);
    --vk-comp-button-outlined-color-primary-disabled: var(--oev-comp-button-primary-outlined-color-label-disabled);
    --vk-comp-button-outlined-color-primary-hover: var(--oev-comp-button-primary-outlined-color-label-hover);
    --vk-comp-button-outlined-color-primary-focus: var(--oev-comp-button-primary-outlined-color-label-default);
    --vk-comp-button-outlined-border-color-primary: var(--oev-comp-button-primary-outlined-color-border-default);
    --vk-comp-button-outlined-border-color-primary-hover: var(--oev-comp-button-primary-outlined-color-border-hover);
    --vk-comp-button-outlined-border-color-primary-active: var(--oev-comp-button-primary-outlined-color-border-active);
    --vk-comp-button-outlined-border-color-primary-focus: var(--oev-comp-button-primary-outlined-color-border-focus);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--oev-comp-button-primary-outlined-color-border-disabled);
    --vk-comp-button-outlined-background-color-primary: var(--oev-comp-button-primary-outlined-color-background-default);
    --vk-comp-button-outlined-background-color-primary-hover: var(--oev-comp-button-primary-outlined-color-background-hover);
    --vk-comp-button-outlined-background-color-primary-focus: var(--oev-comp-button-primary-outlined-color-background-focus);
    --vk-comp-button-outlined-background-color-primary-active: var(--oev-comp-button-primary-outlined-color-background-active);
    --vk-comp-button-outlined-background-color-primary-disabled: var(--oev-comp-button-primary-outlined-color-background-disabled);
    --vk-comp-button-outlined-color-secondary: var(--oev-comp-button-secondary-outlined-color-label-default);
    --vk-comp-button-outlined-color-secondary-active: var(--oev-comp-button-secondary-outlined-color-label-active);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-comp-button-secondary-outlined-color-label-disabled);
    --vk-comp-button-outlined-color-secondary-hover: var(--oev-comp-button-secondary-outlined-color-label-hover);
    --vk-comp-button-outlined-color-secondary-focus: var(--oev-comp-button-secondary-outlined-color-label-default);
    --vk-comp-button-outlined-border-color-secondary: var(--oev-comp-button-secondary-outlined-color-border-default);
    --vk-comp-button-outlined-border-color-secondary-hover: var(--oev-comp-button-secondary-outlined-color-border-hover);
    --vk-comp-button-outlined-border-color-secondary-active: var(--oev-comp-button-secondary-outlined-color-border-active);
    --vk-comp-button-outlined-border-color-secondary-focus: var(--oev-comp-button-secondary-outlined-color-border-focus);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--oev-comp-button-secondary-outlined-color-border-disabled);
    --vk-comp-button-outlined-background-color-secondary: var(--oev-comp-button-secondary-outlined-color-background-default);
    --vk-comp-button-outlined-background-color-secondary-hover: var(--oev-comp-button-secondary-outlined-color-background-hover);
    --vk-comp-button-outlined-background-color-secondary-focus: var(--oev-comp-button-secondary-outlined-color-background-focus);
    --vk-comp-button-outlined-background-color-secondary-active: var(--oev-comp-button-secondary-outlined-color-background-active);
    --vk-comp-button-outlined-background-color-secondary-disabled: var(--oev-comp-button-secondary-outlined-color-background-disabled);
    --vk-comp-button-outlined-color-success: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-success-active: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-success-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-border-color-success: var(--primeng-color-success-default);
    --vk-comp-button-outlined-border-color-success-hover: var(--primeng-color-success-hover);
    --vk-comp-button-outlined-border-color-success-focus: var(--primeng-color-success-focus);
    --vk-comp-button-outlined-border-color-success-active: var(--primeng-color-success-active);
    --vk-comp-button-outlined-border-color-success-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-background-color-success: transparent;
    --vk-comp-button-outlined-background-color-success-hover: transparent;
    --vk-comp-button-outlined-background-color-success-focus: transparent;
    --vk-comp-button-outlined-background-color-success-active: transparent;
    --vk-comp-button-outlined-background-color-success-disabled: transparent;
    --vk-comp-button-outlined-color-info: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-info-active: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-info-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-border-color-info: var(--primeng-color-info-default);
    --vk-comp-button-outlined-border-color-info-hover: var(--primeng-color-info-hover);
    --vk-comp-button-outlined-border-color-info-focus: var(--primeng-color-info-focus);
    --vk-comp-button-outlined-border-color-info-active: var(--primeng-color-info-active);
    --vk-comp-button-outlined-border-color-info-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-background-color-info: transparent;
    --vk-comp-button-outlined-background-color-info-hover: transparent;
    --vk-comp-button-outlined-background-color-info-focus: transparent;
    --vk-comp-button-outlined-background-color-info-active: transparent;
    --vk-comp-button-outlined-background-color-info-disabled: transparent;
    --vk-comp-button-outlined-color-warning: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-warning-active: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-warning-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-border-color-warning: var(--primeng-color-warning-default);
    --vk-comp-button-outlined-border-color-warning-hover: var(--primeng-color-warning-hover);
    --vk-comp-button-outlined-border-color-warning-focus: var(--primeng-color-warning-focus);
    --vk-comp-button-outlined-border-color-warning-active: var(--primeng-color-warning-active);
    --vk-comp-button-outlined-border-color-warning-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-background-color-warning: transparent;
    --vk-comp-button-outlined-background-color-warning-hover: transparent;
    --vk-comp-button-outlined-background-color-warning-focus: transparent;
    --vk-comp-button-outlined-background-color-warning-active: transparent;
    --vk-comp-button-outlined-background-color-warning-disabled: transparent;
    --vk-comp-button-outlined-color-help: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-help-active: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-help-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-border-color-help: var(--primeng-color-help-default);
    --vk-comp-button-outlined-border-color-help-hover: var(--primeng-color-help-hover);
    --vk-comp-button-outlined-border-color-help-focus: var(--primeng-color-help-focus);
    --vk-comp-button-outlined-border-color-help-active: var(--primeng-color-help-active);
    --vk-comp-button-outlined-border-color-help-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-background-color-help: transparent;
    --vk-comp-button-outlined-background-color-help-hover: transparent;
    --vk-comp-button-outlined-background-color-help-focus: transparent;
    --vk-comp-button-outlined-background-color-help-active: transparent;
    --vk-comp-button-outlined-background-color-help-disabled: transparent;
    --vk-comp-button-outlined-color-danger: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-danger-active: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-danger-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-border-color-danger: var(--primeng-color-danger-default);
    --vk-comp-button-outlined-border-color-danger-hover: var(--primeng-color-danger-hover);
    --vk-comp-button-outlined-border-color-danger-focus: var(--primeng-color-danger-focus);
    --vk-comp-button-outlined-border-color-danger-active: var(--primeng-color-danger-active);
    --vk-comp-button-outlined-border-color-danger-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-background-color-danger: transparent;
    --vk-comp-button-outlined-background-color-danger-hover: transparent;
    --vk-comp-button-outlined-background-color-danger-focus: transparent;
    --vk-comp-button-outlined-background-color-danger-active: transparent;
    --vk-comp-button-outlined-background-color-danger-disabled: transparent;
    --vk-comp-button-text-border-radius: 0;
    --vk-comp-button-text-background-color-primary: var(--vk-comp-button-background-color-primary);
    --vk-comp-button-text-background-color-primary-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-button-text-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-text-color-primary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-text-color-primary-focus: var(--oev-color-primary-focus);
    --vk-comp-button-text-color-primary-active: var(--oev-color-primary-active);
    --vk-comp-button-text-background-color-secondary: var(--vk-comp-button-background-color-secondary);
    --vk-comp-button-text-background-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-text-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-text-color-secondary-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-text-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-text-color-secondary-active: var(--oev-color-secondary-active);
    --vk-comp-button-text-background-color-success: var(--vk-comp-button-background-color-success);
    --vk-comp-button-text-background-color-success-hover: var(--vk-comp-button-background-color-success-hover);
    --vk-comp-button-text-color-success-hover: var(--vk-comp-button-background-color-success-hover);
    --vk-comp-button-text-color-success-focus: var(--oev-color-font-body-default);
    --vk-comp-button-text-color-success-active: var(--oev-color-font-body-default);
    --vk-comp-button-text-background-color-info: var(--vk-comp-button-background-color-info);
    --vk-comp-button-text-background-color-info-hover: var(--vk-comp-button-background-color-info-hover);
    --vk-comp-button-text-color-info-hover: var(--vk-comp-button-background-color-info-hover);
    --vk-comp-button-text-color-info-focus: var(--oev-color-font-body-default);
    --vk-comp-button-text-color-info-active: var(--oev-color-font-body-default);
    --vk-comp-button-text-background-color-warning: var(--vk-comp-button-background-color-warning);
    --vk-comp-button-text-background-color-warning-hover: var(--vk-comp-button-background-color-warning-hover);
    --vk-comp-button-text-color-warning-hover: var(--vk-comp-button-background-color-warning-hover);
    --vk-comp-button-text-color-warning-focus: var(--oev-color-font-body-default);
    --vk-comp-button-text-color-warning-active: var(--oev-color-font-body-default);
    --vk-comp-button-text-background-color-help: var(--vk-comp-button-background-color-help);
    --vk-comp-button-text-background-color-help-hover: var(--vk-comp-button-background-color-help-hover);
    --vk-comp-button-text-color-help-hover: var(--vk-comp-button-background-color-help-hover);
    --vk-comp-button-text-color-help-focus: var(--oev-color-font-body-default);
    --vk-comp-button-text-color-help-active: var(--oev-color-font-body-default);
    --vk-comp-button-text-background-color-danger: var(--vk-comp-button-background-color-danger);
    --vk-comp-button-text-background-color-danger-hover: var(--vk-comp-button-background-color-danger-hover);
    --vk-comp-button-text-color-danger-hover: var(--vk-comp-button-background-color-danger-hover);
    --vk-comp-button-text-color-danger-focus: var(--oev-color-font-body-default);
    --vk-comp-button-text-color-danger-active: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-primary: var(--oev-comp-button-primary-link-color-label-default);
    --vk-comp-button-link-color-primary-hover: var(--oev-comp-button-primary-link-color-label-hover);
    --vk-comp-button-link-color-primary-focus: var(--oev-comp-button-primary-link-color-label-focus);
    --vk-comp-button-link-color-primary-active: var(--oev-comp-button-primary-link-color-label-active);
    --vk-comp-button-link-color-primary-disabled: var(--oev-comp-button-primary-link-color-label-disabled);
    --vk-comp-button-link-color-secondary: var(--oev-comp-button-secondary-link-color-label-default);
    --vk-comp-button-link-color-secondary-hover: var(--oev-comp-button-secondary-link-color-label-hover);
    --vk-comp-button-link-color-secondary-focus: var(--oev-comp-button-secondary-link-color-label-focus);
    --vk-comp-button-link-color-secondary-active: var(--oev-comp-button-secondary-link-color-label-active);
    --vk-comp-button-link-color-secondary-disabled: var(--oev-comp-button-secondary-link-color-label-disabled);
    --vk-comp-button-link-color-success: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-success-hover: var(--vk-comp-button-background-color-success-hover);
    --vk-comp-button-link-color-success-focus: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-success-active: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-success-disabled: var(--oev-color-font-body-disabled);
    --vk-comp-button-link-color-info: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-info-hover: var(--vk-comp-button-background-color-info-hover);
    --vk-comp-button-link-color-info-focus: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-info-active: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-info-disabled: var(--oev-color-font-body-disabled);
    --vk-comp-button-link-color-warning: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-warning-hover: var(--vk-comp-button-background-color-warning-hover);
    --vk-comp-button-link-color-warning-focus: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-warning-active: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-warning-disabled: var(--oev-color-font-body-disabled);
    --vk-comp-button-link-color-help: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-help-hover: var(--vk-comp-button-background-color-help-hover);
    --vk-comp-button-link-color-help-focus: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-help-active: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-help-disabled: var(--oev-color-font-body-disabled);
    --vk-comp-button-link-color-danger: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-danger-hover: var(--vk-comp-button-background-color-danger-hover);
    --vk-comp-button-link-color-danger-focus: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-danger-active: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-danger-disabled: var(--oev-color-font-body-disabled);
  }
  [class*=theme-] {
    --vk-comp-orderlist-border-color: var(--oev-color-primary-100);
    --vk-comp-orderlist-container-border-radius: var(--oev-ref-radius-m);
    --vk-comp-orderlist-container-font-color: var(--oev-color-font-headline);
    --vk-comp-orderlist-controls-spacing-xs: var(--vk-spacing-08);
    --vk-comp-orderlist-controls-spacing-l: var(--vk-spacing-24);
    --vk-comp-orderlist-controls-button-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-orderlist-controls-button-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-orderlist-controls-button-color-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-orderlist-controls-button-color-disabled: var(--vk-comp-button-background-color-primary-disabled);
    --vk-comp-orderlist-controls-text-color: var(--oev-color-action-white);
    --vk-comp-orderlist-controls-text-color-hover: var(--oev-color-action-white);
    --vk-comp-orderlist-controls-text-color-active: var(--oev-color-action-white);
    --vk-comp-orderlist-controls-button-border-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-orderlist-container-item-font: var(--oev-font-style-h6);
    --vk-comp-orderlist-container-item-background-color-active: var(--oev-color-background-02);
    --vk-comp-orderlist-container-item-background-color-focus: var(--oev-color-gray-50);
    --vk-comp-orderlist-container-item-background-color-active-focus: var(--oev-color-secondary-50);
  }
  [class*=theme-] {
    --vk-comp-table-paginator-font-style: var(--oev-font-style-body);
    --vk-comp-table-paginator-color: var(--oev-color-font-body-default);
    --vk-comp-table-paginator-color-disabled: var(--oev-color-font-body-disabled);
    --vk-comp-table-paginator-background-color-hover: var(--oev-color-background-01);
    --vk-comp-table-paginator-color-highlight: var(--oev-color-font-body-inverted);
    --vk-comp-table-paginator-background-color-highlight: var(--oev-color-primary-default);
  }
  [class*=theme-] {
    --vk-comp-table-header-caption-background-color: var(--oev-color-custom-02);
    --vk-comp-table-header-font-style: var(--oev-font-style-h6);
    --vk-comp-table-header-font-size: var(--oev-font-size-m);
    --vk-comp-table-header-font-color: var(--oev-color-font-body-default);
    --vk-comp-table-header-font-color-focus: var(--oev-color-primary-default);
    --vk-comp-table-header-font-color-interactable: var(--oev-color-primary-default);
    --vk-comp-table-header-font-color-interactable-hover: var(--oev-color-primary-hover);
    --vk-comp-table-header-background-color: var(--oev-color-background-01);
    --vk-comp-table-header-background-color-focus: var(--oev-color-white-default);
    --vk-comp-table-header-border-width: 1px;
    --vk-comp-table-header-border-color: var(--oev-color-secondary-100);
    --vk-comp-table-header-border-color-focus: var(--oev-color-primary-default);
    --vk-comp-table-header-icon-size: 1rem;
    --vk-comp-table-header-icon-color-interactable: var(--oev-color-primary-default);
    --vk-comp-table-header-icon-font-weight: var(--oev-font-weight-body);
    --vk-comp-table-filter-overlay-border-radius: var(--oev-ref-radius-m);
    --vk-comp-table-filter-button-border-width: var(--vk-comp-button-border-width);
    --vk-comp-table-filter-addrule-button-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-table-filter-addrule-button-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-table-filter-addrule-button-color-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-table-filter-addrule-button-color-focus: var(--vk-comp-button-background-color-primary-focus);
    --vk-comp-table-filter-clear-button-color: var(--oev-comp-button-primary-outlined-color-label-default);
    --vk-comp-table-filter-clear-button-color-hover: var(--oev-comp-button-primary-outlined-color-label-hover);
    --vk-comp-table-filter-clear-button-color-active: var(--oev-comp-button-primary-outlined-color-label-active);
    --vk-comp-table-filter-clear-button-color-focus: var(--oev-comp-button-primary-outlined-color-label-focus);
    --vk-comp-table-filter-clear-button-border-color-default: var(--oev-comp-button-primary-outlined-color-border-default);
    --vk-comp-table-filter-clear-button-border-color-hover: var(--oev-comp-button-primary-outlined-color-border-hover);
    --vk-comp-table-filter-clear-button-border-color-active: var(--oev-comp-button-primary-outlined-color-border-active);
    --vk-comp-table-filter-clear-button-border-color-focus: var(--oev-comp-button-primary-outlined-color-border-focus);
    --vk-comp-table-filter-clear-button-outline-hover: 1px solid var(--vk-comp-button-outlined-border-color-primary-hover);
    --vk-comp-table-paginator-color: var(--oev-color-font-body-default);
    --vk-comp-table-paginator-background-color-hover: var(--oev-color-background-01);
    --vk-comp-table-row-font-style: var(--oev-font-style-body);
    --vk-comp-table-row-font-color: var(--oev-color-font-body-default);
    --vk-comp-table-row-background-color-hover: var(--oev-color-background-02);
    --vk-comp-table-row-background-color-highlight: var(--oev-color-background-01);
  }
  [class*=theme-] {
    --vk-comp-treetable-icon-background-color-hover: transparent;
    --vk-comp-treetable-icon-background-color-default: var(--oev-color-secondary-default);
    --vk-comp-treetable-header-icon-color-interactable: var(--vk-comp-table-header-icon-color-interactable);
    --vk-comp-treetable-header-icon-color-interactable-hover: var(--vk-comp-table-header-font-color-interactable-hover);
    --vk-comp-treetable-header-icon-size: 1rem;
  }
  [class*=theme-] {
    --vk-comp-fileupload-border-radius: var(--oev-ref-radius-m);
    --vk-comp-fileupload-file-background-color: var(--oev-color-background-02);
    --vk-comp-fileupload-close-button-color-hover: var(--oev-color-font-body-default);
    --vk-comp-fileupload-button-text-color: var(--oev-color-action-white);
    --vk-comp-fileupload-button-text-color-hover: var(--oev-color-action-white);
    --vk-comp-fileupload-button-text-color-active: var(--oev-color-action-white);
    --vk-comp-fileupload-button-background-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-fileupload-button-background-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-fileupload-button-background-color-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-fileupload-button-background-color-disabled: var(--vk-comp-button-background-color-primary-disabled);
    --vk-comp-fileupload-button-border-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-fileupload-button-border-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-fileupload-button-border-color-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-fileupload-button-border-color-focus: var(--vk-comp-button-background-color-primary-focus);
    --vk-comp-fileupload-button-border-color-disabled: var(--vk-comp-button-background-color-primary-disabled);
  }
  [class*=theme-] {
    --vk-comp-autocomplete-item-background-color-hover: var(--oev-color-background-02);
    --vk-comp-autocomplete-box-shadow-error: none;
  }
  [class*=theme-] {
    --vk-comp-checkbox-background-color: var(--oev-color-white-default);
    --vk-comp-checkbox-label-font-style: var(--oev-font-style-label);
    --vk-comp-checkbox-label-color: var(--oev-comp-forms-checkbox-label-color);
    --vk-comp-checkbox-label-color-error: var(--oev-color-font-error);
    --vk-comp-checkbox-icon-color: var(--oev-color-white-default);
    --vk-comp-checkbox-border-width: 2px;
    --vk-comp-checkbox-border-radius: 2px;
    --vk-comp-checkbox-border-color-active: var(--oev-comp-forms-checkbox-color-active);
    --vk-comp-checkbox-border-color-disabled: var(--oev-comp-forms-checkbox-color-disabled);
    --vk-comp-checkbox-border-color-error: var(--oev-comp-forms-checkbox-color-error);
    --vk-comp-checkbox-border-color-hover: var(--oev-comp-forms-checkbox-color-hover);
    --vk-comp-checkbox-border-color: var(--oev-comp-forms-checkbox-color-default);
    --vk-comp-checkbox-color-checked-active: var(--oev-comp-forms-checkbox-selected-color-active);
    --vk-comp-checkbox-color-checked-disabled: var(--oev-comp-forms-checkbox-selected-color-disabled);
    --vk-comp-checkbox-color-checked-error: var(--oev-comp-forms-checkbox-selected-color-error);
    --vk-comp-checkbox-color-checked-hover: var(--oev-comp-forms-checkbox-selected-color-hover);
    --vk-comp-checkbox-color-checked: var(--oev-comp-forms-checkbox-selected-color-default);
  }
  [class*=theme-] {
    --vk-comp-datepicker-border-radius: var(--oev-comp-forms-datepicker-overlay-border-radius);
    --vk-comp-datepicker-grid-spacing-outer-top: var(--oev-comp-forms-datepicker-overlay-days-grid-spacing-top);
    --vk-comp-datepicker-grid-spacing-outer-horizontal: var(--oev-comp-forms-datepicker-overlay-days-grid-spacing-left-right);
    --vk-comp-datepicker-shadow: var(--oev-sys-elevation-level-2);
    --vk-comp-datepicker-divider-color: var(--oev-comp-forms-datepicker-overlay-days-grid-border-top-color);
    --vk-comp-datepicker-day-background-color-today: var(--oev-comp-forms-datepicker-overlay-days-grid-today-background-color);
    --vk-comp-datepicker-day-background-color-highlight: var(--oev-comp-forms-datepicker-overlay-days-grid-selected-background-color);
    --vk-comp-datepicker-day-background-color-hover: var(--oev-comp-forms-datepicker-overlay-days-grid-hover-background-color);
    --vk-comp-datepicker-today-border-color: transparent;
    --vk-comp-datepicker-today-box-shadow-color: transparent;
    --vk-comp-datepicker-today-box-shadow: none;
    --vk-comp-datepicker-font-style: var(--oev-font-style-body-small);
    --vk-comp-datepicker-days-font: var(--oev-comp-forms-datepicker-overlay-days-of-week-font-style);
    --vk-comp-datepicker-date-hover-color: var(--oev-comp-forms-datepicker-overlay-days-grid-hover-color);
    --vk-comp-datepicker-selected-color: var(--oev-comp-forms-datepicker-overlay-days-grid-selected-color);
    --vk-comp-datepicker-date-range-selected-color: var(--oev-comp-forms-datepicker-overlay-days-grid-selected-color);
    --vk-comp-datepicker-day-font-color-disabled: var(--oev-comp-forms-datepicker-overlay-days-grid-color-disabled);
    --vk-comp-datepicker-today-color: var(--oev-color-font-body-default);
    --vk-comp-datepicker-date-border-radius: 0;
    --vk-comp-datepicker-dropdown-border-radius: var(--vk-comp-button-border-radius);
    --vk-comp-datepicker-dropdown-border-color: var(--vk-comp-button-border-color-primary);
    --vk-comp-datepicker-dropdown-hover-border-color: var(--vk-comp-button-border-color-primary-hover);
    --vk-comp-datepicker-dropdown-active-border-color: var(--vk-comp-button-border-color-primary-active);
    --vk-comp-datepicker-dropdown-background: var(--vk-comp-button-background-color-primary);
    --vk-comp-datepicker-dropdown-hover-background: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-datepicker-dropdown-active-background: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-datepicker-dropdown-color: var(--vk-comp-button-color-primary);
    --vk-comp-datepicker-dropdown-hover-color: var(--vk-comp-button-color-primary);
    --vk-comp-datepicker-dropdown-active-color: var(--vk-comp-button-color-primary);
    --vk-comp-datepicker-input-icon-color: var(--oev-comp-forms-datepicker-icon-color-default);
    --vk-comp-datepicker-button-text-color-primary: var(--oev-color-primary-default);
  }
  [class*=theme-] {
    --vk-comp-input-color: var(--oev-comp-forms-input-text-color-default);
    --vk-comp-input-color-hover: var(--oev-comp-forms-input-text-color-hover);
    --vk-comp-input-color-disabled: var(--oev-comp-forms-input-text-color-disabled);
    --vk-comp-input-placeholder-color: var(--oev-comp-forms-input-text-color-placeholder);
    --vk-comp-input-placeholder-font-style: var(--oev-comp-forms-input-text-placeholder-font-style);
    --vk-comp-input-border-width: var(--oev-comp-forms-input-text-border-width-default);
    --vk-comp-input-border-width-focus: var(--oev-comp-forms-input-text-border-width-focus);
    --vk-comp-input-border-width-hover: var(--oev-comp-forms-input-text-border-width-hover);
    --vk-comp-input-border-width-disabled: var(--oev-comp-forms-input-text-border-width-disabled);
    --vk-comp-input-border-width-error: var(--oev-comp-forms-input-text-border-width-error);
    --vk-comp-input-border-color: var(--oev-comp-forms-input-text-border-color-default);
    --vk-comp-input-border-color-focus: var(--oev-comp-forms-input-text-border-color-focus);
    --vk-comp-input-border-color-hover: var(--oev-comp-forms-input-text-border-color-hover);
    --vk-comp-input-border-color-hover-focus: var(--oev-comp-forms-input-text-border-color-hover);
    --vk-comp-input-border-color-disabled: var(--oev-comp-forms-input-text-border-color-disabled);
    --vk-comp-input-border-color-error: var(--oev-comp-forms-input-text-border-color-error);
    --vk-comp-input-border-color-error-focus: var(--vk-comp-input-border-color-error);
    --vk-comp-input-border-color-error-hover: var(--vk-comp-input-border-color-error);
    --vk-comp-input-border-color-error-hover-focus: var(--vk-comp-input-border-color-error);
    --vk-comp-input-border: var(--vk-comp-input-border-width) solid var(--vk-comp-input-border-color);
    --vk-comp-input-border-hover: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-hover);
    --vk-comp-input-border-focus: calc(var(--vk-comp-input-border-width-focus) / 2) solid var(--vk-comp-input-border-color-focus);
    --vk-comp-input-border-hover-focus: calc(var(--vk-comp-input-border-width-focus) / 2) solid var(--vk-comp-input-border-color-hover-focus);
    --vk-comp-input-border-disabled: var(--vk-comp-input-border-width-disabled) solid var(--vk-comp-input-border-color-disabled);
    --vk-comp-input-border-error: var(--vk-comp-input-border-width-error) solid var(--vk-comp-input-border-color-error);
    --vk-comp-input-box-shadow-hover: inset 0 0 0 calc(var(--vk-comp-input-border-width-hover) / 2) var(--vk-comp-input-border-color-hover);
    --vk-comp-input-box-shadow-focus: inset 0 0 0 calc(var(--vk-comp-input-border-width-focus) / 2) var(--vk-comp-input-border-color-focus);
    --vk-comp-input-box-shadow-hover-focus: inset 0 0 0 calc(var(--vk-comp-input-border-width-hover) / 2) var(--vk-comp-input-border-color-hover);
    --vk-comp-input-box-shadow-error-focus: inset 0 0 0 calc(var(--vk-comp-input-border-width-focus) / 2) var(--vk-comp-input-border-color-error-focus);
    --vk-comp-input-box-shadow-error-hover: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error);
    --vk-comp-input-box-shadow-error-hover-focus: inset 0 0 0 calc(var(--vk-comp-input-border-width-hover) / 2) var(--vk-comp-input-border-color-error-hover);
    --vk-comp-input-box-shadow-error: none;
    --vk-comp-input-border-radius: var(--oev-comp-forms-input-text-border-radius);
    --vk-comp-input-background-color: var(--oev-color-white-default);
    --vk-comp-input-background-color-hover: var(--oev-color-white-default);
    --vk-comp-input-label-font-style: var(--oev-comp-forms-input-text-label-font-style);
    --vk-comp-input-label-spacing-bottom: var(--oev-comp-forms-input-text-label-spacing-bottom);
    --vk-comp-input-float-label-color: var(--oev-comp-forms-input-text-float-label-color-default);
    --vk-comp-input-help-text-color: var(--oev-color-font-body-default);
    --vk-comp-input-error-text-color: var(--oev-comp-forms-input-text-help-text-color-error);
    --vk-comp-input-error-text-spacing-left-right: var(--vk-spacing-16);
  }
  [class*=theme-] {
    --vk-comp-multiselect-background-color: var(--oev-comp-forms-dropdown-background-color-default);
    --vk-comp-multiselect-text-color: var(--oev-comp-forms-input-text-color-default);
    --vk-comp-multiselect-border-width: var(--oev-comp-forms-dropdown-border-width-default);
    --vk-comp-multiselect-border-radius: var(--oev-ref-radius-m);
    --vk-comp-multiselect-border-color: var(--oev-comp-forms-dropdown-border-color-default);
    --vk-comp-multiselect-border-color-focus: var(--oev-comp-forms-dropdown-border-color-default);
    --vk-comp-multiselect-border-width-focus: var(--oev-comp-forms-dropdown-border-width-default);
    --vk-comp-multiselect-border-color-hover: var(--oev-comp-forms-dropdown-border-color-hover);
    --vk-comp-multiselect-box-shadow-hover: inset 0 0 0 var(--vk-comp-multiselect-border-width) var(--vk-comp-multiselect-border-color-hover);
    --vk-comp-multiselect-box-shadow-error-hover: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
    --vk-comp-multiselect-box-shadow-error: none;
    --vk-comp-multiselect-header-icon-color: var(--oev-color-gray-800);
    --vk-comp-multiselect-spacing-s: var(--vk-spacing-12);
    --vk-comp-multiselect-spacing-xs: var(--vk-spacing-08);
    --vk-comp-multiselect-dropdown-selected-background-color: var(--oev-comp-forms-dropdown-menu-background-color-hover);
    --vk-comp-multiselect-dropdown-selected-text-color: var(--oev-color-font-body-default);
    --vk-comp-multiselect-dropdown-icon-font-weight: var(--oev-font-weight-bold);
    --vk-comp-multiselect-dropdown-text-color: var(--oev-color-gray-900);
    --vk-comp-multiselect-dropdown-text-color-disabled: var(--oev-color-font-body-disabled);
    --vk-comp-multiselect-dropdown-border-color-focus: var(--oev-color-primary-focus);
    --vk-comp-multiselect-menu-items-background-color-hover: var(--vk-comp-select-forms-menu-background-color-active);
    --vk-comp-multiselect-error-color: var(--oev-color-action-error);
  }
  [class*=theme-] {
    --vk-comp-password-meter-strong-background-color: var(--primeng-color-success-default);
    --vk-comp-password-meter-medium-background-color: var(--primeng-color-warning-default);
    --vk-comp-password-meter-weak-background-color: var(--oev-color-action-error);
  }
  [class*=theme-] {
    --vk-comp-radiobutton-background-color: var(--oev-color-white-default);
    --vk-comp-radiobutton-option-font-style: var(--oev-comp-forms-radio-button-option-label-font-style);
    --vk-comp-radiobutton-option-font-color: var(--oev-comp-forms-radio-button-option-label-font-style);
    --vk-comp-radiobutton-border-color-disabled: var(--oev-comp-forms-radio-button-color-bullet-outline-disabled);
    --vk-comp-radiobutton-border-color-error: var(--oev-comp-forms-radio-button-color-bullet-outline-error);
    --vk-comp-radiobutton-border-color: var(--oev-comp-forms-radio-button-color-bullet-outline-default);
    --vk-comp-radiobutton-selected-border-color-active: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-active);
    --vk-comp-radiobutton-selected-border-color-hover: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-hover);
    --vk-comp-radiobutton-selected-border-color: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-default);
    --vk-comp-radiobutton-border-color-error-hover: var(--oev-comp-forms-radio-button-error-text-color);
    --vk-comp-radiobutton-error-text-color: var(--oev-comp-forms-radio-button-error-text-color);
    --vk-comp-radiobutton-icon-background-color: var(--oev-comp-forms-radio-button-selected-color-inner-bullet-default);
    --vk-comp-radiobutton-icon-background-color-hover: var(--oev-comp-forms-radio-button-selected-color-inner-bullet-hover);
    --vk-comp-radiobutton-icon-background-color-disabled: var(--oev-comp-forms-radio-button-selected-color-inner-bullet-disabled);
  }
  [class*=theme-] {
    --vk-comp-select-spacing: 0.75rem;
    --vk-comp-select-border-color: var(--oev-comp-forms-dropdown-border-color-default);
    --vk-comp-select-border-color-disabled: var(--oev-comp-forms-dropdown-border-color-disabled);
    --vk-comp-select-border-color-error: var(--oev-comp-forms-dropdown-border-color-error);
    --vk-comp-select-border-color-focus: var(--oev-comp-forms-dropdown-border-color-focus);
    --vk-comp-select-border-color-hover: var(--oev-comp-forms-dropdown-border-color-hover);
    --vk-comp-select-border-color-hover-focus: var(--oev-comp-forms-dropdown-border-color-hover);
    --vk-comp-select-box-shadow-width: var(--oev-comp-forms-dropdown-border-width-default);
    --vk-comp-select-border-width-disabled: var(--oev-comp-forms-dropdown-border-width-disabled);
    --vk-comp-select-border-radius: var(--oev-comp-forms-dropdown-border-radius);
    --vk-comp-select-box-shadow-hover: 0 0 0 var(--vk-comp-select-box-shadow-width) var(--vk-comp-select-border-color-hover);
    --vk-comp-select-box-shadow-error-hover: 0 0 0 var(--oev-comp-forms-dropdown-border-width-error) var(--vk-comp-select-border-color-error);
    --vk-comp-select-box-shadow-focus: 0 0 0 var(--vk-comp-select-box-shadow-width) var(--vk-comp-select-border-color-focus);
    --vk-comp-select-box-shadow-hover-focus: 0 0 0 var(--vk-comp-select-box-shadow-width) var(--vk-comp-select-border-color-hover-focus);
    --vk-comp-select-box-shadow-error-color: var(--vk-comp-select-border-color-hover-focus);
    --vk-comp-select-box-shadow-error: 0 0 0 var(--vk-comp-select-box-shadow-error-width) var(--vk-comp-select-box-shadow-error-color);
    --vk-comp-select-forms-background-color: var(--oev-comp-forms-dropdown-background-color-default);
    --vk-comp-select-icon-color: var(--oev-comp-forms-dropdown-icon-color-default);
    --vk-comp-select-icon-color-open: var(--oev-comp-forms-dropdown-icon-color-open);
    --vk-comp-select-icon-color-hover: var(--oev-comp-forms-dropdown-icon-color-hover);
    --vk-comp-select-icon-color-open-hover: var(--oev-comp-forms-dropdown-icon-color-open-hover);
    --vk-comp-select-icon-color-error: var(--oev-comp-forms-dropdown-icon-color-error);
    --vk-comp-select-forms-menu-background-color-active: var(--oev-comp-forms-dropdown-menu-background-color-hover);
    --vk-comp-select-forms-menu-background-color-active-focus: var(--oev-comp-forms-dropdown-menu-background-color-hover);
    --vk-comp-select-forms-menu-background-color-active-focus-hover: var(--oev-comp-forms-dropdown-menu-background-color-hover);
    --vk-comp-select-menu-items-font-style-active: var(--oev-font-style-body);
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-link);
    --vk-comp-select-menu-items-font-color: var(--oev-color-font-body-default);
    --vk-comp-select-menu-items-font-color-focus: var(--oev-color-gray-900);
    --vk-comp-select-menu-items-font-color-hover: var(--oev-color-primary-default);
    --vk-comp-select-menu-items-background-color-hover: var(--vk-comp-select-forms-menu-background-color-active);
    --vk-comp-select-menu-items-font-color-active: var(--oev-color-primary-default);
    --vk-comp-select-placeholder-font-color: var(--oev-comp-forms-dropdown-placeholder-color-default);
    --vk-comp-select-font-color-disabled: var(--oev-color-font-body-disabled);
  }
  [class*=theme-] {
    --vk-comp-selectbutton-spacing: 0.125rem;
    --vk-comp-selectbutton-font-size: 1rem;
    --vk-comp-selectbutton-spacing-lg: 0.375rem;
    --vk-comp-selectbutton-font-size-lg: 1rem;
    --vk-comp-selectbutton-spacing-sm: 0;
    --vk-comp-selectbutton-font-size-sm: 0.875rem;
    --vk-comp-selectbutton-background-color: var(--oev-color-background-01);
    --vk-comp-selectbutton-background-color-active: var(--oev-color-primary-default);
    --vk-comp-selectbutton-background-color-hover: var(--oev-color-primary-hover);
    --vk-comp-selectbutton-background-color-active-hover: var(--oev-color-primary-hover);
    --vk-comp-selectbutton-background-color-disabled: var(--oev-color-active-white);
    --vk-comp-selectbutton-background-color-active-disabled: var(--oev-color-gray-200);
    --vk-comp-selectbutton-content-background-active: var(--oev-color-primary-default);
    --vk-comp-selectbutton-border-width: 2px;
    --vk-comp-selectbutton-border-radius: var(--oev-ref-radius-s);
    --vk-comp-selectbutton-border-color: var(--oev-color-primary-default);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-primary-default);
    --vk-comp-selectbutton-border-color-disabled: var(--oev-color-gray-200);
    --vk-comp-selectbutton-border-color-invalid: var(--oev-color-action-error);
    --vk-comp-selectbutton-text-color: var(--oev-color-primary-default);
    --vk-comp-selectbutton-text-color-active: var(--oev-color-action-white);
    --vk-comp-selectbutton-text-color-active-hover: var(--oev-color-action-white);
    --vk-comp-selectbutton-text-color-disabled: var(--oev-color-gray-600);
    --vk-comp-selectbutton-text-color-hover: var(--oev-color-action-white);
    --vk-comp-selectbutton-text-weight: var(--oev-font-weight-bold);
    --vk-comp-selectbutton-togglebutton-border-radius: var(--oev-ref-radius-s);
    --vk-comp-selectbutton-togglebutton-content-border-radius: 0;
    --vk-comp-selectbutton-focus-ring-color: var(--vk-focus-visible-outline-color);
  }
  [class*=theme-] {
    --vk-comp-textarea-font: var(--oev-font-style-body);
    --vk-comp-textarea-placeholder-color: var(--oev-comp-forms-text-area-placeholder-color-default);
    --vk-comp-textarea-placeholder-font-style: var(--oev-comp-forms-text-area-placeholder-font-style);
    --vk-comp-textarea-placeholder-color-focus: var(--oev-color-transparent);
    --vk-comp-textarea-box-shadow-error: none;
    --vk-comp-textarea-box-shadow-error-hover: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error);
    --vk-comp-textarea-box-shadow-hover: inset 0 0 0 calc(var(--vk-comp-input-border-width-hover) / 2) var(--vk-comp-input-border-color-hover);
    --vk-comp-textarea-box-shadow-focus: inset 0 0 0 calc(var(--vk-comp-input-border-width-focus) / 2) var(--vk-comp-input-border-color-focus);
    --vk-comp-textarea-box-shadow-hover-focus: inset 0 0 0 calc(var(--vk-comp-input-border-width-focus) / 2) var(--vk-comp-input-border-color-focus);
  }
  [class*=theme-] {
    --vk-comp-toggleswitch-background-color: var(--oev-color-gray-400);
    --vk-comp-toggleswitch-background-color-checked: var(--oev-color-primary-default);
    --vk-comp-toggleswitch-background-color-hover: var(--oev-color-gray-hover);
    --vk-comp-toggleswitch-background-color-checked-hover: var(--oev-color-primary-hover);
    --vk-comp-toggleswitch-background-color-disabled: var(--oev-color-gray-200);
    --vk-comp-toggleswitch-background-color-checked-disabled: var(--oev-color-gray-200);
    --vk-comp-toggleswitch-background-color-checked-error: var(--oev-color-primary-default);
    --vk-comp-toggleswitch-border-color: var(--oev-color-gray-400);
    --vk-comp-toggleswitch-border-color-hover: var(--oev-color-gray-hover);
    --vk-comp-toggleswitch-border-color-disabled: var(--oev-color-gray-600);
    --vk-comp-toggleswitch-border-color-checked-disabled: var(--oev-color-gray-600);
    --vk-comp-toggleswitch-border-color-error: var(--oev-color-action-error);
    --vk-comp-toggleswitch-border-radius: var(--oev-ref-radius-l);
    --vk-comp-toggleswitch-handle-color: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-checked: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-hover: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-checked-hover: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-disabled: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-checked-disabled: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-error: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-checked-error: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-icon-size: 10px;
    --vk-comp-toggleswitch-handle-icon-color: var(--oev-color-action-black);
    --vk-comp-toggleswitch-handle-icon-checked-color: var(--oev-color-action-success);
    --vk-comp-toggleswitch-handle-icon-checked-disabled-color: var(--oev-color-gray-600);
    --vk-comp-toggleswitch-spacing-l: var(--vk-spacing-24);
    --vk-comp-toggleswitch-spacing-xxs: var(--vk-spacing-04);
    --vk-comp-toggleswitch-toggle-size: 16px;
    --vk-comp-toggleswitch-width: 40px;
    --vk-comp-toggleswitch-border-width-error: 1px;
    --vk-comp-toggleswitch-border-width-error-hover: 2px;
  }
  [class*=theme-] {
    --vk-comp-carousel-prev-next-icon-color: var(--oev-comp-card-slider-nav-icon-color-default);
    --vk-comp-carousel-prev-next-icon-color-hover: var(--oev-comp-card-slider-nav-icon-color-hover);
    --vk-comp-carousel-prev-next-icon-color-disabled: var(--oev-comp-card-slider-nav-icon-color-disabled);
    --vk-comp-carousel-spacing-m: var(--vk-spacing-16);
    --vk-comp-carousel-spacing-xs: var(--vk-spacing-08);
    --vk-comp-carousel-indicator-width: var(--oev-comp-card-slider-indicators-width);
    --vk-comp-carousel-indicator-height: var(--oev-comp-card-slider-indicators-height);
    --vk-comp-carousel-indicator-color: var(--oev-comp-card-slider-indicators-background-color-default);
    --vk-comp-carousel-indicator-color-hover: var(--oev-comp-card-slider-indicators-background-color-hover);
    --vk-comp-carousel-indicator-color-active: var(--oev-comp-card-slider-indicators-background-color-active);
    --vk-comp-carousel-indicator-border: 1px solid var(--oev-comp-card-slider-indicators-border-color-default);
    --vk-comp-carousel-indicator-border-active: 1px solid var(--oev-comp-card-slider-indicators-border-color-active);
    --vk-comp-carousel-indicator-border-hover: 1px solid var(--oev-comp-card-slider-indicators-border-color-hover);
    --vk-comp-carousel-indicator-border-radius: var(--oev-comp-card-slider-indicators-radius);
  }
  [class*=theme-] {
    --vk-comp-breadcrumb-background-color: white;
    --vk-comp-breadcrumb-border-radius: var(--oev-ref-radius-m);
    --vk-comp-breadcrumb-item-spacing-left-right: var(--vk-spacing-08);
    --vk-comp-breadcrumb-item-spacing-top-bottom: var(--vk-spacing-16);
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-comp-breadcrumb-separator-color);
    --vk-comp-breadcrumb-separator-icon-size: var(--oev-comp-breadcrumb-separator-icon-size);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-comp-breadcrumb-link-color-default);
    --vk-comp-breadcrumb-home-icon-size: var(--oev-comp-breadcrumb-separator-icon-size);
    --vk-comp-breadcrumb-item-font-style: var(--oev-comp-breadcrumb-link-font-style-default);
    --vk-comp-breadcrumb-item-text-color: var(--oev-comp-breadcrumb-link-color-default);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-comp-breadcrumb-link-color-current);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-comp-breadcrumb-link-color-hover);
    --vk-comp-breadcrumb-item-text-color-active-hover: var(--oev-comp-breadcrumb-link-color-active);
    --vk-comp-breadcrumb-item-text-color-focus: var(--oev-color-primary-default);
    --vk-comp-breadcrumb-item-text-decoration: none;
    --vk-comp-breadcrumb-item-text-decoration-hover: none;
    --vk-comp-breadcrumb-borderless-padding-focus: var(--vk-spacing-08);
  }
  [class*=theme-] {
    --vk-comp-menubar-padding-xxs: var(--vk-spacing-04);
    --vk-comp-menubar-border-radius: var(--oev-ref-radius-m);
    --vk-comp-menubar-background-color: var(--oev-color-background-17);
    --vk-comp-menubar-submenu-spacing-top-bottom: var(--vk-spacing-04);
    --vk-comp-menubar-item-text-font-style: var(--oev-font-style-link);
    --vk-comp-menubar-item-icon-color: var(--oev-color-primary-default);
    --vk-comp-menubar-item-icon-color-hover: var(--oev-color-primary-hover);
    --vk-comp-menubar-item-icon-color-active: var(--oev-color-primary-default);
    --vk-comp-menubar-item-text-color: var(--oev-color-primary-default);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-primary-hover);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-primary-active);
    --vk-comp-menubar-item-gap: var(--vk-spacing-08);
    --vk-comp-menubar-item-padding-m: var(--vk-spacing-16);
    --vk-comp-menubar-item-padding-s: var(--vk-spacing-12);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-background-02);
    --vk-comp-menubar-item-background-color: var(--oev-color-action-white);
    --vk-comp-menubar-item-background-color-hover: var(--oev-color-background-01);
    --vk-comp-menubar-item-content-radius: var(--vk-comp-menubar-border-radius);
  }
  [class*=theme-] {
    --vk-comp-message-font-style-summary: var(--oev-font-style-link);
    --vk-comp-message-font-style-detail: var(--oev-font-style-body);
    --vk-comp-message-spacing-default: var(--vk-spacing-16);
    --vk-comp-message-spacing-s: var(--vk-spacing-12);
    --vk-comp-message-spacing-xs: var(--vk-spacing-08);
    --vk-comp-message-spacing-xxxs: var(--vk-spacing-02);
    --vk-comp-message-icon-color-close: var(--oev-color-font-body-default);
    --vk-comp-message-icon-size-m: 1rem;
    --vk-comp-message-icon-size-l: 1.5rem;
    --vk-comp-message-border-radius: var(--oev-ref-radius-m);
    --vk-comp-message-border-width: var(--oev-ref-size-02);
    --vk-comp-message-border-width-left: var(--oev-ref-size-08);
    --vk-comp-message-text-color-error: var(--oev-color-font-body-default);
    --vk-comp-message-text-color-info: var(--oev-color-font-body-default);
    --vk-comp-message-text-color-success: var(--oev-color-font-body-default);
    --vk-comp-message-text-color-warning: var(--oev-color-font-body-default);
    --vk-comp-message-text-color-primary: var(--oev-color-font-body-default);
    --vk-comp-message-text-color-secondary: var(--oev-color-font-body-default);
    --vk-comp-message-background-color-error: var(--primeng-color-danger-light);
    --vk-comp-message-background-color-info: var(--primeng-color-info-light);
    --vk-comp-message-background-color-success: var(--primeng-color-success-light);
    --vk-comp-message-background-color-warning: var(--primeng-color-warning-light);
    --vk-comp-message-background-color-primary: var(--oev-color-primary-100);
    --vk-comp-message-background-color-secondary: var(--oev-color-secondary-50);
    --vk-comp-message-icon-color-error: var(--oev-color-action-error);
    --vk-comp-message-icon-color-info: var(--primeng-color-info-hover);
    --vk-comp-message-icon-color-success: var(--oev-color-action-success);
    --vk-comp-message-icon-color-warning: var(--primeng-color-warning-default);
    --vk-comp-message-icon-color-primary: var(--oev-color-primary-default);
    --vk-comp-message-icon-color-secondary: var(--oev-color-secondary-default);
  }
  [class*=theme-] {
    --vk-comp-toast-message-font-style-summary: var(--oev-font-style-link);
    --vk-comp-toast-message-font-style-detail: var(--oev-font-style-body);
    --vk-comp-toast-message-shadow: var(--oev-sys-elevation-level-2);
    --vk-comp-toast-message-font-color-primary: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-secondary: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-success: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-info: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-warning: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-error: var(--oev-color-font-body-default);
    --vk-comp-toast-message-spacing-default: 1rem;
    --vk-comp-toast-message-spacing-xxs: 0.25rem;
    --vk-comp-toast-message-icon-color-close: var(--oev-color-font-body-default);
    --vk-comp-toast-message-icon-size: 1.5rem;
    --vk-comp-toast-message-border-radius: var(--oev-ref-radius-m);
    --vk-comp-toast-message-background-color-error: var(--primeng-color-danger-light);
    --vk-comp-toast-message-background-color-info: var(--primeng-color-info-light);
    --vk-comp-toast-message-background-color-success: var(--primeng-color-success-light);
    --vk-comp-toast-message-background-color-warning: var(--primeng-color-warning-light);
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-100);
    --vk-comp-toast-message-background-color-secondary: var(--oev-color-secondary-50);
    --vk-comp-toast-message-icon-color-error: var(--oev-color-action-error);
    --vk-comp-toast-message-icon-color-info: var(--primeng-color-info-hover);
    --vk-comp-toast-message-icon-color-success: var(--oev-color-action-success);
    --vk-comp-toast-message-icon-color-warning: var(--primeng-color-warning-default);
    --vk-comp-toast-message-icon-color-primary: var(--oev-color-primary-default);
    --vk-comp-toast-message-icon-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-toast-message-info-border-left-width: 8px;
    --vk-comp-toast-message-info-border-width: 2px;
    --vk-comp-toast-message-info-border-color: var(--primeng-color-info-hover);
  }
  [class*=theme-] {
    --vk-comp-avatar-background-color: var(--oev-color-gray-100);
    --vk-comp-avatar-group-additional-background-color: var(--oev-color-primary-default);
    --vk-comp-avatar-border-radius: var(--oev-ref-radius-m);
    --vk-comp-avatar-text-color: var(--oev-color-font-body-inverted);
    --vk-comp-avatar-font-size: var(--oev-font-size-body);
    --vk-comp-avatar-font-size-l: var(--oev-font-size-l);
    --vk-comp-avatar-font-size-xl: var(--oev-font-size-xl-1);
  }
  [class*=theme-] {
    --vk-comp-badge-background-color: var(--oev-color-action-white);
    --vk-comp-badge-background-color-success: var(--primeng-color-success-default);
    --vk-comp-badge-background-color-info: var(--oev-color-action-info);
    --vk-comp-badge-background-color-warning: var(--primeng-color-warning-default);
    --vk-comp-badge-background-color-danger: var(--oev-color-action-error);
    --vk-comp-badge-font-color: var(--oev-color-action-black);
    --vk-comp-badge-font-color-success: var(--oev-color-action-black);
    --vk-comp-badge-font-color-info: var(--oev-color-action-black);
    --vk-comp-badge-font-color-warning: var(--oev-color-action-black);
    --vk-comp-badge-font-color-danger: var(--oev-color-action-white);
    --vk-comp-badge-font: var(--oev-font-family-caption);
    --vk-comp-badge-size-s: 0.5rem;
    --vk-comp-badge-font-size: 0.75rem;
    --vk-comp-badge-size: 1.25rem;
    --vk-comp-badge-font-size-l: 1rem;
    --vk-comp-badge-size-l: 2rem;
    --vk-comp-badge-font-size-xl: 1.25rem;
    --vk-comp-badge-size-xl: 3rem;
  }
  [class*=theme-] {
    --vk-comp-chip-background-color: var(--oev-color-gray-100);
    --vk-comp-chip-background-color-disabled: var(--oev-color-gray-50);
    --vk-comp-chip-border-radius: var(--oev-ref-radius-m);
    --vk-comp-chip-color: var(--oev-color-primary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-primary-disabled);
    --vk-comp-chip-remove-icon-color: var(--vk-comp-chip-color);
    --vk-comp-chip-remove-icon-color-disabled: var(--vk-comp-chip-color-disabled);
    --vk-comp-chip-padding-xs: var(--vk-spacing-08);
    --vk-comp-chip-padding-s: var(--vk-spacing-12);
    --vk-comp-chip-font-style: var(--oev-font-style-body);
  }
  [class*=theme-] {
    --vk-comp-progressbar-label-color: var(--oev-color-action-white);
    --vk-comp-progressbar-background-color: var(--oev-color-primary-50);
    --vk-comp-progressbar-value-background-color: var(--oev-color-primary-default);
    --vk-comp-progressbar-border-radius: var(--oev-ref-radius-m);
    --vk-comp-progressbar-font: var(--oev-font-style-body-small);
    --vk-comp-progressbar-height: 20px;
    --vk-comp-progressbar-height-small: 4px;
  }
  [class*=theme-] {
    --vk-comp-progressspinner-color: var(--oev-color-primary-default);
    --vk-comp-progressspinner-fill: var(--oev-color-primary-50);
    --vk-comp-progressspinner-size: 64px;
    --vk-comp-progressspinner-size-small: 40px;
    --vk-comp-progressspinner-stroke-width-small: 8px;
  }
  [class*=theme-] {
    --vk-comp-tag-font: var(--oev-font-style-body);
    --vk-comp-tag-border-radius: 4px;
    --vk-comp-tag-padding-xxs: 0.25rem;
    --vk-comp-tag-padding-s: 0.75rem;
    --vk-comp-tag-color-primary: var(--oev-color-action-white);
    --vk-comp-tag-color-success: var(--oev-color-gray-900);
    --vk-comp-tag-color-info: var(--oev-color-gray-900);
    --vk-comp-tag-color-warning: var(--oev-color-gray-900);
    --vk-comp-tag-color-danger: var(--oev-color-action-white);
    --vk-comp-tag-background-color: var(--oev-color-primary-default);
    --vk-comp-tag-background-color-success: var(--primeng-color-success-default);
    --vk-comp-tag-background-color-info: var(--primeng-color-info-default);
    --vk-comp-tag-background-color-warning: var(--primeng-color-warning-default);
    --vk-comp-tag-background-color-danger: var(--primeng-color-danger-default);
    --vk-comp-tag-border-radius-rund: 2rem;
    --vk-comp-tag-icon-font-size: 0.75rem;
    --vk-comp-tag-icon-padding: var(--vk-spacing-02);
  }
  [class*=theme-] {
    --vk-comp-dialog-border-radius: var(--oev-ref-radius-l);
    --vk-comp-dialog-header-padding: var(--oev-sys-spacing-l);
    --vk-comp-dialog-content-padding: 0 var(--oev-sys-spacing-l) var(--oev-sys-spacing-l) var(--oev-sys-spacing-l);
    --vk-comp-dialog-shadow: var(--oev-sys-elevation-level-3);
    --vk-comp-dialog-close-icon-color: var(--oev-color-font-body-default);
  }
  [class*=theme-] {
    --vk-comp-overlaypanel-content-background-color: var(--primeng-color-info-default);
    --vk-comp-overlaypanel-content-padding: var(--vk-spacing-16);
    --vk-comp-overlaypanel-content-border-radius: var(--oev-ref-radius-m);
    --vk-comp-overlaypanel-font-color: var(--oev-color-font-body-default);
    --vk-comp-overlaypanel-postion-top: 16px;
    --vk-comp-overlaypanel-postion-right: 16px;
    --vk-comp-overlaypanel-close-font-color: var(--oev-color-action-black);
    --vk-comp-overlaypanel-close-padding-top: var(--vk-spacing-48);
  }
  [class*=theme-] {
    --vk-comp-popover-content-background-color: var(--primeng-color-info-default);
    --vk-comp-popover-content-padding: var(--vk-spacing-16);
    --vk-comp-popover-content-border-radius: var(--oev-ref-radius-m);
    --vk-comp-popover-font-color: var(--oev-color-font-body-default);
    --vk-comp-popover-box-shadow: var(--oev-sys-elevation-level-2);
    --vk-comp-popover-border-color: var(--vk-comp-popover-content-background-color);
    --vk-comp-popover-close-padding-top: var(--vk-spacing-48);
  }
  [class*=theme-] {
    --vk-comp-tooltip-font-color: var(--oev-color-font-body-default);
    --vk-comp-tooltip-content-background-color: var(--primeng-color-info-default);
    --vk-comp-tooltip-content-padding: var(--vk-spacing-16);
    --vk-comp-tooltip-border-radius: var(--oev-ref-radius-m);
    --vk-comp-tooltip-arrow-border-width: var(--vk-spacing-12);
    --vk-comp-tooltip-arrow-margin: calc(-1 * var(--vk-spacing-12));
    --vk-comp-tooltip-padding: var(--vk-spacing-12);
  }
  [class*=theme-] {
    --vk-comp-accordion-header-background-color-hover: var(--oev-comp-accordion-header-color-background-hover);
    --vk-comp-accordion-header-background-color: var(--oev-comp-accordion-header-color-background-default);
    --vk-comp-accordion-header-color-active: var(--oev-comp-accordion-header-color-active);
    --vk-comp-accordion-header-color-hover: var(--oev-comp-accordion-header-color-hover);
    --vk-comp-accordion-header-color: var(--oev-comp-accordion-header-color-default);
    --vk-comp-accordion-header-custom-icon-color: var(--vk-comp-accordion-header-icon-color);
    --vk-comp-accordion-header-font-weight-active: var(--oev-comp-accordion-header-font-weight-active);
    --vk-comp-accordion-header-font-weight-open: var(--oev-comp-accordion-header-font-weight-open);
    --vk-comp-accordion-header-font-weight-hover: var(--oev-comp-accordion-header-font-weight-hover);
    --vk-comp-accordion-header-font-weight: var(--oev-comp-accordion-header-font-weight-default);
    --vk-comp-accordion-header-icon-color-active: var(--oev-comp-accordion-header-icon-active);
    --vk-comp-accordion-header-icon-color-open: var(--oev-comp-accordion-header-icon-open);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-comp-accordion-header-icon-hover);
    --vk-comp-accordion-header-icon-color: var(--oev-comp-accordion-header-icon-default);
    --vk-comp-accordion-header-icon-font-size: var(--oev-font-size-s);
    --vk-comp-accordion-header-line-height: var(--oev-comp-accordion-body-line-height);
    --vk-comp-accordion-header-spacing: var(--vk-spacing-16);
    --vk-comp-accordion-content-background-color: var(--oev-comp-accordion-body-color-background);
    --vk-comp-accordion-content-color: var(--oev-comp-accordion-body-color-default);
    --vk-comp-accordion-content-font-style: var(--oev-comp-accordion-body-font-style);
    --vk-comp-accordion-content-spacing-top: var(--oev-comp-accordion-body-spacing-top);
    --vk-comp-accordion-content-spacing: var(--oev-comp-accordion-body-spacing);
    --vk-comp-accordion-divider-color: var(--oev-comp-accordion-divider-color);
    --vk-comp-accordion-divider-height: var(--oev-comp-accordion-divider-height);
    --vk-comp-accordion-top-border: none;
    --vk-comp-accordion-bottom-border: var(--vk-comp-accordion-divider-height) solid var(--vk-comp-accordion-divider-color);
  }
  [class*=theme-] {
    --vk-comp-card-font-color: var(--oev-color-font-body-default);
    --vk-comp-card-border: none;
    --vk-comp-card-border-radius: var(--oev-comp-card-border-radius);
    --vk-comp-card-shadow: var(--oev-comp-card-shadow);
    --vk-comp-card-background-color: var(--oev-comp-card-color-background-default);
    --vk-comp-card-header-background-color: var(--oev-color-background-01);
    --vk-comp-card-header-font-style: var(--oev-font-style-h3);
    --vk-comp-card-header-icon-font-size: var(--oev-font-size-h3);
    --vk-comp-card-header-color: var(--oev-comp-card-header-title-font-color);
    --vk-comp-card-header-icon-color: var(--oev-comp-card-header-title-font-color);
    --vk-comp-card-header-spacing: var(--oev-comp-card-content-outer-spacing);
    --vk-comp-card-header-title-font-style: var(--oev-comp-card-header-title-font-style);
    --vk-comp-card-header-title-icon-font-size: var(--oev-font-size-h3);
    --vk-comp-card-header-title-color: var(--oev-comp-card-header-title-font-color);
    --vk-comp-card-header-subtitle-font-style: var(--oev-comp-card-header-subtitle-font-style);
    --vk-comp-card-header-subtitle-icon-font-size: var(--oev-font-size-subtitle-1);
    --vk-comp-card-header-subtitle-color: var(--oev-comp-card-header-subtitle-font-color);
    --vk-comp-card-body-spacing: var(--oev-comp-card-content-outer-spacing);
    --vk-comp-card-body-gap: var(--oev-comp-card-content-top-section-gap-spacing);
    --vk-comp-card-hoverable-title-font-style: var(--oev-font-style-link);
    --vk-comp-card-hoverable-title-font-size: var(--oev-font-size-h6);
    --vk-comp-card-hoverable-title-color: var(--oev-color-font-link);
    --vk-comp-card-hoverable-title-color-hover: var(--oev-color-font-link);
    --vk-comp-card-hoverable-shadow-hover: var(--oev-sys-elevation-level-3);
  }
  [class*=theme-] {
    --vk-comp-divider-color: var(--oev-comp-divider-color);
    --vk-comp-divider-height: var(--oev-comp-divider-height);
  }
  [class*=theme-] {
    --vk-comp-fieldset-header-font-style-expandable: var(--oev-font-style-link);
    --vk-comp-fieldset-header-font-style: var(--oev-font-style-body);
    --vk-comp-fieldset-header-spacing: var(--vk-spacing-16);
    --vk-comp-fieldset-background-color: var(--oev-color-action-white);
    --vk-comp-fieldset-header-background-color: var(--oev-color-action-white);
    --vk-comp-fieldset-header-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-color-active: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-background-color-hover: var(--oev-color-gray-50);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-border-width-hover: 1px;
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-secondary-50);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-primary-active);
    --vk-comp-fieldset-header-border-width-active: 1px;
    --vk-comp-fieldset-header-icon-size: 1rem;
    --vk-comp-fieldset-header-icon-color: var(--oev-color-custom-03);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-custom-03);
    --vk-comp-fieldset-header-icon-color-active: var(--oev-color-custom-03);
    --vk-comp-fieldset-body-font-style: var(--oev-font-style-body);
    --vk-comp-fieldset-body-font-color: var(--oev-color-font-body-default);
    --vk-comp-fieldset-header-closed-font-color-hover: var(--oev-color-font-body-default);
    --vk-comp-fieldset-body-spacing: var(--vk-spacing-16);
    --vk-comp-fieldset-border-color: var(--oev-color-secondary-100);
    --vk-comp-fieldset-border-width: 1px;
    --vk-comp-fieldset-border-radius: var(--oev-ref-radius-m);
  }
  [class*=theme-] {
    --vk-comp-panel-header-font-style: var(--oev-font-style-link);
    --vk-comp-panel-header-spacing: var(--vk-spacing-16);
    --vk-comp-panel-header-background-color: var(--oev-color-action-white);
    --vk-comp-panel-header-background-color-hover: var(--vk-comp-panel-header-background-color);
    --vk-comp-panel-header-background-color-active: var(--oev-color-background-02);
    --vk-comp-panel-header-background-color-active-hover: var(--vk-comp-panel-header-background-color-active);
    --vk-comp-panel-header-color: var(--oev-color-secondary-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-panel-header-color-active: var(--oev-color-secondary-hover);
    --vk-comp-panel-header-icon-color: var(--oev-color-custom-03);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-custom-03);
    --vk-comp-panel-header-icon-size: 1rem;
    --vk-comp-panel-body-font-style: var(--oev-font-style-body);
    --vk-comp-panel-body-font-color: var(--oev-color-font-body-default);
    --vk-comp-panel-body-spacing: var(--vk-spacing-16);
    --vk-comp-panel-border-color: var(--oev-color-secondary-100);
    --vk-comp-panel-border-width: 1px;
    --vk-comp-panel-border-radius: var(--oev-ref-radius-m);
  }
  [class*=theme-] {
    --vk-comp-stepper-separator-background: var(--oev-color-secondary-disabled);
    --vk-comp-stepper-separator-background-active: var(--oev-color-secondary-default);
    --vk-comp-stepper-separator-size: 4px;
    --vk-comp-stepper-padding: 8px;
    --vk-comp-stepper-step-gap: var(--vk-spacing-responsive-s);
    --vk-comp-stepper-step-title-active-color: var(--oev-color-secondary-default);
    --vk-comp-stepper-step-title-font-style: var(--oev-font-style-h6);
    --vk-comp-stepper-step-title-font-color: var(--oev-color-font-headline);
    --vk-comp-stepper-step-number-border-size: 4px;
    --vk-comp-stepper-step-number-border-color: var(--oev-color-secondary-disabled);
    --vk-comp-stepper-step-number-active-border-color: var(--oev-color-secondary-default);
    --vk-comp-stepper-step-number-color: var(--oev-color-secondary-default);
    --vk-comp-stepper-step-number-active-color: var(--oev-color-secondary-default);
    --vk-comp-stepper-step-number-size: 3rem;
    --vk-comp-stepper-step-number-font-size: var(--oev-font-size-h6);
    --vk-comp-stepper-step-number-font-weight: var(--oev-font-weight-bold);
    --vk-comp-stepper-steppanels-padding: var(--vk-spacing-responsive-xs);
  }
  [class*=theme-] {
    --vk-comp-tabs-spacing: var(--vk-spacing-20);
    --vk-comp-tabs-icon-spacing: var(--vk-spacing-08);
    --vk-comp-tabs-font-style: var(--oev-font-style-link);
    --vk-comp-tabs-font-color: var(--oev-color-font-body-default);
    --vk-comp-tabs-font-color-hover: var(--oev-color-gray-hover);
    --vk-comp-tabs-font-color-active: var(--oev-color-primary-default);
    --vk-comp-tabs-border-color: var(--oev-color-gray-200);
    --vk-comp-tabs-border-color-active: var(--oev-color-primary-default);
    --vk-comp-tabs-border-color-hover: var(--oev-color-gray-hover);
    --vk-comp-tabs-border-color-focus: var(--oev-color-primary-focus);
    --vk-comp-tabs-border-radius-focus: var(--oev-ref-radius-m);
    --vk-comp-tabs-tab-border-bottom-width: 6px;
    --vk-comp-tabs-tab-arrow-width: 10px;
    --vk-comp-tabs-tab-arrow-height: 8px;
    --vk-comp-tabs-tablist-border-bottom-width: 2px;
    --vk-comp-tabs-border-bottom-width-active: var(--vk-comp-tabs-tab-border-bottom-width);
    --vk-comp-tabs-tabmenu-icon-color: var(--oev-color-font-subheadline);
    --vk-comp-tabs-tabmenu-icon-color-active: var(--oev-color-font-subheadline);
    --vk-comp-tabs-tabmenu-icon-color-hover: var(--oev-color-font-subheadline);
    --vk-comp-tabs-background-color: transparent;
    --vk-comp-tabs-tabmenu-background-color: transparent;
    --vk-comp-tabs-tab-background-hover: transparent;
  }
  [class*=theme-] {
    --vk-focus-visible-outline-offset: var(--oev-sys-focus-visible-outline-offset);
    --vk-focus-visible-outline-width: var(--oev-sys-focus-visible-outline-width);
    --vk-focus-visible-outline-color: var(--oev-sys-focus-visible-outline-color);
  }
  [class*=theme-] {
    --vk-size-auto: var(--oev-ref-size-auto);
    --vk-size-00: var(--oev-ref-size-00);
    --vk-size-01: var(--oev-ref-size-01);
    --vk-size-02: var(--oev-ref-size-02);
    --vk-size-03: var(--oev-ref-size-03);
    --vk-size-04: var(--oev-ref-size-04);
    --vk-size-06: var(--oev-ref-size-06);
    --vk-size-08: var(--oev-ref-size-08);
    --vk-size-10: var(--oev-ref-size-10);
    --vk-size-12: var(--oev-ref-size-12);
    --vk-size-15: var(--oev-ref-size-15);
    --vk-size-16: var(--oev-ref-size-16);
    --vk-size-20: var(--oev-ref-size-20);
    --vk-size-24: var(--oev-ref-size-24);
    --vk-size-32: var(--oev-ref-size-32);
    --vk-size-40: var(--oev-ref-size-40);
    --vk-size-48: var(--oev-ref-size-48);
    --vk-size-50: var(--oev-ref-size-50);
    --vk-size-56: var(--oev-ref-size-56);
    --vk-size-64: var(--oev-ref-size-64);
    --vk-size-72: var(--oev-ref-size-72);
    --vk-size-80: var(--oev-ref-size-80);
    --vk-size-88: var(--oev-ref-size-88);
    --vk-size-102: var(--oev-ref-size-102);
    --vk-size-104: var(--oev-ref-size-104);
    --vk-size-120: var(--oev-ref-size-120);
    --vk-size-140: var(--oev-ref-size-140);
    --vk-size-160: var(--oev-ref-size-160);
    --vk-size-192: var(--oev-ref-size-192);
    --vk-spacing-00: var(--oev-ref-spacing-00);
    --vk-spacing-01: var(--oev-ref-spacing-01);
    --vk-spacing-02: var(--oev-ref-spacing-02);
    --vk-spacing-04: var(--oev-ref-spacing-04);
    --vk-spacing-06: var(--oev-ref-spacing-06);
    --vk-spacing-08: var(--oev-ref-spacing-08);
    --vk-spacing-10: var(--oev-ref-spacing-10);
    --vk-spacing-12: var(--oev-ref-spacing-12);
    --vk-spacing-14: var(--oev-ref-spacing-14);
    --vk-spacing-15: var(--oev-ref-spacing-15);
    --vk-spacing-16: var(--oev-ref-spacing-16);
    --vk-spacing-20: var(--oev-ref-spacing-20);
    --vk-spacing-24: var(--oev-ref-spacing-24);
    --vk-spacing-32: var(--oev-ref-spacing-32);
    --vk-spacing-40: var(--oev-ref-spacing-40);
    --vk-spacing-48: var(--oev-ref-spacing-48);
    --vk-spacing-56: var(--oev-ref-spacing-56);
    --vk-spacing-64: var(--oev-ref-spacing-64);
    --vk-spacing-72: var(--oev-ref-spacing-72);
    --vk-spacing-80: var(--oev-ref-spacing-80);
    --vk-spacing-96: var(--oev-ref-spacing-96);
    --vk-spacing-negative-07: var(--oev-sys-spacing-negative-07);
    --vk-spacing-none: var(--oev-sys-spacing-none);
    --vk-spacing-xxs: var(--oev-sys-spacing-xxs);
    --vk-spacing-xs: var(--oev-sys-spacing-xs);
    --vk-spacing-s: var(--oev-sys-spacing-s);
    --vk-spacing-m: var(--oev-sys-spacing-m);
    --vk-spacing-l: var(--oev-sys-spacing-l);
    --vk-spacing-xl-1: var(--oev-sys-spacing-xl-1);
    --vk-spacing-xl-2: var(--oev-sys-spacing-xl-2);
    --vk-spacing-xl-3: var(--oev-sys-spacing-xl-3);
    --vk-spacing-xl-4: var(--oev-sys-spacing-xl-4);
    --vk-spacing-xl-5: var(--oev-sys-spacing-xl-5);
    --vk-spacing-xl-6: var(--oev-sys-spacing-xl-6);
    --vk-spacing-xl-7: var(--oev-sys-spacing-xl-7);
    --vk-spacing-xl-8: var(--oev-sys-spacing-xl-8);
    --vk-spacing-responsive-xxs: var(--oev-sys-spacing-responsive-xxs);
    --vk-spacing-responsive-xs: var(--oev-sys-spacing-responsive-xs);
    --vk-spacing-responsive-s: var(--oev-sys-spacing-responsive-s);
    --vk-spacing-responsive-m: var(--oev-sys-spacing-responsive-m);
    --vk-spacing-responsive-l: var(--oev-sys-spacing-responsive-l);
    --vk-spacing-responsive-xl: var(--oev-sys-spacing-responsive-xl);
    --vk-spacing-responsive-xxl: var(--oev-sys-spacing-responsive-xxl);
  }
  .theme-aok {
    --vk-comp-button-border-radius: 0.25rem;
    --vk-comp-button-color-primary: #005E3F;
    --vk-comp-button-color-primary-hover: #005E3F;
    --vk-comp-button-background-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-border-color-primary-hover: #91F54A;
    --vk-comp-button-color-secondary: #005E3F;
    --vk-comp-button-color-secondary-hover: #005E3F;
    --vk-comp-button-background-color-secondary: var(--oev-color-action-white);
    --vk-comp-button-background-color-secondary-hover: #DFE3E6;
    --vk-comp-button-border-color-secondary: #AFB6BC;
    --vk-comp-button-border-color-secondary-hover: #AFB6BC;
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-help: var(--oev-color-action-white);
    --vk-comp-button-color-help-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
    --vk-comp-button-outlined-background-color-primary-focus: var(--oev-comp-button-primary-contained-background-color-focus);
    --vk-comp-button-outlined-background-color-primary-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-button-outlined-border-color-primary-active: var(--vk-comp-button-color-primary-hover);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--vk-comp-button-background-color-primary-disabled);
    --vk-comp-button-outlined-border-color-primary-focus: var(--oev-comp-button-primary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-primary-hover: var(--vk-comp-button-color-primary-hover);
    --vk-comp-button-outlined-border-color-primary: var(--vk-comp-button-background-color-primary);
    --vk-comp-button-outlined-color-primary-active: var(--vk-comp-button-color-primary-hover);
    --vk-comp-button-outlined-color-primary-hover: var(--vk-comp-button-color-primary-hover);
    --vk-comp-button-outlined-background-color-secondary-active: var(--oev-comp-button-secondary-contained-background-color-active);
    --vk-comp-button-outlined-background-color-secondary-disabled: var(--oev-color-gray-200);
    --vk-comp-button-outlined-background-color-secondary-focus: var(--oev-comp-button-secondary-contained-background-color-focus);
    --vk-comp-button-outlined-background-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-outlined-background-color-secondary: var(--oev-comp-button-secondary-contained-background-color-default);
    --vk-comp-button-outlined-border-color-secondary-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-button-outlined-border-color-secondary-focus: var(--oev-comp-button-secondary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-secondary-hover: var(--vk-comp-button-border-color-secondary-hover);
    --vk-comp-button-outlined-border-color-secondary: var(--vk-comp-button-border-color-secondary);
    --vk-comp-button-outlined-color-secondary-active: var(--vk-comp-button-color-secondary-active);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-color-gray-700);
    --vk-comp-button-outlined-color-secondary-hover: var(--vk-comp-button-color-secondary-hover);
    --vk-comp-button-outlined-color-secondary: var(--vk-comp-button-color-secondary);
    --vk-comp-button-text-color-primary: #005E3F;
    --vk-comp-button-text-color-primary-hover: #005E3F;
    --vk-comp-button-text-color-primary-active: var(--oev-color-gray-700);
    --vk-comp-button-text-color-secondary-active: var(--oev-color-gray-700);
    --vk-comp-button-text-background-color-primary-hover: #005E3F;
    --vk-comp-button-text-background-color-secondary: #AFB6BC;
    --vk-comp-button-text-background-color-secondary-hover: var(--oev-color-gray-default);
    --vk-comp-button-link-color-primary: #005E3F;
    --vk-comp-button-link-color-primary-hover: #18ab42;
    --vk-comp-button-link-color-secondary: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-secondary-hover: #005E3F;
  }
  .theme-aok {
    --vk-comp-orderlist-controls-text-color: var(--vk-comp-button-color-primary);
    --vk-comp-orderlist-controls-text-color-hover: var(--vk-comp-button-color-primary);
    --vk-comp-orderlist-controls-button-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-orderlist-controls-button-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-orderlist-border-color: var(--oev-color-gray-400);
    --vk-comp-orderlist-controls-button-border-color-hover: var(--vk-comp-button-border-color-primary-hover);
  }
  .theme-aok {
    --vk-comp-table-paginator-color-highlight: #005E3F;
  }
  .theme-aok {
    --vk-comp-table-header-caption-background-color: #E8F4F2;
    --vk-comp-table-header-background-color: var(--oev-color-action-white);
    --vk-comp-table-header-font-color: #005E3F;
    --vk-comp-table-header-font-color-interactable: #005E3F;
    --vk-comp-table-header-icon-color-interactable: #005E3F;
    --vk-comp-table-header-font-color-focus: #005E3F;
    --vk-comp-table-filter-addrule-button-color: #005E3F;
    --vk-comp-table-filter-addrule-button-color-hover: var(--oev-color-gray-default);
    --vk-comp-table-filter-addrule-button-color-active: var(--oev-color-gray-default);
    --vk-comp-table-filter-addrule-button-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-table-filter-clear-button-outline-hover: none;
  }
  .theme-aok {
    --vk-comp-fileupload-button-text-color: #005E3F;
    --vk-comp-fileupload-button-text-color-hover: #005E3F;
    --vk-comp-fileupload-button-text-color-active: #005E3F;
    --vk-comp-fileupload-button-border-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-fileupload-button-border-color-hover: var(--vk-comp-button-background-color-primary);
    --vk-comp-fileupload-button-border-color-active: var(--vk-comp-button-background-color-primary);
    --vk-comp-fileupload-button-border-color-focus: var(--oev-color-action-white);
    --vk-comp-fileupload-button-border-color-disabled: var(--vk-comp-button-background-color-primary-disabled);
  }
  .theme-aok {
    --vk-comp-datepicker-button-text-color-primary: #005E3F;
  }
  .theme-aok {
    --vk-comp-input-border-color-hover: #18AB42;
    --vk-comp-input-border-color-focus: #18AB42;
  }
  .theme-aok {
    --vk-comp-multiselect-dropdown-border-color-focus: transparent;
  }
  .theme-aok {
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-body);
    --vk-comp-select-menu-items-font-color-hover: #005e3f;
    --vk-comp-select-menu-items-font-color-active: #005e3f;
  }
  .theme-aok {
    --vk-comp-selectbutton-background-color-active: #005e3f;
    --vk-comp-selectbutton-background-color-hover: #18ab42;
    --vk-comp-selectbutton-background-color-active-hover: #18ab42;
    --vk-comp-selectbutton-content-background-active: #005e3f;
    --vk-comp-selectbutton-text-color: #005e3f;
    --vk-comp-selectbutton-border-color: #005e3f;
    --vk-comp-selectbutton-border-color-active: #005e3f;
  }
  .theme-aok {
    --vk-comp-carousel-indicator-color: #DFE3E6;
    --vk-comp-carousel-indicator-color-active: #005e3f;
    --vk-comp-carousel-indicator-color-hover: #91F54A;
    --vk-comp-carousel-prev-next-icon-color: #005e3f;
  }
  .theme-aok {
    --vk-comp-breadcrumb-item-font-style: var(--oev-font-style-body);
    --vk-comp-breadcrumb-separator-icon-color: #6D767C;
    --vk-comp-breadcrumb-home-icon-color: #6D767C;
    --vk-comp-breadcrumb-item-text-color: #6D767C;
    --vk-comp-breadcrumb-item-text-color-active: #6D767C;
    --vk-comp-breadcrumb-item-text-color-hover: #005e3f;
  }
  .theme-aok {
    --vk-comp-menubar-item-text-font-style: var(--oev-font-style-body);
    --vk-comp-menubar-item-icon-color: var(--oev-color-font-body-default);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-action-white);
    --vk-comp-menubar-item-text-color: var(--oev-color-font-body-default);
    --vk-comp-menubar-item-text-color-hover: #005e3f;
    --vk-comp-menubar-item-text-color-active: #005e3f;
  }
  .theme-aok {
    --vk-comp-message-background-color-primary: var(--oev-color-action-white);
    --vk-comp-message-background-color-secondary: var(--oev-color-action-white);
  }
  .theme-aok {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-action-white);
    --vk-comp-toast-message-background-color-secondary: var(--oev-color-action-white);
  }
  .theme-aok {
    --vk-comp-avatar-group-additional-background-color: #005e3f;
    --vk-comp-avatar-text-color: var(--oev-color-action-white);
  }
  .theme-aok {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-background-color-info: var(--oev-color-custom-02);
  }
  .theme-aok {
    --vk-comp-chip-color: #005e3f;
    --vk-comp-chip-color-disabled: var(--oev-color-secondary-disabled);
  }
  .theme-aok {
    --vk-comp-progressbar-background-color: #DFE3E6;
    --vk-comp-progressbar-value-background-color: #005e3f;
  }
  .theme-aok {
    --vk-comp-progressspinner-color: #005e3f;
    --vk-comp-progressspinner-fill: var(--oev-color-secondary-50);
  }
  .theme-aok {
    --vk-comp-tag-color-primary: #005e3f;
    --vk-comp-tag-color-success: var(--oev-color-action-white);
  }
  .theme-aok {
    --vk-comp-accordion-header-background-color: var(--oev-color-action-white);
    --vk-comp-accordion-header-background-color-hover: var(--oev-color-action-white);
    --vk-comp-accordion-header-icon-color: #005e3f;
    --vk-comp-accordion-header-icon-color-hover: #18AB42;
    --vk-comp-accordion-header-icon-color-active: #005e3f;
    --vk-comp-accordion-header-color: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-color-hover: #18AB42;
    --vk-comp-accordion-header-color-active: var(--oev-color-font-body-default);
    --vk-comp-accordion-divider-color: #AFB6BC;
    --vk-comp-accordion-divider-height: 2px;
    --vk-comp-accordion-top-border: var(--vk-comp-accordion-bottom-border);
  }
  .theme-aok {
    --vk-comp-card-header-background-color: var(--oev-color-custom-02);
    --vk-comp-card-header-color: var(--oev-color-font-body-default);
    --vk-comp-card-header-icon-color: var(--oev-color-font-body-default);
  }
  .theme-aok {
    --vk-comp-fieldset-header-border-color-active: #005e3f;
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-fieldset-header-color: var(--oev-color-font-body-default);
    --vk-comp-fieldset-header-font-color-hover: #18AB42;
    --vk-comp-fieldset-header-icon-color: #005e3f;
    --vk-comp-fieldset-header-icon-color-hover: #18AB42;
  }
  .theme-aok {
    --vk-comp-panel-header-color: var(--oev-color-font-body-default);
    --vk-comp-panel-header-icon-color: #005e3f;
    --vk-comp-panel-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-panel-header-color-hover: #18AB42;
    --vk-comp-panel-header-icon-color-hover: #18AB42;
  }
  .theme-aok {
    --vk-comp-tabs-font-color-active: #005e3f;
    --vk-comp-tabs-border-color-active: #005e3f;
    --vk-comp-tabs-font-color-hover: #18AB42;
    --vk-comp-tabs-border-color-hover: #18AB42;
  }
  .theme-bavaria-direkt {
    --vk-comp-button-border-radius: 4px;
    --vk-comp-button-color-primary: var(--oev-color-action-white);
    --vk-comp-button-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-color-secondary: var(--oev-color-action-white);
    --vk-comp-button-color-secondary-hover: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
    --vk-comp-button-outlined-color-primary: var(--vk-comp-button-background-color-primary);
    --vk-comp-button-outlined-color-primary-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-button-outlined-color-primary-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-color-primary-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-button-outlined-color-primary-focus: var(--vk-comp-button-background-color-primary-focus);
    --vk-comp-button-outlined-border-color-primary: var(--vk-comp-button-background-color-primary);
    --vk-comp-button-outlined-border-color-primary-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-button-outlined-border-color-primary-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-button-outlined-border-color-primary-focus: var(--vk-comp-button-background-color-primary-focus);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--oev-color-gray-600);
  }
  .theme-bavaria-direkt {
    --vk-comp-orderlist-controls-button-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-orderlist-controls-button-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-orderlist-controls-button-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-orderlist-controls-button-color-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-orderlist-border-color: var(--oev-color-secondary-100);
    --vk-comp-orderlist-controls-button-border-color-hover: var(--vk-comp-orderlist-controls-button-color-hover);
  }
  .theme-bavaria-direkt {
    --vk-comp-table-paginator-background-color-highlight: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-table-header-font-color-focus: var(--oev-color-secondary-default);
    --vk-comp-table-filter-addrule-button-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-table-filter-addrule-button-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-table-filter-addrule-button-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-table-filter-addrule-button-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-table-filter-clear-button-color: var(--oev-comp-button-secondary-outlined-color-label-default);
    --vk-comp-table-filter-clear-button-color-active: var(--oev-comp-button-secondary-outlined-color-label-active);
    --vk-comp-table-filter-clear-button-color-hover: var(--oev-comp-button-secondary-outlined-color-label-hover);
    --vk-comp-table-filter-clear-button-color-focus: var(--oev-comp-button-secondary-outlined-color-label-focus);
    --vk-comp-table-filter-clear-button-border-color-default: var(--oev-color-secondary-default);
    --vk-comp-table-filter-clear-button-border-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-table-filter-clear-button-border-color-active: var(--oev-color-secondary-active);
    --vk-comp-table-filter-clear-button-border-color-focus: var(--oev-color-secondary-focus);
    --vk-comp-table-header-icon-color-interactable: var(--oev-color-secondary-default);
    --vk-comp-table-header-font-color-interactable: var(--oev-color-secondary-default);
    --vk-comp-table-header-font-color-interactable-hover: var(--oev-color-secondary-hover);
    --vk-comp-table-header-border-color-focus: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-fileupload-button-background-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-fileupload-button-background-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-fileupload-button-background-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-fileupload-button-background-color-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-fileupload-button-border-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-fileupload-button-border-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-fileupload-button-border-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-fileupload-button-border-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-fileupload-button-border-color-disabled: var(--vk-comp-button-background-color-secondary-disabled);
  }
  .theme-bavaria-direkt {
    --vk-comp-checkbox-icon-color: var(--oev-color-action-white);
  }
  .theme-bavaria-direkt {
    --vk-comp-datepicker-dropdown-border-color: var(--vk-comp-button-border-color-secondary);
    --vk-comp-datepicker-dropdown-hover-border-color: var(--vk-comp-button-border-color-secondary-hover);
    --vk-comp-datepicker-dropdown-active-border-color: var(--vk-comp-button-border-color-secondary-active);
    --vk-comp-datepicker-dropdown-background: var(--vk-comp-button-background-color-secondary);
    --vk-comp-datepicker-dropdown-hover-background: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-datepicker-dropdown-active-background: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-datepicker-dropdown-color: var(--vk-comp-button-color-secondary);
    --vk-comp-datepicker-dropdown-hover-color: var(--vk-comp-button-color-secondary);
    --vk-comp-datepicker-dropdown-active-color: var(--vk-comp-button-color-secondary);
    --vk-comp-datepicker-input-icon-color: var(--oev-color-secondary-default);
    --vk-comp-datepicker-button-text-color-primary: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-input-border-radius: 4px;
    --vk-comp-input-border-color: var(--oev-color-secondary-default);
    --vk-comp-input-border-color-focus: var(--oev-color-secondary-default);
    --vk-comp-input-border-color-hover: var(--oev-comp-forms-input-text-border-color-hover);
    --vk-comp-input-border-color-disabled: var(--oev-comp-forms-input-text-border-color-disabled);
    --vk-comp-input-border-color-error: var(--oev-color-action-error);
    --vk-comp-input-border-color-error-focus: var(--oev-color-action-error);
    --vk-comp-input-border-color-error-hover: var(--oev-color-action-error);
  }
  .theme-bavaria-direkt {
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-body);
    --vk-comp-select-menu-items-font-color-hover: var(--oev-color-secondary-default);
    --vk-comp-select-menu-items-font-color-active: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-toggleswitch-background-color-checked: var(--oev-color-secondary-default);
    --vk-comp-toggleswitch-background-color-checked-hover: var(--oev-color-secondary-hover);
    --vk-comp-toggleswitch-background-color-checked-disabled: var(--oev-color-secondary-100);
    --vk-comp-toggleswitch-border-color-checked-disabled: var(--oev-color-secondary-100);
  }
  .theme-bavaria-direkt {
    --vk-comp-multiselect-dropdown-selected-text-color: var(--oev-color-secondary-800);
    --vk-comp-multiselect-dropdown-border-color-focus: var(--oev-color-secondary-focus);
  }
  .theme-bavaria-direkt {
    --vk-comp-selectbutton-background-color-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-background-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-selectbutton-background-color-active-hover: var(--oev-color-secondary-hover);
    --vk-comp-selectbutton-content-background-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-border-color: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-text-color: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-text-weight: var(--oev-font-weight-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-carousel-indicator-color-active: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-breadcrumb-item-text-color-focus: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-menubar-item-icon-color: var(--oev-color-secondary-default);
    --vk-comp-menubar-item-text-color: var(--oev-color-secondary-default);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-menubar-item-icon-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-secondary-active);
  }
  .theme-bavaria-direkt {
    --vk-comp-message-icon-color-info: var(--oev-color-secondary-default);
    --vk-comp-message-icon-color-warning: var(--oev-color-action-warning);
  }
  .theme-bavaria-direkt {
    --vk-comp-toast-message-icon-color-info: var(--oev-color-action-info);
    --vk-comp-toast-message-icon-color-warning: var(--oev-color-action-warning);
  }
  .theme-bavaria-direkt {
    --vk-comp-avatar-group-additional-background-color: var(--oev-color-secondary-default);
    --vk-comp-avatar-text-color: var(--oev-color-action-white);
  }
  .theme-bavaria-direkt {
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
  }
  .theme-bavaria-direkt {
    --vk-comp-chip-color: var(--oev-color-secondary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-secondary-disabled);
  }
  .theme-bavaria-direkt {
    --vk-comp-progressbar-background-color: var(--oev-color-secondary-50);
    --vk-comp-progressbar-value-background-color: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-progressspinner-color: var(--oev-color-secondary-default);
    --vk-comp-progressspinner-fill: var(--oev-color-secondary-50);
  }
  .theme-bavaria-direkt {
    --vk-comp-tag-background-color: var(--oev-color-secondary-default);
    --vk-comp-tag-color-info: var(--oev-color-action-white);
  }
  .theme-bavaria-direkt {
    --vk-comp-popover-font-color: var(--oev-color-action-white);
  }
  .theme-bavaria-direkt {
    --vk-comp-tooltip-content-background-color: var(--oev-color-secondary-default);
    --vk-comp-tooltip-font-color: var(--oev-color-action-white);
  }
  .theme-bavaria-direkt {
    --vk-comp-card-border-radius: 4px;
  }
  .theme-bavaria-direkt {
    --vk-comp-fieldset-header-icon-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-secondary-active);
  }
  .theme-bavaria-direkt {
    --vk-comp-panel-header-icon-color: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-tabs-font-color-active: var(--oev-color-secondary-default);
    --vk-comp-tabs-border-color: var(--oev-color-gray-400);
    --vk-comp-tabs-border-color-active: var(--oev-color-secondary-default);
    --vk-comp-tabs-border-color-focus: var(--oev-color-secondary-focus);
    --vk-comp-tabs-tabmenu-icon-color: var(--oev-color-secondary-default);
    --vk-comp-tabs-tabmenu-icon-color-active: var(--oev-color-secondary-default);
  }
  .theme-bgv {
    --vk-comp-button-border-radius: 1000rem;
    --vk-comp-button-font-style: var(--oev-font-weight-regular);
    --vk-comp-button-icon-line-height: var(--oev-line-height-m);
    --vk-comp-button-color-primary: var(--oev-color-action-white);
    --vk-comp-button-background-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-color-primary-hover: var(--oev-color-primary-default);
    --vk-comp-button-border-color-primary-hover: var(--oev-color-primary-default);
    --vk-comp-button-color-secondary-hover: var(--oev-color-secondary-default);
    --vk-comp-button-background-color-secondary-hover: var(--oev-color-action-white);
    --vk-comp-button-border-color-secondary-hover: var(--oev-color-secondary-default);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-background-color-info-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-background-color-info: var(--oev-color-secondary-default);
    --vk-comp-button-border-color-info: var(--oev-color-secondary-default);
    --vk-comp-button-border-color-info-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-color-danger: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-background-color-primary-disabled: var(--oev-color-gray-100);
    --vk-comp-button-background-color-secondary-disabled: var(--oev-color-gray-100);
    --vk-comp-button-background-color-success-disabled: var(--oev-color-gray-100);
    --vk-comp-button-background-color-info-disabled: var(--oev-color-gray-100);
    --vk-comp-button-background-color-danger-disabled: var(--oev-color-gray-100);
    --vk-comp-button-background-color-warning-disabled: var(--oev-color-gray-100);
    --vk-comp-button-background-color-help-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-primary-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-secondary-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-success-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-info-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-danger-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-warning-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-help-disabled: var(--oev-color-gray-100);
    --vk-comp-button-color-primary-disabled: var(--oev-color-gray-400);
    --vk-comp-button-color-secondary-disabled: var(--oev-color-gray-400);
    --vk-comp-button-color-success-disabled: var(--oev-color-gray-400);
    --vk-comp-button-color-info-disabled: var(--oev-color-gray-400);
    --vk-comp-button-color-danger-disabled: var(--oev-color-gray-400);
    --vk-comp-button-color-warning-disabled: var(--oev-color-gray-400);
    --vk-comp-button-color-help-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-outlined-border-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-outlined-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-outlined-background-color-primary-hover: var(--oev-color-primary-default);
    --vk-comp-button-outlined-border-color-primary-hover: var(--oev-color-primary-default);
    --vk-comp-button-outlined-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-outlined-border-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-outlined-color-secondary-hover: var(--oev-color-action-white);
    --vk-comp-button-outlined-background-color-secondary-hover: var(--oev-color-secondary-default);
    --vk-comp-button-outlined-border-color-secondary-hover: var(--oev-color-secondary-default);
    --vk-comp-button-outlined-color-primary-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-color-success-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-color-info-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-color-danger-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-color-warning-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-color-help-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-success-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-info-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-danger-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-warning-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-help-disabled: var(--oev-color-gray-300);
    --vk-comp-button-font-color-disabled: var(--oev-color-gray-300);
    --vk-comp-button-text-background-color-primary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-text-background-color-secondary-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-text-border-radius: 0;
    --vk-comp-button-link-color-primary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-link-color-secondary-hover: var(--oev-color-secondary-hover);
  }
  .theme-bgv {
    --vk-comp-orderlist-border-color: var(--oev-color-secondary-100);
    --vk-comp-orderlist-container-item-background-color-active: var(--oev-color-background-01);
    --vk-comp-orderlist-controls-text-color-hover: var(--oev-color-primary-default);
    --vk-comp-orderlist-controls-button-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-orderlist-controls-button-color-hover: var(--oev-color-action-white);
  }
  .theme-bgv {
    --vk-comp-table-header-caption-background-color: var(--oev-color-background-01);
    --vk-comp-table-header-background-color: var(--oev-color-action-white);
    --vk-comp-table-header-font-color: var(--oev-color-secondary-default);
    --vk-comp-table-row-font-color: var(--oev-color-secondary-default);
    --vk-comp-table-row-background-color-hover: var(--oev-color-secondary-50);
  }
  .theme-bgv {
    --vk-comp-fileupload-button-text-color-hover: var(--oev-color-primary-default);
    --vk-comp-fileupload-button-background-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-fileupload-button-border-color-hover: var(--oev-color-primary-default);
  }
  .theme-bgv {
    --vk-comp-input-border-color: var(--oev-color-secondary-default);
    --vk-comp-input-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-input-border-color-focus: var(--oev-color-primary-default);
    --vk-comp-input-border: var(--oev-comp-forms-input-text-border-width-default) solid var(--vk-comp-input-border-color);
    --vk-comp-input-border-hover: calc(var(--oev-comp-forms-input-text-border-width-default)) solid var(--vk-comp-input-border-color-hover);
    --vk-comp-input-border-focus: calc(var(--oev-comp-forms-input-text-border-width-default)) solid var(--vk-comp-input-border-color-focus);
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-focus: none;
    --vk-comp-input-box-shadow-hover-focus: none;
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
  }
  .theme-bgv {
    --vk-comp-multiselect-dropdown-selected-background-color: var(--oev-color-background-01);
  }
  .theme-bgv {
    --vk-comp-select-forms-menu-background-color-active: var(--oev-color-background-01);
    --vk-comp-select-menu-items-font-color-hover: var(--oev-color-secondary-default);
    --vk-comp-select-menu-items-font-style: var(--oev-font-weight-regular);
    --vk-comp-select-menu-items-font-color-active: var(--oev-color-secondary-default);
    --vk-comp-select-box-shadow-width: none;
    --vk-comp-select-border-color: var(--oev-color-secondary-default);
    --vk-comp-select-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-select-border-color-focus: var(--oev-color-primary-default);
  }
  .theme-bgv {
    --vk-comp-selectbutton-background-color-active: var(--oev-color-primary-default);
    --vk-comp-selectbutton-content-background-active: var(--oev-color-primary-default);
    --vk-comp-selectbutton-border-color: var(--oev-color-primary-300);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-primary-300);
    --vk-comp-selectbutton-background-color-hover: var(--oev-color-primary-hover);
    --vk-comp-selectbutton-background-color-active-hover: var(--oev-color-primary-hover);
    --vk-comp-selectbutton-text-color: var(--oev-color-primary-default);
  }
  .theme-bgv {
    --vk-comp-autocomplete-item-background-color-hover: var(--oev-color-secondary-50);
  }
  .theme-bgv {
    --vk-comp-datepicker-dropdown-border-radius: var(--vk-comp-input-border-radius);
  }
  .theme-bgv {
    --vk-comp-input-border-width-focus: 0px;
    --vk-comp-input-border-width-hover: var(--vk-comp-input-border-width-error);
  }
  .theme-bgv {
    --vk-comp-carousel-indicator-color: var(--oev-color-action-white);
    --vk-comp-carousel-indicator-border: 1px solid var(--oev-color-primary-default);
    --vk-comp-carousel-indicator-color-active: var(--oev-color-primary-default);
    --vk-comp-carousel-indicator-width: var(--vk-comp-carousel-indicator-height);
    --vk-comp-carousel-prev-next-icon-color: var(--oev-color-primary-default);
    --vk-comp-carousel-prev-next-icon-color-disabled: var(--oev-color-primary-disabled);
  }
  .theme-bgv {
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-item-font-style: var(--oev-font-weight-regular);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-color-primary-800);
  }
  .theme-bgv {
    --vk-comp-menubar-item-icon-color: var(--oev-color-secondary-default);
    --vk-comp-menubar-item-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-menubar-item-text-color: var(--oev-color-secondary-default);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-primary-default);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-primary-default);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-action-white);
    --vk-comp-menubar-item-background-color-hover: var(--oev-color-gray-50);
    --vk-comp-menubar-item-text-font-style: var(--oev-font-weight-regular);
  }
  .theme-bgv {
    --vk-comp-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-bgv {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-bgv {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
    --vk-comp-badge-background-color-info: var(--oev-color-primary-default);
  }
  .theme-bgv {
    --vk-comp-chip-color: var(--oev-color-secondary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-secondary-disabled);
  }
  .theme-bgv {
    --vk-comp-progressbar-background-color: #DFE3E6;
    --vk-comp-progressbar-value-background-color: var(--oev-color-secondary-800);
  }
  .theme-bgv {
    --vk-comp-progressspinner-color: var(--oev-color-primary-900);
  }
  .theme-bgv {
    --vk-comp-tag-color-success: var(--oev-color-action-white);
  }
  .theme-bgv {
    --vk-comp-popover-content-background-color: var(--oev-color-background-01);
    --vk-comp-popover-font-color: var(--oev-color-secondary-default);
  }
  .theme-bgv {
    --vk-comp-tooltip-font-color: var(--oev-color-secondary-default);
    --vk-comp-tooltip-content-background-color: var(--oev-color-background-01);
  }
  .theme-bgv {
    --vk-comp-accordion-header-icon-color: var(--oev-color-secondary-default);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-accordion-header-icon-color-active: var(--oev-color-secondary-default);
    --vk-comp-accordion-header-color: var(--oev-color-secondary-default);
    --vk-comp-accordion-header-color-hover: var(--oev-color-secondary-default);
    --vk-comp-accordion-content-background-color: #F9FDFC;
    --vk-comp-accordion-header-background-color: var(--oev-color-action-white);
    --vk-comp-accordion-header-background-color-hover: var(--oev-color-action-white);
  }
  .theme-bgv {
    --vk-comp-fieldset-header-background-color: var(--oev-color-action-white);
    --vk-comp-fieldset-header-background-color-hover: var(--oev-color-background-01);
    --vk-comp-fieldset-header-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-border-color: var(--oev-color-secondary-100);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-closed-font-color-hover: var(--oev-color-primary-default);
  }
  .theme-bgv {
    --vk-comp-panel-header-background-color: var(--oev-color-action-white);
    --vk-comp-panel-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-panel-header-color: var(--oev-color-secondary-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-secondary-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-panel-border-color: var(--oev-color-secondary-100);
  }
  .theme-bgv {
    --vk-comp-tabs-border-color: var(--oev-color-secondary-default);
    --vk-comp-tabs-border-color-hover: var(--oev-color-primary-default);
  }
  .theme-fbb {
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
  }
  .theme-fbb {
    --vk-comp-input-border-radius: 0;
  }
  .theme-fbb {
    --vk-comp-select-forms-menu-background-color-active: var(--oev-color-background-01);
    --vk-comp-select-border-radius: 0;
  }
  .theme-fbb {
    --vk-comp-selectbutton-border-radius: 0;
    --vk-comp-selectbutton-togglebutton-border-radius: 0;
  }
  .theme-fbb {
    --vk-comp-multiselect-border-radius: 0;
  }
  .theme-fbb {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-warning: var(--oev-color-action-white);
  }
  .theme-fbb {
    --vk-comp-chip-background-color: var(--oev-color-background-01);
    --vk-comp-chip-border-radius: 0;
  }
  .theme-fbb {
    --vk-comp-tag-color-success: var(--oev-color-action-white);
  }
  .theme-fbb {
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-icon-color-active: var(--oev-color-primary-default);
  }
  .theme-fbb {
    --vk-comp-panel-header-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-color-active: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-font-body-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-font-body-default);
  }
  .theme-fbb25 {
    --vk-comp-button-background-color-secondary-hover: var(--oev-color-action-white);
    --vk-comp-button-background-color-secondary: var(--oev-color-action-white);
    --vk-comp-button-border-color-secondary-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-border-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-color-secondary-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-text-background-color-secondary-hover: var(--vk-comp-button-color-secondary-hover);
    --vk-comp-button-text-background-color-secondary: var(--vk-comp-button-color-secondary);
  }
  .theme-fbb25 {
    --vk-comp-orderlist-border-color: var(--oev-color-gray-400);
    --vk-comp-orderlist-container-item-background-color-active: var(--oev-color-background-02);
    --vk-comp-orderlist-container-item-background-color-active-focus: var(--oev-color-background-01);
  }
  .theme-fbb25 {
    --vk-comp-table-header-border-color: var(--oev-color-gray-400);
    --vk-comp-table-header-font-color-interactable: var(--oev-color-secondary-default);
    --vk-comp-table-filter-clear-button-border-color-default: var(--oev-color-secondary-default);
    --vk-comp-table-filter-clear-button-border-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-table-filter-clear-button-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-table-filter-clear-button-outline-hover: none;
  }
  .theme-fbb25 {
    --vk-comp-autocomplete-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
  }
  .theme-fbb25 {
    --vk-comp-datepicker-box-shadow-error-hover: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
  }
  .theme-fbb25 {
    --vk-comp-input-border-width-error: calc(var(--oev-comp-forms-input-text-border-width-error) / 2);
    --vk-comp-input-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error);
    --vk-comp-input-box-shadow-error-hover: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error);
    --vk-comp-input-box-shadow-error-hover-focus: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error);
  }
  .theme-fbb25 {
    --vk-comp-multiselect-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
  }
  .theme-fbb25 {
    --vk-comp-select-box-shadow-error-hover: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
    --vk-comp-select-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
    --vk-comp-select-menu-items-font-color-hover: var(--oev-color-primary-hover);
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-body);
  }
  .theme-fbb25 {
    --vk-comp-selectbutton-background-color-active-hover: var(--oev-color-secondary-active);
    --vk-comp-selectbutton-background-color-active: var(--oev-color-secondary-active);
    --vk-comp-selectbutton-background-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-selectbutton-background-color: var(--oev-color-action-white);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-secondary-active);
    --vk-comp-selectbutton-border-color: var(--oev-color-secondary-800);
    --vk-comp-selectbutton-content-background-active: var(--oev-color-secondary-active);
    --vk-comp-selectbutton-text-color-hover: var(--oev-color-action-white);
    --vk-comp-selectbutton-text-color: var(--oev-color-secondary-default);
  }
  .theme-fbb25 {
    --vk-comp-textarea-box-shadow-error-hover: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
    --vk-comp-textarea-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
  }
  .theme-fbb25 {
    --vk-comp-toggleswitch-background-color-checked-hover: var(--oev-color-secondary-hover);
    --vk-comp-toggleswitch-background-color-checked: var(--oev-color-secondary-default);
    --vk-comp-toggleswitch-background-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-toggleswitch-handle-icon-checked-color: var(--oev-color-action-success);
    --vk-comp-toggleswitch-handle-icon-checked-disabled-color: var(--oev-color-gray-400);
    --vk-comp-toggleswitch-handle-icon-color: var(--oev-color-secondary-default);
    --vk-comp-toggleswitch-background-color-checked-error: var(--oev-color-action-error);
  }
  .theme-fbb25 {
    --vk-comp-menubar-item-text-color: var(--oev-color-secondary-default);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-background-01);
    --vk-comp-menubar-item-icon-color-active: var(--oev-color-primary-active);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-primary-active);
  }
  .theme-fbb25 {
    --vk-comp-message-background-color-primary: var(--oev-color-action-white);
    --vk-comp-message-background-color-secondary: var(--oev-color-action-white);
    --vk-comp-message-icon-color-info: var(--primeng-color-info-default);
    --vk-comp-message-icon-color-primary: var(--oev-color-secondary-default);
    --vk-comp-message-icon-color-secondary: var(--oev-color-secondary-600);
    --vk-comp-message-text-color-error: var(--primeng-color-danger-default);
    --vk-comp-message-text-color-info: var(--oev-color-secondary-default);
    --vk-comp-message-text-color-primary: var(--oev-color-secondary-default);
    --vk-comp-message-text-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-message-text-color-success: var(--primeng-color-success-default);
    --vk-comp-message-text-color-warning: var(--oev-color-secondary-default);
  }
  .theme-fbb25 {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-action-white);
    --vk-comp-toast-message-background-color-secondary: var(--oev-color-action-white);
    --vk-comp-toast-message-font-color-error: var(--primeng-color-danger-default);
    --vk-comp-toast-message-font-color-info: var(--oev-color-secondary-default);
    --vk-comp-toast-message-font-color-primary: var(--oev-color-secondary-default);
    --vk-comp-toast-message-font-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-toast-message-font-color-success: var(--primeng-color-success-default);
    --vk-comp-toast-message-font-color-warning: var(--oev-color-secondary-default);
    --vk-comp-toast-message-icon-color-primary: var(--oev-color-secondary-default);
    --vk-comp-toast-message-icon-color-secondary: var(--oev-color-secondary-600);
  }
  .theme-fbb25 {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
  }
  .theme-fbb25 {
    --vk-comp-chip-color: var(--oev-color-secondary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-gray-400);
  }
  .theme-fbb25 {
    --vk-comp-tag-color-success: var(--oev-color-action-white);
  }
  .theme-fbb25 {
    --vk-comp-popover-content-background-color: var(--oev-color-background-01);
  }
  .theme-fbb25 {
    --vk-comp-tooltip-content-background-color: var(--oev-color-background-01);
  }
  .theme-fbb25 {
    --vk-comp-card-hoverable-title-color-hover: var(--oev-color-primary-hover);
  }
  .theme-fbb25 {
    --vk-comp-fieldset-border-color: var(--oev-color-gray-400);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-background-01);
    --vk-comp-fieldset-header-background-color-hover: var(--oev-color-background-01);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-icon-color-active: var(--oev-color-primary-active);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-color-active: var(--oev-color-primary-active);
    --vk-comp-fieldset-header-closed-font-color-hover: var(--oev-color-primary-hover);
  }
  .theme-fbb25 {
    --vk-comp-panel-border-color: var(--oev-color-gray-400);
    --vk-comp-panel-header-background-color-active: var(--oev-color-background-01);
    --vk-comp-panel-header-color-active: var(--oev-color-primary-active);
    --vk-comp-panel-header-color-hover: var(--oev-color-primary-hover);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-hover);
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
  }
  .theme-fbb25 {
    --vk-comp-stepper-separator-background: var(--oev-color-gray-300);
    --vk-comp-stepper-separator-background-active: var(--oev-color-secondary-600);
    --vk-comp-stepper-step-number-border-color: var(--oev-color-gray-300);
    --vk-comp-stepper-step-number-active-border-color: var(--oev-color-secondary-600);
    --vk-comp-stepper-step-number-color: var(--oev-color-secondary-600);
    --vk-comp-stepper-step-number-active-color: var(--oev-color-secondary-600);
  }
  .theme-fbb25 {
    --vk-comp-tabs-font-color-hover: var(--oev-color-primary-hover);
    --vk-comp-tabs-font-color-active: var(--oev-color-secondary-default);
    --vk-comp-tabs-border-color-active: var(--oev-color-primary-active);
    --vk-comp-tabs-border-color-hover: var(--oev-color-primary-hover);
    --vk-comp-tabs-tabmenu-icon-color: var(--oev-color-primary-default);
    --vk-comp-tabs-tabmenu-icon-color-active: var(--oev-color-primary-active);
    --vk-comp-tabs-tabmenu-icon-color-hover: var(--oev-color-primary-hover);
  }
  .theme-geno {
    --vk-comp-button-border-radius: 50rem;
    --vk-comp-button-color-primary: var(--oev-color-action-white);
    --vk-comp-button-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-color-primary-active: var(--oev-color-action-white);
    --vk-comp-button-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-color-secondary-hover: var(--oev-color-primary-default);
    --vk-comp-button-color-secondary-active: var(--oev-color-primary-default);
    --vk-comp-button-background-color-secondary: var(--oev-color-action-white);
    --vk-comp-button-background-color-secondary-hover: var(--oev-color-background-06);
    --vk-comp-button-background-color-secondary-active: var(--oev-color-primary-50);
    --vk-comp-button-border-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-border-color-secondary-hover: var(--oev-color-primary-default);
    --vk-comp-button-border-color-secondary-active: var(--oev-color-primary-default);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
    --vk-comp-button-outlined-color-primary: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-color-primary-hover: var(--vk-comp-button-color-secondary-hover);
    --vk-comp-button-outlined-color-primary-active: var(--vk-comp-button-color-secondary-active);
    --vk-comp-button-outlined-color-primary-focus: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-color-primary-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-background-color-primary: var(--oev-comp-button-secondary-contained-background-color-default);
    --vk-comp-button-outlined-background-color-primary-active: var(--oev-comp-button-secondary-contained-background-color-active);
    --vk-comp-button-outlined-background-color-primary-disabled: var(--oev-color-action-white);
    --vk-comp-button-outlined-background-color-primary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-outlined-background-color-primary-focus: var(--oev-comp-button-secondary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-primary: var(--vk-comp-button-border-color-secondary);
    --vk-comp-button-outlined-border-color-primary-hover: var(--vk-comp-button-border-color-secondary-hover);
    --vk-comp-button-outlined-border-color-primary-focus: var(--oev-comp-button-secondary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-primary-active: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-secondary: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-color-secondary-hover: var(--vk-comp-button-color-secondary-hover);
    --vk-comp-button-outlined-color-secondary-active: var(--vk-comp-button-color-secondary-active);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-secondary-focus: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-background-color-secondary: var(--oev-comp-button-secondary-contained-background-color-default);
    --vk-comp-button-outlined-background-color-secondary-active: var(--oev-comp-button-secondary-contained-background-color-active);
    --vk-comp-button-outlined-background-color-secondary-disabled: var(--oev-color-action-white);
    --vk-comp-button-outlined-background-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-outlined-background-color-secondary-focus: var(--oev-comp-button-secondary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-secondary: var(--vk-comp-button-border-color-secondary);
    --vk-comp-button-outlined-border-color-secondary-hover: var(--vk-comp-button-border-color-secondary-hover);
    --vk-comp-button-outlined-border-color-secondary-focus: var(--oev-comp-button-secondary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-secondary-active: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-border-color-success-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-success-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-border-color-info-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-info-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-border-color-help-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-help-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-border-color-warning-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-warning-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-border-color-danger-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-danger-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-text-color-primary: #0066b3;
    --vk-comp-button-text-color-primary-hover: #025ba0;
    --vk-comp-button-text-background-color-primary: #0066b3;
    --vk-comp-button-text-background-color-primary-hover: #025ba0;
    --vk-comp-button-text-color-secondary: #0000009e;
    --vk-comp-button-text-color-secondary-hover: #000000db;
    --vk-comp-button-text-color-secondary-active: #000000db;
    --vk-comp-button-text-color-secondary-focus: #000000db;
    --vk-comp-button-text-background-color-secondary: #0000009e;
    --vk-comp-button-text-background-color-secondary-hover: #000000db;
    --vk-comp-button-link-color-secondary: var(--oev-color-gray-600);
    --vk-comp-button-link-color-secondary-hover: var(--oev-color-gray-800);
  }
  .theme-geno {
    --vk-comp-orderlist-border-color: var(--oev-color-gray-200);
    --vk-comp-orderlist-container-item-background-color-active: var(--oev-color-primary-50);
    --vk-comp-orderlist-container-item-background-color-focus: var(--oev-color-background-06);
    --vk-comp-orderlist-container-item-background-color-active-focus: var(--oev-color-primary-50);
    --vk-comp-orderlist-controls-button-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-orderlist-controls-button-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-orderlist-controls-button-color-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-orderlist-controls-button-color-disabled: var(--vk-comp-button-background-color-primary-disabled);
  }
  .theme-geno {
    --vk-comp-table-header-border-color: var(--oev-color-gray-200);
    --vk-comp-table-header-caption-background-color: var(--oev-color-background-01);
    --vk-comp-table-header-background-color: var(--oev-color-background-02);
    --vk-comp-table-header-font-style: var(--oev-font-style-link);
    --vk-comp-table-header-font-size: var(--oev-font-size-body);
  }
  .theme-geno {
    --vk-comp-datepicker-dropdown-border-radius: var(--vk-comp-input-border-radius);
  }
  .theme-geno {
    --vk-comp-input-border-color: var(--oev-color-gray-default);
    --vk-comp-input-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-input-border-color-focus: var(--oev-color-primary-default);
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-background-color-hover: var(--oev-color-background-06);
  }
  .theme-geno {
    --vk-comp-carousel-indicator-color-active: var(--oev-color-primary-active);
    --vk-comp-carousel-indicator-color-hover: var(--oev-color-primary-hover);
    --vk-comp-carousel-prev-next-icon-color: var(--oev-color-primary-default);
    --vk-comp-carousel-prev-next-icon-color-hover: var(--oev-color-primary-hover);
  }
  .theme-geno {
    --vk-comp-breadcrumb-item-font-style: var(--oev-font-style-body);
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-color-gray-600);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-color-primary-default);
  }
  .theme-geno {
    --vk-comp-menubar-item-text-color: var(--oev-color-gray-600);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-gray-default);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-primary-default);
  }
  .theme-geno {
    --vk-comp-message-font-style-summary: var(--oev-font-style-body);
    --vk-comp-message-icon-color-info: var(--primeng-color-info-default);
    --vk-comp-message-background-color-info: var(--primeng-color-info-light);
    --vk-comp-message-background-color-primary: var(--oev-color-primary-50);
    --vk-comp-message-icon-color-error: var(--primeng-color-danger-default);
    --vk-comp-message-background-color-error: var(--primeng-color-danger-light);
  }
  .theme-geno {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-geno {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-background-color-info: var(--primeng-color-info-default);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
  }
  .theme-geno {
    --vk-comp-progressbar-background-color: var(--oev-color-background-02);
  }
  .theme-geno {
    --vk-comp-tag-color-success: var(--oev-color-action-white);
    --vk-comp-tag-color-info: var(--oev-color-action-white);
  }
  .theme-geno {
    --vk-comp-popover-content-background-color: var(--oev-color-background-02);
    --vk-comp-popover-font-color: var(--oev-color-gray-default);
  }
  .theme-geno {
    --vk-comp-tooltip-content-background-color: var(--oev-color-background-02);
    --vk-comp-tooltip-font-color: var(--oev-color-gray-default);
  }
  .theme-geno {
    --vk-comp-accordion-header-background-color: var(--oev-color-action-white);
    --vk-comp-accordion-header-background-color-hover: var(--oev-color-background-06);
    --vk-comp-accordion-content-background-color: var(--oev-color-action-white);
    --vk-comp-accordion-header-icon-color: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-icon-color-active: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-color: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-color-hover: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-color-active: var(--oev-color-font-body-default);
    --vk-comp-accordion-divider-color: var(--oev-color-gray-200);
    --vk-comp-accordion-divider-height: 2px;
    --vk-comp-accordion-top-border: var(--vk-comp-accordion-bottom-border);
  }
  .theme-geno {
    --vk-comp-card-header-background-color: var(--oev-color-background-06);
    --vk-comp-card-header-color: var(--oev-color-font-body-default);
    --vk-comp-card-header-icon-color: var(--oev-color-font-body-default);
  }
  .theme-geno {
    --vk-comp-fieldset-border-color: var(--oev-color-gray-200);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-gray-200);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-background-06);
    --vk-comp-fieldset-header-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-default);
  }
  .theme-geno {
    --vk-comp-panel-header-background-color-active: var(--oev-color-background-06);
    --vk-comp-panel-header-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-primary-default);
    --vk-comp-panel-header-color-active: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-panel-border-color: var(--oev-color-gray-200);
  }
  .theme-geno {
    --vk-comp-stepper-separator-background: var(--oev-color-primary-disabled);
    --vk-comp-stepper-separator-background-active: var(--oev-color-primary-default);
    --vk-comp-stepper-step-title-active-color: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-border-color: var(--oev-color-primary-disabled);
    --vk-comp-stepper-step-number-active-border-color: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-color: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-active-color: var(--oev-color-primary-default);
  }
  .theme-geno {
    --vk-comp-tabs-font-color: #0000009e;
    --vk-comp-tabs-font-color-hover: var(--oev-color-primary-default);
    --vk-comp-tabs-font-color-active: var(--oev-color-primary-default);
    --vk-comp-tabs-tab-background-hover: var(--oev-color-background-06);
  }
  .theme-hfk {
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
  }
  .theme-hfk {
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-focus: none;
    --vk-comp-input-box-shadow-hover-focus: none;
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
  }
  .theme-hfk {
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-body);
  }
  .theme-hfk {
    --vk-comp-selectbutton-text-weight: var(--oev-font-weight-default);
  }
  .theme-hfk {
    --vk-comp-menubar-item-text-font-style: var(--oev-font-style-body);
    --vk-comp-menubar-item-text-color: var(--oev-color-gray-default);
  }
  .theme-hfk {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
    --vk-comp-badge-font-color-warning: var(--oev-color-action-white);
  }
  .theme-hfk {
    --vk-comp-tag-color-info: var(--oev-color-action-white);
  }
  .theme-hfk {
    --vk-comp-popover-content-background-color: var(--oev-color-background-01);
  }
  .theme-hfk {
    --vk-comp-tooltip-content-background-color: var(--oev-color-background-01);
  }
  .theme-hfk {
    --vk-comp-accordion-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-accordion-header-custom-icon-color: var(--oev-color-primary-default);
  }
  .theme-hfk {
    --vk-comp-fieldset-header-font-style-expandable: var(--oev-font-style-body);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-primary-default);
  }
  .theme-hfk {
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-color: var(--oev-color-primary-default);
    --vk-comp-panel-border-color: var(--oev-color-gray-300);
    --vk-comp-panel-header-background-color: var(--oev-color-background-15);
    --vk-comp-panel-header-background-color-active: var(--oev-color-background-15);
  }
  .theme-llb {
    --vk-comp-button-font-style: var(--oev-font-style-body);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
  }
  .theme-llb {
    --vk-comp-orderlist-controls-text-color: var(--oev-color-gray-default);
  }
  .theme-llb {
    --vk-comp-table-paginator-color: var(--oev-color-gray-default);
    --vk-comp-table-paginator-color-highlight: var(--oev-color-gray-default);
  }
  .theme-llb {
    --vk-comp-table-header-font-color: var(--oev-color-gray-default);
    --vk-comp-table-header-font-color-interactable: var(--oev-color-gray-default);
    --vk-comp-table-header-icon-color-interactable: var(--oev-color-gray-default);
    --vk-comp-table-filter-addrule-button-color: var(--oev-color-secondary-default);
    --vk-comp-table-filter-addrule-button-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-table-filter-addrule-button-color-active: var(--oev-color-secondary-active);
    --vk-comp-table-filter-addrule-button-color-focus: var(--oev-color-secondary-focus);
  }
  .theme-llb {
    --vk-comp-fileupload-button-text-color: var(--oev-color-gray-default);
  }
  .theme-llb {
    --vk-comp-datepicker-button-text-color-primary: var(--oev-color-gray-default);
    --vk-comp-datepicker-dropdown-hover-color: var(--oev-color-action-white);
    --vk-comp-datepicker-selected-color: var(--oev-color-gray-default);
  }
  .theme-llb {
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-focus: none;
    --vk-comp-input-box-shadow-hover-focus: none;
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
  }
  .theme-llb {
    --vk-comp-multiselect-dropdown-border-color-focus: transparent;
  }
  .theme-llb {
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-body);
    --vk-comp-select-menu-items-font-color-hover: var(--oev-color-primary-900);
    --vk-comp-select-menu-items-font-color-active: var(--oev-color-primary-900);
  }
  .theme-llb {
    --vk-comp-selectbutton-text-color-active: var(--oev-color-font-body-default);
    --vk-comp-selectbutton-text-color: var(--oev-color-font-body-default);
  }
  .theme-llb {
    --vk-comp-menubar-item-text-font-style: var(--oev-font-style-body);
    --vk-comp-menubar-item-icon-color: var(--oev-color-font-body-default);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-action-white);
    --vk-comp-menubar-item-text-color: var(--oev-color-font-body-default);
  }
  .theme-llb {
    --vk-comp-avatar-text-color: var(--oev-color-font-body-default);
  }
  .theme-llb {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
    --vk-comp-badge-font-color-warning: var(--oev-color-action-white);
  }
  .theme-llb {
    --vk-comp-chip-color: var(--oev-color-primary-900);
    --vk-comp-chip-color-disabled: var(--oev-color-secondary-default);
  }
  .theme-llb {
    --vk-comp-progressbar-background-color: var(--oev-color-gray-100);
    --vk-comp-progressbar-label-color: var(--oev-color-gray-default);
  }
  .theme-llb {
    --vk-comp-tag-color-primary: var(--oev-color-gray-default);
    --vk-comp-tag-color-success: var(--oev-color-action-white);
    --vk-comp-tag-color-info: var(--oev-color-action-white);
    --vk-comp-tag-color-warning: var(--oev-color-action-white);
  }
  .theme-llb {
    --vk-comp-popover-font-color: var(--oev-color-action-white);
  }
  .theme-llb {
    --vk-comp-tooltip-font-color: var(--oev-color-action-white);
  }
  .theme-llb {
    --vk-comp-accordion-header-icon-color: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-color-primary-900);
  }
  .theme-llb {
    --vk-comp-card-header-background-color: var(--oev-color-background-03);
  }
  .theme-llb {
    --vk-comp-fieldset-header-font-style-expandable: var(--oev-font-style-body);
    --vk-comp-fieldset-header-color: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-900);
    --vk-comp-fieldset-header-icon-color-active: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-color-active: var(--oev-color-gray-default);
  }
  .theme-llb {
    --vk-comp-panel-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-panel-header-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-900);
  }
  .theme-llb {
    --vk-comp-tabs-font-color-active: var(--oev-color-font-body-default);
  }
  .theme-oesa {
    --vk-comp-button-font-style: var(--oev-font-style-body);
    --vk-comp-button-border-radius: var(--oev-ref-size-03);
    --vk-comp-button-color-primary: var(--oev-color-action-white);
    --vk-comp-button-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-color-secondary-hover: var(--oev-color-secondary-default);
    --vk-comp-button-background-color-secondary: var(--oev-color-action-white);
    --vk-comp-button-background-color-secondary-hover: var(--oev-color-action-white);
    --vk-comp-button-border-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-border-color-secondary-hover: var(--oev-color-secondary-default);
    --vk-comp-button-outlined-border-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-outlined-border-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-outlined-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-outlined-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-link-color-primary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-link-color-primary-active: var(--oev-color-primary-active);
    --vk-comp-button-link-color-secondary: var(--oev-color-gray-default);
    --vk-comp-button-link-color-secondary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-link-color-secondary-active: var(--oev-color-primary-active);
  }
  .theme-oesa {
    --vk-comp-chip-color: var(--oev-color-primary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-gray-500);
  }
  .theme-oesa {
    --vk-comp-orderlist-border-color: var(--oev-color-gray-300);
    --vk-comp-orderlist-container-item-background-color-active-focus: var(--oev-color-gray-50);
    --vk-comp-orderlist-container-item-background-color-active: var(--oev-color-primary-50);
  }
  .theme-oesa {
    --vk-comp-table-header-caption-background-color: var(--oev-color-gray-50);
    --vk-comp-table-header-border-color: var(--oev-color-gray-300);
    --vk-comp-table-header-background-color: var(--oev-color-action-white);
    --vk-comp-table-row-background-color-hover: var(--oev-color-gray-100);
    --vk-comp-table-row-background-color-highlight: var(--oev-color-primary-50);
  }
  .theme-oesa {
    --vk-comp-table-paginator-background-color-hover: var(--oev-color-primary-100);
    --vk-comp-table-paginator-color-disabled: var(--oev-color-gray-400);
  }
  .theme-oesa {
    --vk-comp-table-header-border-color-focus: transparent;
  }
  .theme-oesa {
    --vk-comp-fileupload-file-background-color: var(--oev-color-primary-50);
  }
  .theme-oesa {
    --vk-comp-autocomplete-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error);
  }
  .theme-oesa {
    --vk-comp-input-border-radius: 0;
    --vk-comp-input-border-color: var(--oev-color-gray-700);
    --vk-comp-input-border-color-focus: var(--oev-color-custom-09);
    --vk-comp-input-border-focus: calc(var(--vk-comp-input-border-width-focus) / 2) solid var(--vk-comp-input-border-color-focus);
    --vk-comp-input-border-hover-focus: calc(var(--vk-comp-input-border-width-focus) / 2) solid var(--vk-comp-input-border-color-focus);
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-focus: inset 0 0 0 calc(var(--vk-comp-input-border-width-focus) / 2) var(--vk-comp-input-border-color-focus);
    --vk-comp-input-box-shadow-hover-focus: inset 0 0 0 calc(var(--vk-comp-input-border-width-focus) / 2) var(--vk-comp-input-border-color-focus);
    --vk-comp-input-border-color-error: var(--primeng-color-danger-default);
    --vk-comp-input-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error);
    --vk-comp-input-box-shadow-error-hover: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error);
    --vk-comp-input-box-shadow-error-hover-focus: inset 0 0 0 calc(var(--vk-comp-input-border-width-hover) / 2) var(--vk-comp-input-border-color-error-hover);
    --vk-comp-input-error-text-color: var(--primeng-color-danger-default);
    --vk-comp-input-color-disabled: var(--oev-color-gray-400);
    --vk-comp-input-border-color-disabled: var(--oev-color-gray-400);
  }
  .theme-oesa {
    --vk-comp-multiselect-border-radius: 0;
    --vk-comp-multiselect-border-color: var(--oev-color-gray-700);
    --vk-comp-multiselect-border-color-focus: var(--oev-color-custom-09);
    --vk-comp-multiselect-border-color-hover: var(--oev-color-gray-700);
    --vk-comp-multiselect-error-color: var(--primeng-color-danger-default);
    --vk-comp-multiselect-box-shadow-hover: none;
    --vk-comp-multiselect-menu-items-background-color-hover: var(--oev-color-gray-100);
    --vk-comp-multiselect-dropdown-selected-background-color: var(--oev-color-gray-200);
    --vk-comp-multiselect-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-multiselect-error-color);
  }
  .theme-oesa {
    --vk-comp-select-border-radius: 0;
    --vk-comp-select-border-color: var(--oev-color-gray-700);
    --vk-comp-select-border-color-focus: var(--oev-color-custom-09);
    --vk-comp-multiselect-border-width-focus: var(--oev-ref-size-02);
    --vk-comp-select-forms-menu-background-color-active-focus: var(--oev-color-gray-200);
    --vk-comp-select-forms-menu-background-color-active: var(--oev-color-gray-100);
    --vk-comp-select-border-color-error: var(--primeng-color-danger-default);
    --vk-comp-select-icon-color-error: var(--primeng-color-danger-default);
    --vk-comp-select-box-shadow-hover: none;
    --vk-comp-select-box-shadow-error-color: var(--primeng-color-danger-default);
    --vk-comp-select-box-shadow-error: 0 0 0 var(--oev-comp-forms-dropdown-border-width-error) var(--vk-comp-select-box-shadow-error-color);
  }
  .theme-oesa {
    --vk-comp-selectbutton-border-color: var(--oev-color-gray-300);
    --vk-comp-selectbutton-background-color: var(--oev-color-action-white);
    --vk-comp-selectbutton-text-color-hover: var(--oev-color-primary-default);
    --vk-comp-selectbutton-background-color-hover: var(--oev-color-primary-50);
  }
  .theme-oesa {
    --vk-comp-checkbox-color-checked: var(--oev-color-primary-default);
    --vk-comp-checkbox-color-checked-disabled: var(--oev-color-gray-200);
  }
  .theme-oesa {
    --vk-comp-radiobutton-icon-background-color: var(--oev-color-primary-default);
    --vk-comp-radiobutton-icon-background-color-disabled: var(--oev-color-gray-200);
  }
  .theme-oesa {
    --vk-comp-datepicker-day-background-color-highlight: var(--oev-color-primary-default);
    --vk-comp-datepicker-day-background-color-hover: var(--oev-color-gray-100);
    --vk-comp-datepicker-day-background-color-today: var(--oev-color-action-white);
    --vk-comp-datepicker-date-border-radius: 2rem;
    --vk-comp-datepicker-date-hover-color: var(--oev-color-gray-default);
    --vk-comp-datepicker-today-border-color: var(--oev-color-custom-09);
    --vk-comp-datepicker-today-box-shadow-color: var(--oev-color-action-white);
    --vk-comp-datepicker-today-border-radius: 2rem;
    --vk-comp-datepicker-today-box-shadow: 0 0 0 var(--oev-ref-size-01) var(--vk-comp-datepicker-today-box-shadow-color), 0 0 0 var(--oev-ref-size-03) var(--vk-comp-datepicker-today-border-color);
    --vk-comp-datepicker-box-shadow-error-hover: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
  }
  .theme-oesa {
    --vk-comp-toggleswitch-background-color-checked-error: var(--oev-color-action-error);
    --vk-comp-toggleswitch-background-color-hover: var(--oev-color-primary-hover);
  }
  .theme-oesa {
    --vk-comp-textarea-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
    --vk-comp-textarea-box-shadow-hover: none;
  }
  .theme-oesa {
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-gray-950);
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-gray-950);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-color-gray-700);
    --vk-comp-breadcrumb-item-text-color-active-hover: var(--oev-color-gray-700);
  }
  .theme-oesa {
    --vk-comp-menubar-item-text-color-active: var(--oev-color-primary-default);
    --vk-comp-menubar-border-radius: 0;
    --vk-comp-menubar-item-background-color-hover: var(--oev-color-background-04);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-background-04);
  }
  .theme-oesa {
    --vk-comp-message-background-color-primary: var(--oev-color-primary-50);
    --vk-comp-message-background-color-error: var(--primeng-color-danger-light);
    --vk-comp-message-background-color-info: var(--primeng-color-help-light);
    --vk-comp-message-background-color-success: var(--primeng-color-success-light);
    --vk-comp-message-background-color-warning: var(--primeng-color-warning-light);
    --vk-comp-message-border-radius: 0;
  }
  .theme-oesa {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-50);
    --vk-comp-toast-message-background-color-error: var(--primeng-color-danger-light);
    --vk-comp-toast-message-background-color-info: var(--primeng-color-help-light);
    --vk-comp-toast-message-background-color-success: var(--primeng-color-success-light);
    --vk-comp-toast-message-background-color-warning: var(--primeng-color-warning-light);
    --vk-comp-toast-message-border-radius: 0;
  }
  .theme-oesa {
    --vk-comp-badge-background-color-success: var(--primeng-color-success-default);
    --vk-comp-badge-background-color-info: var(--primeng-color-info-default);
    --vk-comp-badge-background-color-warning: var(--primeng-color-warning-default);
    --vk-comp-badge-background-color-danger: var(--primeng-color-danger-default);
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
  }
  .theme-oesa {
    --vk-comp-progressspinner-fill: var(--oev-color-gray-100);
  }
  .theme-oesa {
    --vk-comp-progressbar-background-color: var(--oev-color-gray-100);
  }
  .theme-oesa {
    --vk-comp-tag-border-radius: 0;
    --vk-comp-tag-background-color-success: var(--primeng-color-success-default);
    --vk-comp-tag-background-color-info: var(--primeng-color-info-default);
    --vk-comp-tag-background-color-warning: var(--primeng-color-warning-default);
    --vk-comp-tag-background-color-danger: var(--primeng-color-danger-default);
    --vk-comp-tag-color-success: var(--oev-color-action-white);
    --vk-comp-tag-color-info: var(--oev-color-action-white);
  }
  .theme-oesa {
    --vk-comp-tooltip-border-radius: 0;
    --vk-comp-tooltip-content-background-color: var(--oev-color-gray-100);
  }
  .theme-oesa {
    --vk-comp-popover-content-border-radius: 0;
    --vk-comp-popover-content-background-color: var(--oev-color-gray-100);
  }
  .theme-oesa {
    --vk-comp-accordion-header-background-color-hover: var(--oev-color-gray-100);
    --vk-comp-accordion-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-color-gray-default);
    --vk-comp-accordion-header-color-hover: var(--oev-color-gray-default);
    --vk-comp-accordion-header-color: var(--oev-color-gray-default);
    --vk-comp-accordion-header-background-color: var(--oev-color-action-white);
    --vk-comp-accordion-divider-color: var(--oev-color-gray-300);
    --vk-comp-accordion-content-background-color: var(--oev-color-gray-100);
  }
  .theme-oesa {
    --vk-comp-card-border-radius: 0;
    --vk-comp-card-shadow: none;
    --vk-comp-card-header-background-color: var(--oev-color-gray-100);
    --vk-comp-card-header-color: var(--oev-color-gray-default);
    --vk-comp-card-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-card-background-color: var(--oev-color-gray-50);
  }
  .theme-oesa {
    --vk-comp-divider-color: var(--oev-color-gray-300);
  }
  .theme-oesa {
    --vk-comp-fieldset-border-radius: 0;
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-gray-300);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-gray-300);
    --vk-comp-fieldset-header-background-color-hover: var(--oev-color-gray-100);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-color-active: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-closed-font-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-color: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-icon-color-active: var(--oev-color-primary-default);
  }
  .theme-oesa {
    --vk-comp-panel-header-background-color-hover: var(--oev-color-gray-100);
    --vk-comp-panel-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-gray-default);
    --vk-comp-panel-header-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-gray-default);
    --vk-comp-panel-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-panel-header-background-color-active-hover: var(--oev-color-gray-100);
    --vk-comp-panel-border-color: var(--oev-color-gray-300);
    --vk-comp-panel-border-radius: 0;
  }
  .theme-oesa {
    --vk-comp-stepper-step-number-active-border-color: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-color: var(--oev-color-primary-default);
    --vk-comp-stepper-separator-background: var(--oev-color-gray-300);
    --vk-comp-stepper-step-number-border-color: var(--oev-color-gray-300);
    --vk-comp-stepper-separator-background-active: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-active-color: var(--oev-color-primary-default);
  }
  .theme-oesa {
    --vk-comp-tabs-tab-arrow-width: 0px;
    --vk-comp-tabs-tab-border-bottom-width: var(--oev-ref-size-03);
    --vk-comp-tabs-border-color-hover: var(--oev-color-primary-hover);
    --vk-comp-tabs-font-color-hover: var(--oev-color-primary-hover);
    --vk-comp-tabs-border-color: var(--oev-color-gray-300);
    --vk-comp-tabs-tablist-border-bottom-width: var(--oev-ref-size-01);
    --vk-comp-tabs-border-bottom-width-active: var(--oev-ref-size-03);
  }
  .theme-oevbs {
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
    --vk-comp-button-outlined-outline-width: 0;
    --vk-comp-button-outlined-color-success-disabled: var(--vk-comp-button-outlined-color-primary-disabled);
    --vk-comp-button-outlined-color-warning-disabled: var(--vk-comp-button-outlined-color-primary-disabled);
    --vk-comp-button-outlined-color-info-disabled: var(--vk-comp-button-outlined-color-primary-disabled);
    --vk-comp-button-outlined-color-help-disabled: var(--vk-comp-button-outlined-color-primary-disabled);
    --vk-comp-button-outlined-color-danger-disabled: var(--vk-comp-button-outlined-color-primary-disabled);
    --vk-comp-button-outlined-border-color-success-disabled: var(--vk-comp-button-outlined-border-color-primary-disabled);
    --vk-comp-button-outlined-border-color-warning-disabled: var(--vk-comp-button-outlined-border-color-primary-disabled);
    --vk-comp-button-outlined-border-color-info-disabled: var(--vk-comp-button-outlined-border-color-primary-disabled);
    --vk-comp-button-outlined-border-color-help-disabled: var(--vk-comp-button-outlined-border-color-primary-disabled);
    --vk-comp-button-outlined-border-color-danger-disabled: var(--vk-comp-button-outlined-border-color-primary-disabled);
    --vk-comp-button-outlined-background-color-success-disabled: var(--vk-comp-button-outlined-background-color-primary-disabled);
    --vk-comp-button-outlined-background-color-warning-disabled: var(--vk-comp-button-outlined-background-color-primary-disabled);
    --vk-comp-button-outlined-background-color-info-disabled: var(--vk-comp-button-outlined-background-color-primary-disabled);
    --vk-comp-button-outlined-background-color-help-disabled: var(--vk-comp-button-outlined-background-color-primary-disabled);
    --vk-comp-button-outlined-background-color-danger-disabled: var(--vk-comp-button-outlined-background-color-primary-disabled);
    --vk-comp-button-text-background-color-secondary: var(--vk-comp-button-text-color-secondary);
  }
  .theme-oevbs {
    --vk-comp-orderlist-container-item-background-color-focus: var(--oev-color-primary-50);
    --vk-comp-orderlist-container-item-background-color-active-focus: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-table-paginator-color-highlight: var(--oev-color-action-white);
    --vk-comp-table-paginator-background-color-hover: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-table-header-border-color: var(--oev-color-primary-100);
    --vk-comp-table-header-background-color: var(--oev-color-gray-50);
    --vk-comp-table-row-background-color-highlight: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-treetable-icon-background-color-default: var(--oev-color-primary-500);
  }
  .theme-oevbs {
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
  }
  .theme-oevbs {
    --vk-comp-multiselect-box-shadow-hover: none;
    --vk-comp-multiselect-box-shadow-error-hover: none;
    --vk-comp-multiselect-box-shadow-error: none;
  }
  .theme-oevbs {
    --vk-comp-select-box-shadow-hover: none;
    --vk-comp-select-box-shadow-error-hover: none;
    --vk-comp-select-box-shadow-focus: none;
    --vk-comp-select-box-shadow-hover-focus: none;
    --vk-comp-select-box-shadow-error: none;
  }
  .theme-oevbs {
    --vk-comp-selectbutton-text-color: var(--oev-color-gray-default);
    --vk-comp-selectbutton-text-color-hover: var(--oev-color-primary-default);
    --vk-comp-selectbutton-text-color-active: var(--oev-color-action-white);
    --vk-comp-selectbutton-text-color-active-hover: var(--oev-color-primary-default);
    --vk-comp-selectbutton-background-color: var(--oev-color-action-white);
    --vk-comp-selectbutton-background-color-disabled: var(--oev-color-gray-50);
    --vk-comp-selectbutton-border-color: var(--oev-color-primary-default);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-primary-default);
    --vk-comp-selectbutton-background-color-active: var(--oev-color-primary-default);
    --vk-comp-selectbutton-background-color-hover: var(--oev-color-primary-500);
    --vk-comp-selectbutton-background-color-active-hover: var(--oev-color-primary-500);
  }
  .theme-oevbs {
    --vk-comp-menubar-item-text-color: var(--oev-color-font-body);
    --vk-comp-menubar-item-icon-color: var(--oev-color-font-body);
    --vk-comp-menubar-item-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-primary-default);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-primary-default);
    --vk-comp-menubar-item-background-color-hover: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-badge-background-color-info: var(--primeng-color-info-500);
    --vk-comp-badge-background-color-danger: var(--primeng-color-danger-500);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
  }
  .theme-oevbs {
    --vk-comp-chip-background-color: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-tag-color-info: var(--oev-color-action-white);
  }
  .theme-oevbs {
    --vk-comp-tooltip-content-background-color: var(--oev-color-primary-50);
    --vk-comp-tooltip-font-color: var(--oev-font-color-body);
  }
  .theme-oevbs {
    --vk-comp-popover-content-background-color: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-fieldset-border-color: var(--oev-color-gray-400);
    --vk-comp-fieldset-header-color: var(--oev-color-font-body-default);
    --vk-comp-fieldset-header-color-active: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-background-color-hover: var(--oev-color-primary-50);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-gray-400);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-gray-400);
    --vk-comp-fieldset-header-icon-color-active: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-closed-font-color-hover: var(--oev-color-primary-hover);
  }
  .theme-oevbs {
    --vk-comp-panel-header-color: var(--oev-color-font-body-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-font-body-default);
    --vk-comp-panel-header-color-active: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-font-body-default);
    --vk-comp-panel-border-color: var(--oev-color-gray-400);
    --vk-comp-panel-header-background-color: var(--oev-color-action-white);
    --vk-comp-panel-header-background-color-hover: var(--oev-color-primary-50);
    --vk-comp-panel-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-panel-header-background-color-active-hover: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-stepper-step-number-color: var(--oev-color-gray-default);
    --vk-comp-stepper-step-number-active-border-color: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-active-color: var(--oev-color-primary-default);
    --vk-comp-stepper-separator-background: var(--oev-color-gray-default);
    --vk-comp-stepper-separator-background-active: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-border-color: var(--oev-color-gray-default);
  }
  .theme-pr {
    --vk-comp-button-font-style: var(--oev-font-style-body);
    --vk-comp-button-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
    --vk-comp-button-color-primary-disabled: var(--oev-color-action-white);
    --vk-comp-button-background-color-primary-disabled: var(--oev-color-primary-disabled);
    --vk-comp-button-background-color-primary-focus: var(--oev-color-primary-focus);
    --vk-comp-button-color-secondary-disabled: var(--oev-color-action-white);
    --vk-comp-button-background-color-secondary-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-button-outlined-background-color-primary-focus: var(--oev-color-primary-focus);
    --vk-comp-button-outlined-background-color-primary-disabled: var(--oev-color-action-white);
    --vk-comp-button-outlined-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-outlined-color-primary-disabled: var(--oev-color-primary-disabled);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--oev-color-primary-disabled);
    --vk-comp-button-outlined-background-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-outlined-background-color-secondary-disabled: var(--oev-color-action-white);
    --vk-comp-button-outlined-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-button-link-color-primary-focus: var(--oev-color-primary-focus);
    --vk-comp-button-link-color-secondary-focus: var(--oev-color-secondary-focus);
  }
  .theme-pr {
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-focus: none;
    --vk-comp-input-box-shadow-hover-focus: none;
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
  }
  .theme-pr {
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-body);
  }
  .theme-pr {
    --vk-comp-selectbutton-text-weight: var(--oev-font-weight-default);
    --vk-comp-selectbutton-background-color-active-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-selectbutton-border-color-disabled: var(--oev-color-secondary-disabled);
  }
  .theme-pr {
    --vk-comp-menubar-item-text-font-style: var(--oev-font-style-body);
  }
  .theme-pr {
    --vk-comp-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-pr {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-pr {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
    --vk-comp-badge-font-color-warning: var(--oev-color-action-white);
  }
  .theme-pr {
    --vk-comp-tag-color-info: var(--oev-color-action-white);
  }
  .theme-pr {
    --vk-comp-popover-font-color: var(--oev-color-action-white);
  }
  .theme-pr {
    --vk-comp-tooltip-font-color: var(--oev-color-action-white);
  }
  .theme-pr {
    --vk-comp-fieldset-header-font-style-expandable: var(--oev-font-style-body);
  }
  .theme-pr {
    --vk-comp-panel-header-font-style: var(--oev-font-style-body);
    --vk-comp-panel-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-panel-header-color: var(--oev-color-font-body-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-font-body-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-900);
  }
  .theme-prn {
    --vk-comp-button-font-style: var(--oev-font-style-body);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
  }
  .theme-prn {
    --vk-comp-table-row-background-color-hover: var(--oev-color-gray-50);
  }
  .theme-prn {
    --vk-comp-select-box-shadow-hover: 0 0 0 0 var(--vk-comp-select-border-color-hover);
    --vk-comp-select-menu-items-font-style-hover: var(--oev-font-style-link);
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-body);
  }
  .theme-prn {
    --vk-comp-selectbutton-text-weight: var(--oev-font-weight-default);
    --vk-comp-selectbutton-border-width: 1px;
  }
  .theme-prn {
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-border-hover: var(--vk-comp-input-border-width) solid var(--vk-comp-input-border-color-hover);
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-focus: none;
    --vk-comp-input-box-shadow-hover-focus: none;
  }
  .theme-prn {
    --vk-comp-multiselect-box-shadow-error-hover: none;
    --vk-comp-multiselect-box-shadow-error: none;
    --vk-comp-multiselect-box-shadow-hover: none;
  }
  .theme-prn {
    --vk-comp-textarea-box-shadow-error-hover: none;
    --vk-comp-textarea-box-shadow-hover: none;
    --vk-comp-textarea-box-shadow-focus: none;
    --vk-comp-textarea-box-shadow-hover-focus: none;
  }
  .theme-prn {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
    --vk-comp-badge-font-color-warning: var(--oev-color-action-white);
  }
  .theme-prn {
    --vk-comp-tag-color-info: var(--oev-color-action-white);
    --vk-comp-tag-color-success: var(--oev-color-action-white);
  }
  .theme-prn {
    --vk-comp-menubar-item-background-color-hover: var(--oev-color-gray-100);
  }
  .theme-prn {
    --vk-comp-message-background-color-primary: var(--oev-color-action-white);
  }
  .theme-prn {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-action-white);
  }
  .theme-prn {
    --vk-comp-popover-content-background-color: var(--oev-color-action-white);
    --vk-comp-popover-border-color: var(--oev-color-gray-300);
  }
  .theme-prn {
    --vk-comp-panel-header-color: var(--oev-color-primary-800);
    --vk-comp-panel-header-background-color-hover: var(--oev-color-gray-50);
    --vk-comp-panel-header-color-hover: var(--oev-color-primary-900);
    --vk-comp-panel-header-background-color-active: var(--oev-color-secondary-50);
    --vk-comp-panel-header-color-active: var(--oev-color-primary-800);
    --vk-comp-panel-header-background-color-active-hover: var(--oev-color-gray-50);
  }
  .theme-prn {
    --vk-comp-stepper-step-number-active-color: var(--oev-color-gray-default);
    --vk-comp-stepper-separator-background-active: var(--oev-color-gray-default);
    --vk-comp-stepper-step-number-active-border-color: var(--oev-color-gray-default);
  }
  .theme-prn {
    --vk-comp-tabs-font-color-active: var(--oev-color-font-body-default);
    --vk-comp-tabs-font-color-hover: var(--oev-color-primary-hover);
  }
  .theme-sav {
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
  }
  .theme-sav {
    --vk-comp-input-border-radius: 0;
  }
  .theme-sav {
    --vk-comp-select-forms-menu-background-color-active: var(--oev-color-background-01);
    --vk-comp-select-border-radius: 0;
  }
  .theme-sav {
    --vk-comp-multiselect-border-radius: 0;
  }
  .theme-sav {
    --vk-comp-selectbutton-border-radius: 0;
    --vk-comp-selectbutton-togglebutton-border-radius: 0;
  }
  .theme-sav {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
  }
  .theme-sav {
    --vk-comp-chip-background-color: var(--oev-color-background-01);
    --vk-comp-chip-border-radius: 0;
  }
  .theme-sav {
    --vk-comp-tag-color-success: var(--oev-color-action-white);
  }
  .theme-sav {
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-icon-color-active: var(--oev-color-primary-default);
  }
  .theme-sav {
    --vk-comp-panel-header-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-gray-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-hover);
  }
  .theme-sav25 {
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-background-color-secondary-hover: var(--oev-color-action-white);
    --vk-comp-button-background-color-secondary: var(--oev-color-action-white);
    --vk-comp-button-border-color-secondary-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-border-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-color-secondary-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-text-background-color-secondary-hover: var(--vk-comp-button-color-secondary-hover);
    --vk-comp-button-text-background-color-secondary: var(--vk-comp-button-color-secondary);
  }
  .theme-sav25 {
    --vk-comp-orderlist-controls-text-color-active: var(--oev-comp-button-primary-contained-color-label-disabled);
  }
  .theme-sav25 {
    --vk-comp-table-filter-clear-button-color: var(--oev-comp-button-secondary-outlined-color-label-default);
    --vk-comp-table-filter-clear-button-color-hover: var(--oev-comp-button-secondary-outlined-color-label-hover);
    --vk-comp-table-filter-clear-button-color-active: var(--oev-comp-button-secondary-outlined-color-label-active);
    --vk-comp-table-filter-clear-button-color-focus: var(--oev-comp-button-secondary-outlined-color-label-focus);
    --vk-comp-table-filter-clear-button-border-color-default: var(--oev-comp-button-secondary-outlined-color-border-default);
    --vk-comp-table-filter-clear-button-border-color-hover: var(--oev-comp-button-secondary-outlined-color-border-hover);
    --vk-comp-table-filter-clear-button-border-color-active: var(--oev-comp-button-secondary-outlined-color-border-active);
    --vk-comp-table-filter-clear-button-border-color-focus: var(--oev-comp-button-secondary-outlined-color-border-focus);
    --vk-comp-table-filter-clear-button-outline-hover: none;
  }
  .theme-sav25 {
    --vk-comp-treetable-icon-background-color-default: var(--oev-color-primary-default);
  }
  .theme-sav25 {
    --vk-comp-autocomplete-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
  }
  .theme-sav25 {
    --vk-comp-input-border-width-error: calc(var(--oev-comp-forms-input-text-border-width-error) / 2);
    --vk-comp-input-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error);
    --vk-comp-input-box-shadow-error-hover: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error);
    --vk-comp-input-box-shadow-error-hover-focus: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error);
  }
  .theme-sav25 {
    --vk-comp-datepicker-box-shadow-error-hover: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
  }
  .theme-sav25 {
    --vk-comp-multiselect-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
  }
  .theme-sav25 {
    --vk-comp-textarea-box-shadow-error-hover: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
    --vk-comp-textarea-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
  }
  .theme-sav25 {
    --vk-comp-toggleswitch-background-color-checked-error: var(--oev-color-action-error);
    --vk-comp-toggleswitch-background-color-hover: var(--oev-color-primary-hover);
  }
  .theme-sav25 {
    --vk-comp-select-box-shadow-error-hover: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
    --vk-comp-select-box-shadow-error: inset 0 0 0 var(--oev-ref-size-01) var(--vk-comp-input-border-color-error-hover);
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-body);
  }
  .theme-sav25 {
    --vk-comp-chip-color: var(--oev-color-secondary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-gray-300);
  }
  .theme-sav25 {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
  }
  .theme-sav25 {
    --vk-comp-tag-color-success: var(--oev-color-action-white);
  }
  .theme-sav25 {
    --vk-comp-fieldset-header-background-color-hover: var(--oev-color-background-01);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-background-01);
    --vk-comp-fieldset-header-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-closed-font-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-color-active: var(--oev-color-primary-active);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-icon-color-active: var(--oev-color-primary-active);
    --vk-comp-fieldset-border-color: var(--oev-color-gray-400);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-gray-400);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-gray-hover);
  }
  .theme-sav25 {
    --vk-comp-panel-header-background-color-active: var(--oev-color-background-01);
    --vk-comp-panel-header-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-primary-hover);
    --vk-comp-panel-header-color-active: var(--oev-color-primary-active);
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-hover);
    --vk-comp-panel-border-color: var(--oev-color-gray-400);
  }
  .theme-sav25 {
    --vk-comp-stepper-separator-background-active: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-active-border-color: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-active-color: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-color: var(--oev-color-primary-default);
  }
  .theme-sav25 {
    --vk-comp-tabs-font-color: var(--oev-color-secondary-default);
    --vk-comp-tabs-font-color-hover: var(--oev-color-primary-hover);
    --vk-comp-tabs-font-color-active: var(--oev-color-secondary-default);
    --vk-comp-tabs-border-color-active: var(--oev-color-primary-default);
    --vk-comp-tabs-border-color-hover: var(--oev-color-primary-hover);
  }
  .theme-sav25 {
    --vk-comp-message-background-color-primary: var(--oev-color-action-white);
    --vk-comp-message-background-color-secondary: var(--oev-color-action-white);
    --vk-comp-message-icon-color-secondary: var(--oev-color-secondary-600);
    --vk-comp-message-text-color-success: var(--primeng-color-success-default);
    --vk-comp-message-icon-color-warning: var(--oev-color-action-warning);
    --vk-comp-message-text-color-error: var(--oev-color-action-error);
  }
  .theme-sav25 {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-action-white);
    --vk-comp-toast-message-background-color-secondary: var(--oev-color-action-white);
    --vk-comp-toast-message-icon-color-secondary: var(--oev-color-secondary-600);
    --vk-comp-toast-message-font-color-success: var(--primeng-color-success-default);
    --vk-comp-toast-message-icon-color-warning: var(--oev-color-action-warning);
    --vk-comp-toast-message-font-color-error: var(--oev-color-action-error);
  }
  .theme-spk {
    --vk-comp-button-border-radius: 1000rem;
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-help: var(--oev-color-action-white);
    --vk-comp-button-color-help-hover: var(--oev-color-action-white);
    --vk-comp-button-color-secondary: var(--oev-comp-button-secondary-outlined-color-label-default);
    --vk-comp-button-color-secondary-hover: var(--oev-color-white-default);
    --vk-comp-button-color-secondary-disabled: var(--oev-color-gray-700);
    --vk-comp-button-color-secondary-active: var(--oev-color-white-default);
    --vk-comp-button-background-color-secondary: transparent;
    --vk-comp-button-background-color-secondary-active: var(--oev-color-secondary-active);
    --vk-comp-button-background-color-secondary-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-secondary-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-background-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-border-color-secondary: var(--oev-color-gray-900);
    --vk-comp-button-border-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-border-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-border-color-secondary-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-button-border-color-secondary-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-button-outlined-color-primary: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-color-primary-active: var(--vk-comp-button-color-secondary-active);
    --vk-comp-button-outlined-color-primary-disabled: var(--vk-comp-button-color-secondary-disabled);
    --vk-comp-button-outlined-color-primary-hover: var(--vk-comp-button-color-secondary-hover);
    --vk-comp-button-outlined-color-primary-focus: var(--oev-color-action-white);
    --vk-comp-button-outlined-border-color-primary: var(--vk-comp-button-border-color-secondary);
    --vk-comp-button-outlined-border-color-primary-hover: transparent;
    --vk-comp-button-outlined-border-color-primary-active: var(--vk-comp-button-border-color-secondary-active);
    --vk-comp-button-outlined-border-color-primary-focus: var(--vk-comp-button-border-color-secondary-focus);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--vk-comp-button-border-color-secondary-disabled);
    --vk-comp-button-outlined-background-color-primary: transparent;
    --vk-comp-button-outlined-background-color-primary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-outlined-background-color-primary-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-button-outlined-background-color-primary-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-button-outlined-background-color-primary-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-button-outlined-color-secondary: var(--oev-comp-button-secondary-outlined-color-label-default);
    --vk-comp-button-outlined-color-secondary-active: var(--oev-color-white-default);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-color-gray-700);
    --vk-comp-button-outlined-color-secondary-hover: var(--oev-color-white-default);
    --vk-comp-button-outlined-color-secondary-focus: var(--oev-color-action-white);
    --vk-comp-button-outlined-border-color-secondary: var(--vk-comp-button-border-color-secondary);
    --vk-comp-button-outlined-border-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-outlined-border-color-secondary-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-button-outlined-border-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-button-outlined-background-color-secondary: transparent;
    --vk-comp-button-outlined-background-color-secondary-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-outlined-background-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-outlined-background-color-secondary-active: var(--oev-color-secondary-active);
    --vk-comp-button-outlined-background-color-secondary-disabled: var(--oev-color-gray-200);
    --vk-comp-button-text-background-color-secondary: var(--oev-color-gray-default);
    --vk-comp-button-text-color-primary-focus: var(--vk-comp-button-border-color-primary);
    --vk-comp-button-text-color-secondary-focus: var(--vk-comp-button-border-color-secondary);
    --vk-comp-button-link-color-primary: var(--oev-color-gray-default);
    --vk-comp-button-link-color-secondary: var(--oev-color-gray-default);
    --vk-comp-button-link-color-primary-hover: var(--oev-color-gray-hover);
    --vk-comp-button-link-color-primary-active: var(--oev-color-gray-active);
    --vk-comp-button-link-color-secondary-hover: var(--oev-color-gray-hover);
    --vk-comp-button-link-color-secondary-active: var(--oev-color-gray-active);
    --vk-comp-button-text-border-radius: 0;
  }
  .theme-spk {
    --vk-comp-orderlist-border-color: var(--oev-color-background-01);
    --vk-comp-orderlist-container-item-background-color-active: var(--oev-color-gray-200);
    --vk-comp-orderlist-container-item-background-color-focus: var(--oev-color-gray-100);
    --vk-comp-orderlist-container-item-background-color-active-focus: var(--oev-color-gray-100);
    --vk-comp-orderlist-controls-text-color-hover: var(--oev-color-primary-default);
    --vk-comp-orderlist-controls-button-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-orderlist-controls-button-color-hover: var(--oev-color-action-white);
  }
  .theme-spk {
    --vk-comp-table-paginator-background-color-hover: var(--oev-color-background-03);
  }
  .theme-spk {
    --vk-comp-table-header-caption-background-color: var(--oev-color-background-08);
    --vk-comp-table-header-font-color-interactable: var(--oev-color-gray-default);
    --vk-comp-table-header-font-color-interactable-hover: var(--oev-color-gray-hover);
    --vk-comp-table-header-background-color: var(--oev-color-background-08);
    --vk-comp-table-header-border-color: var(--oev-color-background-01);
    --vk-comp-table-row-background-color-hover: var(--oev-color-background-03);
    --vk-comp-table-row-background-color-highlight: var(--oev-color-gray-200);
    --vk-comp-table-header-icon-color-interactable: var(--oev-color-gray-default);
    --vk-comp-table-filter-clear-button-color-hover: var(--oev-color-action-white);
    --vk-comp-table-filter-clear-button-border-color-default: var(--oev-color-gray-800);
    --vk-comp-table-filter-clear-button-border-color-hover: var(--oev-color-gray-800);
  }
  .theme-spk {
    --vk-comp-checkbox-color-checked-active: var(--oev-color-secondary-active);
    --vk-comp-checkbox-color-checked-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-checkbox-color-checked-error: var(--oev-comp-forms-checkbox-selected-color-error);
    --vk-comp-checkbox-color-checked-hover: var(--oev-color-secondary-hover);
    --vk-comp-checkbox-color-checked: var(--oev-color-secondary-default);
  }
  .theme-spk {
    --vk-comp-datepicker-day-background-color-highlight: var(--oev-color-gray-active);
    --vk-comp-datepicker-day-background-color-hover: var(--oev-color-gray-300);
    --vk-comp-datepicker-date-hover-color: var(--oev-color-font-body-default);
    --vk-comp-datepicker-date-border-radius: var(--oev-ref-radius-s);
  }
  .theme-spk {
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-focus: none;
    --vk-comp-input-box-shadow-hover-focus: none;
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
    --vk-comp-input-border-color-hover: var(--oev-color-gray-1100);
    --vk-comp-input-border-color-disabled: var(--oev-color-gray-600);
    --vk-comp-input-border-width-error: var(--oev-ref-size-01);
    --vk-comp-input-border-width: var(--oev-ref-size-01);
    --vk-comp-input-border-width-hover: var(--oev-ref-size-01);
    --vk-comp-input-border-color-focus: var(--vk-focus-visible-outline-color);
    --vk-comp-input-border-color-hover-focus: var(--vk-focus-visible-outline-color);
    --vk-comp-input-color-disabled: var(--oev-color-gray-400);
    --vk-comp-input-border-hover: var(--vk-comp-input-border-width-hover) solid var(--vk-comp-input-border-color-hover);
    --vk-comp-input-border-focus: var(--vk-comp-input-border-width-focus) solid var(--vk-comp-input-border-color-focus);
    --vk-comp-input-border-hover-focus: var(--vk-comp-input-border-width-focus) solid var(--vk-comp-input-border-color-hover-focus);
  }
  .theme-spk {
    --vk-comp-multiselect-dropdown-border-color-focus: none;
    --vk-comp-multiselect-dropdown-selected-background-color: var(--oev-color-gray-200);
    --vk-comp-multiselect-box-shadow-hover: none;
    --vk-comp-multiselect-border-color-focus: var(--vk-focus-visible-outline-color);
    --vk-comp-multiselect-border-radius: var(--oev-ref-radius-s);
  }
  .theme-spk {
    --vk-comp-radiobutton-border-color-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-radiobutton-border-color-error: var(--oev-comp-forms-radio-button-color-bullet-outline-error);
    --vk-comp-radiobutton-border-color: var(--oev-color-secondary-default);
    --vk-comp-radiobutton-selected-border-color-active: var(--oev-color-secondary-active);
    --vk-comp-radiobutton-selected-border-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-radiobutton-selected-border-color: var(--oev-color-secondary-default);
    --vk-comp-radiobutton-icon-background-color: var(--oev-color-secondary-default);
    --vk-comp-radiobutton-icon-background-color-disabled: var(--oev-color-secondary-disabled);
  }
  .theme-spk {
    --vk-comp-select-forms-menu-background-color-active: var(--oev-color-gray-100);
    --vk-comp-select-forms-menu-background-color-active-focus: var(--oev-color-gray-300);
    --vk-comp-select-menu-items-background-color-hover: var(--oev-color-gray-100);
    --vk-comp-select-border-color-focus: var(--vk-focus-visible-outline-color);
    --vk-comp-select-border-color-hover-focus: var(--vk-focus-visible-outline-color);
    --vk-comp-select-box-shadow-hover: none;
    --vk-comp-select-box-shadow-focus: none;
    --vk-comp-select-box-shadow-hover-focus: none;
    --vk-comp-select-forms-menu-background-color-active-focus-hover: var(--oev-color-gray-100);
  }
  .theme-spk {
    --vk-comp-selectbutton-background-color: var(--oev-color-background-08);
    --vk-comp-selectbutton-border-color: var(--oev-color-gray-600);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-gray-600);
  }
  .theme-spk {
    --vk-comp-toggleswitch-background-color-checked: var(--primeng-color-success-600);
    --vk-comp-toggleswitch-background-color-checked-hover: var(--primeng-color-success-900);
  }
  .theme-spk {
    --vk-comp-carousel-indicator-color: var(--oev-color-gray-200);
    --vk-comp-carousel-indicator-border: 1px solid var(--oev-color-gray-default);
    --vk-comp-carousel-indicator-color-active: var(--oev-color-gray-default);
    --vk-comp-carousel-indicator-height: 0.5rem;
    --vk-comp-carousel-indicator-width: var(--vk-comp-carousel-indicator-height);
    --vk-comp-carousel-prev-next-icon-color: var(--oev-color-primary-default);
    --vk-comp-carousel-prev-next-icon-color-disabled: var(--oev-color-primary-disabled);
  }
  .theme-spk {
    --vk-comp-breadcrumb-background-color: white;
    --vk-comp-breadcrumb-border-radius: var(--oev-ref-radius-m);
    --vk-comp-breadcrumb-item-spacing-left-right: var(--vk-spacing-08);
    --vk-comp-breadcrumb-item-spacing-top-bottom: var(--vk-spacing-16);
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-home-icon-size: var(--oev-font-size-link-small);
    --vk-comp-breadcrumb-item-font-style: var(--oev-font-style-link-small);
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-color-gray-hover);
    --vk-comp-breadcrumb-item-text-color-focus: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-text-decoration-hover: underline;
    --vk-comp-breadcrumb-borderless-padding-focus: var(--vk-spacing-08);
  }
  .theme-spk {
    --vk-comp-menubar-item-icon-color: var(--oev-color-gray-default);
    --vk-comp-menubar-item-icon-color-hover: var(--oev-color-gray-hover);
    --vk-comp-menubar-item-text-color: var(--oev-color-gray-default);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-gray-hover);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-gray-active);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-gray-100);
    --vk-comp-menubar-item-background-color-hover: var(--oev-color-gray-100);
  }
  .theme-spk {
    --vk-comp-message-background-color-primary: var(--oev-color-primary-50);
    --vk-comp-message-text-color-error: var(--primeng-color-danger-900);
    --vk-comp-message-text-color-info: var(--primeng-color-info-900);
    --vk-comp-message-text-color-success: var(--primeng-color-success-600);
    --vk-comp-message-text-color-warning: var(--primeng-color-warning-900);
    --vk-comp-message-text-color-primary: var(--oev-color-font-body-default);
    --vk-comp-message-text-color-secondary: var(--oev-color-font-body-default);
  }
  .theme-spk {
    --vk-comp-toast-message-font-color-primary: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-secondary: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-success: var(--primeng-color-success-600);
    --vk-comp-toast-message-font-color-info: var(--primeng-color-info-900);
    --vk-comp-toast-message-font-color-warning: var(--primeng-color-warning-900);
    --vk-comp-toast-message-font-color-error: var(--primeng-color-danger-900);
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-spk {
    --vk-comp-badge-background-color-info: var(--primeng-color-info-light);
    --vk-comp-badge-font-color-info: var(--oev-color-font-body-default);
    --vk-comp-badge-background-color-success: var(--primeng-color-success-light);
    --vk-comp-badge-font-color-success: var(--primeng-color-success-default);
    --vk-comp-badge-background-color-warning: var(--primeng-color-warning-light);
    --vk-comp-badge-font-color-warning: var(--primeng-color-warning-default);
    --vk-comp-badge-background-color-danger: var(--primeng-color-danger-light);
    --vk-comp-badge-font-color-danger: var(--primeng-color-danger-default);
  }
  .theme-spk {
    --vk-comp-chip-color: var(--oev-color-gray-default);
  }
  .theme-spk {
    --vk-comp-progressbar-background-color: var(--oev-color-gray-100);
    --vk-comp-progressbar-value-background-color: var(--oev-color-gray-default);
  }
  .theme-spk {
    --vk-comp-progressspinner-color: var(--oev-color-primary-default);
    --vk-comp-progressspinner-fill: var(--oev-color-background-03);
    --vk-comp-progressspinner-size: 64px;
    --vk-comp-progressspinner-size-small: 40px;
    --vk-comp-progressspinner-stroke-width-small: 8px;
  }
  .theme-spk {
    --vk-comp-tag-color-success: var(--primeng-color-success-default);
    --vk-comp-tag-color-info: var(--primeng-color-info-default);
    --vk-comp-tag-color-warning: var(--primeng-color-warning-default);
    --vk-comp-tag-color-danger: var(--primeng-color-danger-default);
    --vk-comp-tag-background-color-success: var(--primeng-color-success-light);
    --vk-comp-tag-background-color-info: var(--primeng-color-info-light);
    --vk-comp-tag-background-color-warning: var(--primeng-color-warning-light);
    --vk-comp-tag-background-color-danger: var(--primeng-color-danger-light);
  }
  .theme-spk {
    --vk-comp-tooltip-content-background-color: var(--oev-color-background-03);
  }
  .theme-spk {
    --vk-comp-popover-content-background-color: var(--oev-color-background-03);
  }
  .theme-spk {
    --vk-comp-accordion-header-background-color: var(--oev-color-background-08);
    --vk-comp-accordion-header-background-color-hover: var(--oev-color-background-03);
    --vk-comp-accordion-header-color-active: var(--oev-color-secondary-active);
    --vk-comp-accordion-header-icon-color-active: var(--oev-color-gray-default);
    --vk-comp-accordion-header-font-weight-hover: var(--oev-comp-accordion-header-font-weight-default);
    --vk-comp-accordion-header-font-weight-active: var(--oev-comp-accordion-header-font-weight-default);
    --vk-comp-accordion-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-color-gray-hover);
    --vk-comp-accordion-divider-color: var(--oev-color-gray-300);
  }
  .theme-spk {
    --vk-comp-card-border: 1px solid var(--oev-color-gray-300);
    --vk-comp-card-border-radius: var(--oev-ref-radius-m);
    --vk-comp-card-header-background-color: var(--oev-color-action-white);
    --vk-comp-card-header-title-color: var(--oev-color-font-headline);
    --vk-comp-card-shadow: var(--oev-sys-elevation-level-1);
  }
  .theme-spk {
    --vk-comp-divider-color: var(--oev-color-gray-300);
  }
  .theme-spk {
    --vk-comp-fieldset-header-background-color: var(--oev-color-action-white);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-fieldset-header-background-color-hover: var(--oev-color-background-03);
    --vk-comp-fieldset-header-color: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-color-active: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-gray-300);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-gray-300);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-gray-default);
    --vk-comp-fieldset-border-color: var(--oev-color-gray-300);
  }
  .theme-spk {
    --vk-comp-panel-header-background-color: var(--oev-color-background-08);
    --vk-comp-panel-header-background-color-hover: var(--oev-color-background-03);
    --vk-comp-panel-header-background-color-active: var(--oev-color-background-08);
    --vk-comp-panel-header-background-color-active-hover: var(--oev-color-background-08);
    --vk-comp-panel-header-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-gray-default);
    --vk-comp-panel-header-color-active: var(--oev-color-gray-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-gray-default);
    --vk-comp-panel-border-color: var(--oev-color-gray-300);
  }
  .theme-spk {
    --vk-comp-tabs-font-color-active: var(--oev-color-primary-active);
    --vk-comp-tabs-border-color-active: var(--oev-color-primary-active);
    --vk-comp-tabs-border-color-hover: var(--oev-color-primary-hover);
    --vk-comp-tabs-tab-border-bottom-width: 2px;
    --vk-comp-tabs-tabmenu-icon-color-active: var(--oev-color-primary-active);
  }
  .theme-sv {
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-help: var(--oev-color-action-white);
    --vk-comp-button-color-help-hover: var(--oev-color-action-white);
  }
  .theme-sv {
    --vk-comp-table-header-caption-background-color: var(--oev-color-background-14);
    --vk-comp-table-header-background-color: var(--oev-color-background-15);
    --vk-comp-table-row-background-color-hover: var(--oev-color-background-15);
    --vk-comp-table-row-background-color-highlight: var(--oev-color-background-15);
  }
  .theme-sv {
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-focus: none;
    --vk-comp-input-box-shadow-hover-focus: none;
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
  }
  .theme-sv {
    --vk-comp-selectbutton-background-color: var(--oev-color-background-14);
    --vk-comp-selectbutton-border-color: var(--oev-color-gray-600);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-gray-600);
    --vk-comp-selectbutton-text-weight: var(--oev-font-weight-regular);
  }
  .theme-sv {
    --vk-comp-menubar-item-text-color: var(--oev-color-gray-800);
    --vk-comp-menubar-item-background-color-hover: var(--oev-color-gray-100);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-gray-200);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-primary-hover);
  }
  .theme-sv {
    --vk-comp-message-background-color-primary: var(--oev-color-gray-100);
  }
  .theme-sv {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-gray-100);
  }
  .theme-sv {
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-warning: var(--oev-color-action-white);
  }
  .theme-sv {
    --vk-comp-progressbar-background-color: var(--oev-color-gray-200);
  }
  .theme-sv {
    --vk-comp-tag-color-info: var(--oev-color-action-white);
    --vk-comp-tag-color-success: var(--oev-color-action-white);
    --vk-comp-tag-color-warning: var(--oev-color-action-white);
  }
  .theme-sv {
    --vk-comp-popover-font-color: var(--oev-color-action-white);
  }
  .theme-sv {
    --vk-comp-tooltip-font-color: var(--oev-color-action-white);
  }
  .theme-sv {
    --vk-comp-card-header-background-color: var(--oev-color-background-14);
  }
  .theme-sv {
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-color: var(--oev-color-font-body-default);
    --vk-comp-fieldset-border-color: var(--oev-color-gray-300);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-background-15);
    --vk-comp-fieldset-header-icon-color-active: var(--oev-color-primary-default);
  }
  .theme-sv {
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-hover);
    --vk-comp-panel-border-color: var(--oev-color-gray-300);
    --vk-comp-panel-header-background-color: var(--oev-color-background-15);
    --vk-comp-panel-header-background-color-active: var(--oev-color-background-15);
  }
  .theme-sv {
    --vk-comp-tabs-tabmenu-background-color: transparent;
  }
  .theme-svlfg {
    --vk-comp-button-color-primary-hover: var(--oev-color-action-white);
  }
  .theme-ukv {
    --vk-comp-orderlist-controls-button-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-orderlist-controls-button-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-orderlist-controls-button-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-orderlist-controls-button-color-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-orderlist-border-color: var(--oev-color-secondary-100);
    --vk-comp-orderlist-controls-button-border-color-hover: var(--vk-comp-orderlist-controls-button-color-hover);
  }
  .theme-ukv {
    --vk-comp-table-paginator-background-color-highlight: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-table-header-font-color-focus: var(--oev-color-secondary-default);
    --vk-comp-table-filter-addrule-button-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-table-filter-addrule-button-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-table-filter-addrule-button-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-table-filter-addrule-button-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-table-filter-clear-button-color: var(--oev-comp-button-secondary-outlined-color-label-default);
    --vk-comp-table-filter-clear-button-color-active: var(--oev-comp-button-secondary-outlined-color-label-active);
    --vk-comp-table-filter-clear-button-color-hover: var(--oev-comp-button-secondary-outlined-color-label-hover);
    --vk-comp-table-filter-clear-button-color-focus: var(--oev-comp-button-secondary-outlined-color-label-focus);
    --vk-comp-table-filter-clear-button-border-color-default: var(--oev-color-secondary-default);
    --vk-comp-table-filter-clear-button-border-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-table-filter-clear-button-border-color-active: var(--oev-color-secondary-active);
    --vk-comp-table-filter-clear-button-border-color-focus: var(--oev-color-secondary-focus);
    --vk-comp-table-header-icon-color-interactable: var(--oev-color-secondary-default);
    --vk-comp-table-header-font-color-interactable: var(--oev-color-secondary-default);
    --vk-comp-table-header-font-color-interactable-hover: var(--oev-color-secondary-hover);
    --vk-comp-table-header-border-color-focus: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-fileupload-button-background-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-fileupload-button-background-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-fileupload-button-background-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-fileupload-button-background-color-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-fileupload-button-border-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-fileupload-button-border-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-fileupload-button-border-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-fileupload-button-border-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-fileupload-button-border-color-disabled: var(--vk-comp-button-background-color-secondary-disabled);
  }
  .theme-ukv {
    --vk-comp-datepicker-dropdown-border-color: var(--vk-comp-button-border-color-secondary);
    --vk-comp-datepicker-dropdown-hover-border-color: var(--vk-comp-button-border-color-secondary-hover);
    --vk-comp-datepicker-dropdown-active-border-color: var(--vk-comp-button-border-color-secondary-active);
    --vk-comp-datepicker-dropdown-background: var(--vk-comp-button-background-color-secondary);
    --vk-comp-datepicker-dropdown-hover-background: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-datepicker-dropdown-active-background: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-datepicker-dropdown-color: var(--vk-comp-button-color-secondary);
    --vk-comp-datepicker-dropdown-hover-color: var(--vk-comp-button-color-secondary);
    --vk-comp-datepicker-dropdown-active-color: var(--vk-comp-button-color-secondary);
    --vk-comp-datepicker-input-icon-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-datepicker-button-text-color-primary: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-select-menu-items-font-color-hover: var(--oev-color-secondary-default);
    --vk-comp-select-menu-items-font-color-active: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-toggleswitch-background-color-checked: var(--oev-color-secondary-default);
    --vk-comp-toggleswitch-background-color-checked-hover: var(--oev-color-secondary-hover);
    --vk-comp-toggleswitch-background-color-checked-error: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-multiselect-dropdown-selected-text-color: var(--oev-color-secondary-800);
    --vk-comp-multiselect-dropdown-border-color-focus: var(--oev-color-secondary-focus);
  }
  .theme-ukv {
    --vk-comp-selectbutton-background-color-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-background-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-selectbutton-background-color-active-hover: var(--oev-color-secondary-hover);
    --vk-comp-selectbutton-content-background-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-border-color: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-text-color: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-menubar-item-icon-color: var(--oev-color-secondary-default);
    --vk-comp-menubar-item-text-color: var(--oev-color-secondary-default);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-secondary-active);
  }
  .theme-ukv {
    --vk-comp-message-icon-color-info: var(--oev-color-secondary-default);
    --vk-comp-message-icon-color-warning: var(--oev-color-action-warning);
  }
  .theme-ukv {
    --vk-comp-toast-message-icon-color-info: var(--oev-color-action-info);
    --vk-comp-toast-message-icon-color-warning: var(--oev-color-action-warning);
  }
  .theme-ukv {
    --vk-comp-avatar-text-color: var(--oev-color-action-black);
  }
  .theme-ukv {
    --vk-comp-chip-color: var(--oev-color-secondary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-secondary-disabled);
  }
  .theme-ukv {
    --vk-comp-progressbar-background-color: var(--oev-color-secondary-50);
    --vk-comp-progressbar-value-background-color: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-progressspinner-color: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-tag-background-color: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-fieldset-header-icon-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-secondary-active);
    --vk-comp-fieldset-header-color-active: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-icon-color-active: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-panel-header-icon-color: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-tabs-font-color-active: var(--oev-color-secondary-default);
    --vk-comp-tabs-border-color-active: var(--oev-color-secondary-default);
    --vk-comp-tabs-border-color-focus: var(--oev-color-secondary-focus);
    --vk-comp-tabs-tabmenu-icon-color: var(--oev-color-secondary-default);
    --vk-comp-tabs-tabmenu-icon-color-active: var(--oev-color-secondary-default);
    --vk-comp-tabs-tabmenu-icon-color-hover: var(--oev-color-secondary-default);
  }
  .theme-vkb {
    --vk-comp-button-background-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-background-color-secondary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-font-color-disabled: var(--oev-color-gray-400);
    --vk-comp-button-background-color-primary-disabled: var(--oev-color-gray-50);
    --vk-comp-button-background-color-secondary-disabled: var(--oev-color-gray-50);
    --vk-comp-button-background-color-success-disabled: var(--oev-color-gray-50);
    --vk-comp-button-background-color-info-disabled: var(--oev-color-gray-50);
    --vk-comp-button-background-color-warning-disabled: var(--oev-color-gray-50);
    --vk-comp-button-background-color-help-disabled: var(--oev-color-gray-50);
    --vk-comp-button-background-color-danger-disabled: var(--oev-color-gray-50);
    --vk-comp-button-color-primary-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-secondary-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-success-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-info-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-warning-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-help-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-danger-disabled: var(--oev-color-gray-600);
    --vk-comp-button-border-color-primary-disabled: var(--oev-color-gray-50);
    --vk-comp-button-border-color-secondary-disabled: var(--oev-color-gray-50);
    --vk-comp-button-border-color-success-disabled: var(--oev-color-gray-50);
    --vk-comp-button-border-color-info-disabled: var(--oev-color-gray-50);
    --vk-comp-button-border-color-warning-disabled: var(--oev-color-gray-50);
    --vk-comp-button-border-color-help-disabled: var(--oev-color-gray-50);
    --vk-comp-button-border-color-danger-disabled: var(--oev-color-gray-50);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-border-color-success-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-border-color-info-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-border-color-warning-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-border-color-help-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-border-color-danger-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-primary-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-success-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-info-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-warning-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-help-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-danger-disabled: var(--oev-color-gray-400);
    --vk-comp-button-text-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-text-color-secondary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-text-background-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-text-background-color-secondary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-link-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-link-color-primary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-link-background-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-link-background-color-primary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-link-color-secondary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-link-background-color-secondary-hover: var(--oev-color-primary-hover);
  }
  .theme-vkb {
    --vk-comp-table-header-border-color: var(--oev-color-gray-100);
  }
  .theme-vkb {
    --vk-comp-orderlist-controls-text-color: var(--oev-comp-button-primary-contained-color-label-default);
    --vk-comp-orderlist-controls-text-color-hover: var(--oev-comp-button-primary-contained-color-label-default);
  }
  .theme-vkb {
    --vk-comp-fileupload-button-text-color: var(--oev-color-primary-default);
    --vk-comp-fileupload-button-text-color-hover: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-input-border-radius: 0;
    --vk-comp-input-border-color-hover: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-select-forms-menu-background-color-active: var(--oev-color-background-01);
    --vk-comp-select-border-radius: 0;
    --vk-comp-select-border-color-hover: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-multiselect-border-radius: 0;
    --vk-comp-multiselect-border-color-hover: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-selectbutton-border-radius: 0;
    --vk-comp-selectbutton-togglebutton-border-radius: 0;
  }
  .theme-vkb {
    --vk-comp-message-background-color-primary: var(--oev-color-secondary-50);
    --vk-comp-message-background-color-secondary: var(--oev-color-primary-100);
    --vk-comp-message-icon-color-primary: var(--oev-color-secondary-default);
    --vk-comp-message-icon-color-secondary: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-secondary-50);
    --vk-comp-toast-message-background-color-secondary: var(--oev-color-primary-100);
    --vk-comp-toast-message-icon-color-primary: var(--oev-color-secondary-default);
    --vk-comp-toast-message-icon-color-secondary: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-chip-background-color: var(--oev-color-background-01);
    --vk-comp-chip-border-radius: 0;
  }
  .theme-vkb {
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-background-color: var(--oev-color-background-01);
    --vk-comp-fieldset-header-background-color-hover: var(--oev-color-background-02);
    --vk-comp-fieldset-border-color: var(--oev-color-gray-100);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-background-01);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-active: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-panel-border-color: var(--oev-color-gray-100);
    --vk-comp-panel-header-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-default);
  }
  .theme-vkb25 {
    --vk-comp-selectbutton-background-color: var(--oev-color-action-white);
  }
  .theme-vkb25 {
    --vk-comp-message-background-color-primary: var(--oev-color-primary-50);
    --vk-comp-message-background-color-info: var(--primeng-color-help-light);
    --vk-comp-message-icon-color-info: var(--oev-color-secondary-800);
  }
  .theme-vkb25 {
    --vk-comp-toast-message-icon-color-info: var(--oev-color-secondary-800);
  }
  .theme-vkb25 {
    --vk-comp-tag-background-color-info: var(--oev-color-action-info);
    --vk-comp-tag-background-color-danger: var(--oev-color-action-error);
  }
  .theme-vkb25 {
    --vk-comp-panel-header-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-panel-border-width: 2px;
    --vk-comp-panel-border-color: var(--oev-color-custom-02);
    --vk-comp-panel-header-color-hover: var(--oev-color-primary-hover);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-hover);
  }
  .theme-vkb25 {
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-active: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-border-width: 2px;
    --vk-comp-fieldset-header-border-width-active: 2px;
    --vk-comp-fieldset-header-border-width-hover: 2px;
  }
  .theme-vkb25 {
    --vk-comp-stepper-separator-background-active: var(--oev-color-custom-08);
    --vk-comp-stepper-step-number-active-border-color: var(--oev-color-custom-08);
    --vk-comp-stepper-step-number-color: var(--oev-color-custom-08);
    --vk-comp-stepper-step-number-active-color: var(--oev-color-custom-08);
  }
  .theme-vkb25 {
    --vk-comp-tabs-font-color-active: var(--oev-color-font-body-default);
    --vk-comp-tabs-font-color: var(--oev-color-font-link);
    --vk-comp-tabs-border-color-hover: var(--oev-color-primary-hover);
    --vk-comp-tabs-tabmenu-icon-color: var(--oev-color-primary-default);
    --vk-comp-tabs-tabmenu-icon-color-active: var(--oev-color-gray-default);
  }
  .p-button {
    background-color: var(--vk-comp-button-background-color-primary);
    color: var(--vk-comp-button-color-primary);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-primary);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  .p-button:hover {
    background-color: var(--vk-comp-button-background-color-primary-hover);
    border-color: var(--vk-comp-button-border-color-primary-hover);
    color: var(--vk-comp-button-color-primary-hover);
  }
  .p-button:focus,
  .p-button:focus-visible {
    box-shadow: none;
  }
  .p-button:focus-visible {
    background-color: var(--vk-comp-button-background-color-primary);
    border-color: var(--vk-comp-button-border-color-primary);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-primary);
  }
  .p-button:active {
    background-color: var(--vk-comp-button-background-color-primary-active);
    border-color: var(--vk-comp-button-border-color-primary-active);
    color: var(--vk-comp-button-color-primary-active);
  }
  .p-button.p-disabled,
  .p-button:disabled {
    background-color: var(--vk-comp-button-background-color-primary-disabled);
    border-color: var(--vk-comp-button-border-color-primary-disabled);
    color: var(--vk-comp-button-color-primary-disabled);
  }
  .p-button.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-primary);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-primary);
    color: var(--vk-comp-button-outlined-color-primary);
  }
  .p-button.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-primary-hover);
    border-color: var(--vk-comp-button-outlined-border-color-primary-hover);
    color: var(--vk-comp-button-outlined-color-primary-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-primary-hover);
  }
  .p-button.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-primary-active);
    border-color: var(--vk-comp-button-outlined-border-color-primary-active);
    color: var(--vk-comp-button-outlined-color-primary-active);
  }
  .p-button.p-button-outlined:focus,
  .p-button.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-primary-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-primary);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-primary-focus);
  }
  .p-button.p-button-outlined.p-disabled,
  .p-button.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-primary-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-primary-disabled);
    color: var(--vk-comp-button-outlined-color-primary-disabled);
  }
  .p-button.p-button-outlined.p-disabled:hover,
  .p-button.p-button-outlined:disabled:hover {
    outline: none;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-primary);
    border: none;
    border-radius: 0;
    position: relative;
  }
  .p-button.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-primary);
  }
  .p-button.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-primary-hover);
    border-radius: 0;
  }
  .p-button.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-primary-hover);
  }
  .p-button.p-button-text:focus,
  .p-button.p-button-text:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-primary-focus);
  }
  .p-button.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-primary-active);
  }
  .p-button.p-button-text.p-disabled,
  .p-button.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  .p-button.p-button-text.p-disabled::before,
  .p-button.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  .p-button.p-button-link {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-primary);
  }
  .p-button.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  .p-button.p-button-link:hover .p-button-label,
  .p-button.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-primary-hover);
  }
  .p-button.p-button-link:focus,
  .p-button.p-button-link:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-primary-focus);
  }
  .p-button.p-button-link.p-disabled .p-button-label,
  .p-button.p-button-link.p-disabled .p-button-icon::before,
  .p-button.p-button-link:disabled .p-button-label,
  .p-button.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button > .p-button {
    background-color: var(--vk-comp-button-background-color-primary);
    color: var(--vk-comp-button-color-primary);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-primary);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  p-button > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  p-button > .p-button:hover {
    background-color: var(--vk-comp-button-background-color-primary-hover);
    border-color: var(--vk-comp-button-border-color-primary-hover);
    color: var(--vk-comp-button-color-primary-hover);
  }
  p-button > .p-button:focus,
  p-button > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button > .p-button:focus-visible {
    background-color: var(--vk-comp-button-background-color-primary);
    border-color: var(--vk-comp-button-border-color-primary);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-primary);
  }
  p-button > .p-button:active {
    background-color: var(--vk-comp-button-background-color-primary-active);
    border-color: var(--vk-comp-button-border-color-primary-active);
    color: var(--vk-comp-button-color-primary-active);
  }
  p-button > .p-button.p-disabled,
  p-button > .p-button:disabled {
    background-color: var(--vk-comp-button-background-color-primary-disabled);
    border-color: var(--vk-comp-button-border-color-primary-disabled);
    color: var(--vk-comp-button-color-primary-disabled);
  }
  p-button.p-button-outlined > .p-button {
    background-color: var(--vk-comp-button-outlined-background-color-primary);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-primary);
    color: var(--vk-comp-button-outlined-color-primary);
  }
  p-button.p-button-outlined > .p-button:hover {
    background-color: var(--vk-comp-button-outlined-background-color-primary-hover);
    border-color: var(--vk-comp-button-outlined-border-color-primary-hover);
    color: var(--vk-comp-button-outlined-color-primary-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-primary-hover);
  }
  p-button.p-button-outlined > .p-button:active {
    background-color: var(--vk-comp-button-outlined-background-color-primary-active);
    border-color: var(--vk-comp-button-outlined-border-color-primary-active);
    color: var(--vk-comp-button-outlined-color-primary-active);
  }
  p-button.p-button-outlined > .p-button:focus,
  p-button.p-button-outlined > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-outlined > .p-button:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-primary-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-primary);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-primary-focus);
  }
  p-button.p-button-outlined > .p-button.p-disabled,
  p-button.p-button-outlined > .p-button:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-primary-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-primary-disabled);
    color: var(--vk-comp-button-outlined-color-primary-disabled);
  }
  p-button.p-button-outlined > .p-button.p-disabled:hover,
  p-button.p-button-outlined > .p-button:disabled:hover {
    outline: none;
  }
  p-button.p-button-text > .p-button {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-primary);
    border: none;
    border-radius: 0;
    position: relative;
  }
  p-button.p-button-text > .p-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-primary);
  }
  p-button.p-button-text > .p-button:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-primary-hover);
    border-radius: 0;
  }
  p-button.p-button-text > .p-button:hover::before {
    background-color: var(--vk-comp-button-text-background-color-primary-hover);
  }
  p-button.p-button-text > .p-button:focus,
  p-button.p-button-text > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-text > .p-button:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-primary-focus);
  }
  p-button.p-button-text > .p-button:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-primary-active);
  }
  p-button.p-button-text > .p-button.p-disabled,
  p-button.p-button-text > .p-button:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  p-button.p-button-text > .p-button.p-disabled::before,
  p-button.p-button-text > .p-button:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-link > .p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-primary);
  }
  p-button.p-button-link > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button.p-button-link > .p-button:hover .p-button-label,
  p-button.p-button-link > .p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-primary-hover);
  }
  p-button.p-button-link > .p-button:focus,
  p-button.p-button-link > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-link > .p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-primary-focus);
  }
  p-button.p-button-link > .p-button.p-disabled .p-button-label,
  p-button.p-button-link > .p-button.p-disabled .p-button-icon::before,
  p-button.p-button-link > .p-button:disabled .p-button-label,
  p-button.p-button-link > .p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button > .p-button-link.p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-primary);
  }
  p-button > .p-button-link.p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button > .p-button-link.p-button:hover .p-button-label,
  p-button > .p-button-link.p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-primary-hover);
  }
  p-button > .p-button-link.p-button:focus,
  p-button > .p-button-link.p-button:focus-visible {
    box-shadow: none;
  }
  p-button > .p-button-link.p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-primary-focus);
  }
  p-button > .p-button-link.p-button.p-disabled .p-button-label,
  p-button > .p-button-link.p-button.p-disabled .p-button-icon::before,
  p-button > .p-button-link.p-button:disabled .p-button-label,
  p-button > .p-button-link.p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  .p-button.p-button-secondary {
    background-color: var(--vk-comp-button-background-color-secondary);
    color: var(--vk-comp-button-color-secondary);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-secondary);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  .p-button.p-button-secondary .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  .p-button.p-button-secondary:hover {
    background-color: var(--vk-comp-button-background-color-secondary-hover);
    border-color: var(--vk-comp-button-border-color-secondary-hover);
    color: var(--vk-comp-button-color-secondary-hover);
  }
  .p-button.p-button-secondary:focus,
  .p-button.p-button-secondary:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-secondary:focus-visible {
    background-color: var(--vk-comp-button-background-color-secondary);
    border-color: var(--vk-comp-button-border-color-secondary);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-secondary);
  }
  .p-button.p-button-secondary:active {
    background-color: var(--vk-comp-button-background-color-secondary-active);
    border-color: var(--vk-comp-button-border-color-secondary-active);
    color: var(--vk-comp-button-color-secondary-active);
  }
  .p-button.p-button-secondary.p-disabled,
  .p-button.p-button-secondary:disabled {
    background-color: var(--vk-comp-button-background-color-secondary-disabled);
    border-color: var(--vk-comp-button-border-color-secondary-disabled);
    color: var(--vk-comp-button-color-secondary-disabled);
  }
  .p-button.p-button-secondary.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-secondary);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-secondary);
    color: var(--vk-comp-button-outlined-color-secondary);
  }
  .p-button.p-button-secondary.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-secondary-hover);
    border-color: var(--vk-comp-button-outlined-border-color-secondary-hover);
    color: var(--vk-comp-button-outlined-color-secondary-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-secondary-hover);
  }
  .p-button.p-button-secondary.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-secondary-active);
    border-color: var(--vk-comp-button-outlined-border-color-secondary-active);
    color: var(--vk-comp-button-outlined-color-secondary-active);
  }
  .p-button.p-button-secondary.p-button-outlined:focus,
  .p-button.p-button-secondary.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-secondary.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-secondary-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-secondary);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-secondary-focus);
  }
  .p-button.p-button-secondary.p-button-outlined.p-disabled,
  .p-button.p-button-secondary.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-secondary-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-secondary-disabled);
    color: var(--vk-comp-button-outlined-color-secondary-disabled);
  }
  .p-button.p-button-secondary.p-button-outlined.p-disabled:hover,
  .p-button.p-button-secondary.p-button-outlined:disabled:hover {
    outline: none;
  }
  .p-button.p-button-secondary.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-secondary);
    border: none;
    border-radius: 0;
    position: relative;
  }
  .p-button.p-button-secondary.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-secondary);
  }
  .p-button.p-button-secondary.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-secondary-hover);
    border-radius: 0;
  }
  .p-button.p-button-secondary.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-secondary-hover);
  }
  .p-button.p-button-secondary.p-button-text:focus,
  .p-button.p-button-secondary.p-button-text:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-secondary.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-secondary-focus);
  }
  .p-button.p-button-secondary.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-secondary-active);
  }
  .p-button.p-button-secondary.p-button-text.p-disabled,
  .p-button.p-button-secondary.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  .p-button.p-button-secondary.p-button-text.p-disabled::before,
  .p-button.p-button-secondary.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  .p-button.p-button-secondary.p-button-link {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-secondary);
  }
  .p-button.p-button-secondary.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  .p-button.p-button-secondary.p-button-link:hover .p-button-label,
  .p-button.p-button-secondary.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-secondary-hover);
  }
  .p-button.p-button-secondary.p-button-link:focus,
  .p-button.p-button-secondary.p-button-link:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-secondary.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-secondary-focus);
  }
  .p-button.p-button-secondary.p-button-link.p-disabled .p-button-label,
  .p-button.p-button-secondary.p-button-link.p-disabled .p-button-icon::before,
  .p-button.p-button-secondary.p-button-link:disabled .p-button-label,
  .p-button.p-button-secondary.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-secondary > .p-button {
    background-color: var(--vk-comp-button-background-color-secondary);
    color: var(--vk-comp-button-color-secondary);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-secondary);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  p-button.p-button-secondary > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  p-button.p-button-secondary > .p-button:hover {
    background-color: var(--vk-comp-button-background-color-secondary-hover);
    border-color: var(--vk-comp-button-border-color-secondary-hover);
    color: var(--vk-comp-button-color-secondary-hover);
  }
  p-button.p-button-secondary > .p-button:focus,
  p-button.p-button-secondary > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-secondary > .p-button:focus-visible {
    background-color: var(--vk-comp-button-background-color-secondary);
    border-color: var(--vk-comp-button-border-color-secondary);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-secondary);
  }
  p-button.p-button-secondary > .p-button:active {
    background-color: var(--vk-comp-button-background-color-secondary-active);
    border-color: var(--vk-comp-button-border-color-secondary-active);
    color: var(--vk-comp-button-color-secondary-active);
  }
  p-button.p-button-secondary > .p-button.p-disabled,
  p-button.p-button-secondary > .p-button:disabled {
    background-color: var(--vk-comp-button-background-color-secondary-disabled);
    border-color: var(--vk-comp-button-border-color-secondary-disabled);
    color: var(--vk-comp-button-color-secondary-disabled);
  }
  p-button.p-button-secondary.p-button-outlined > .p-button {
    background-color: var(--vk-comp-button-outlined-background-color-secondary);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-secondary);
    color: var(--vk-comp-button-outlined-color-secondary);
  }
  p-button.p-button-secondary.p-button-outlined > .p-button:hover {
    background-color: var(--vk-comp-button-outlined-background-color-secondary-hover);
    border-color: var(--vk-comp-button-outlined-border-color-secondary-hover);
    color: var(--vk-comp-button-outlined-color-secondary-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-secondary-hover);
  }
  p-button.p-button-secondary.p-button-outlined > .p-button:active {
    background-color: var(--vk-comp-button-outlined-background-color-secondary-active);
    border-color: var(--vk-comp-button-outlined-border-color-secondary-active);
    color: var(--vk-comp-button-outlined-color-secondary-active);
  }
  p-button.p-button-secondary.p-button-outlined > .p-button:focus,
  p-button.p-button-secondary.p-button-outlined > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-secondary.p-button-outlined > .p-button:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-secondary-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-secondary);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-secondary-focus);
  }
  p-button.p-button-secondary.p-button-outlined > .p-button.p-disabled,
  p-button.p-button-secondary.p-button-outlined > .p-button:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-secondary-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-secondary-disabled);
    color: var(--vk-comp-button-outlined-color-secondary-disabled);
  }
  p-button.p-button-secondary.p-button-outlined > .p-button.p-disabled:hover,
  p-button.p-button-secondary.p-button-outlined > .p-button:disabled:hover {
    outline: none;
  }
  p-button.p-button-secondary.p-button-text > .p-button {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-secondary);
    border: none;
    border-radius: 0;
    position: relative;
  }
  p-button.p-button-secondary.p-button-text > .p-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-secondary);
  }
  p-button.p-button-secondary.p-button-text > .p-button:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-secondary-hover);
    border-radius: 0;
  }
  p-button.p-button-secondary.p-button-text > .p-button:hover::before {
    background-color: var(--vk-comp-button-text-background-color-secondary-hover);
  }
  p-button.p-button-secondary.p-button-text > .p-button:focus,
  p-button.p-button-secondary.p-button-text > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-secondary.p-button-text > .p-button:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-secondary-focus);
  }
  p-button.p-button-secondary.p-button-text > .p-button:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-secondary-active);
  }
  p-button.p-button-secondary.p-button-text > .p-button.p-disabled,
  p-button.p-button-secondary.p-button-text > .p-button:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  p-button.p-button-secondary.p-button-text > .p-button.p-disabled::before,
  p-button.p-button-secondary.p-button-text > .p-button:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-secondary.p-button-link > .p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-secondary);
  }
  p-button.p-button-secondary.p-button-link > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button.p-button-secondary.p-button-link > .p-button:hover .p-button-label,
  p-button.p-button-secondary.p-button-link > .p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-secondary-hover);
  }
  p-button.p-button-secondary.p-button-link > .p-button:focus,
  p-button.p-button-secondary.p-button-link > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-secondary.p-button-link > .p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-secondary-focus);
  }
  p-button.p-button-secondary.p-button-link > .p-button.p-disabled .p-button-label,
  p-button.p-button-secondary.p-button-link > .p-button.p-disabled .p-button-icon::before,
  p-button.p-button-secondary.p-button-link > .p-button:disabled .p-button-label,
  p-button.p-button-secondary.p-button-link > .p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-secondary > .p-button-link.p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-secondary);
  }
  p-button.p-button-secondary > .p-button-link.p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button.p-button-secondary > .p-button-link.p-button:hover .p-button-label,
  p-button.p-button-secondary > .p-button-link.p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-secondary-hover);
  }
  p-button.p-button-secondary > .p-button-link.p-button:focus,
  p-button.p-button-secondary > .p-button-link.p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-secondary > .p-button-link.p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-secondary-focus);
  }
  p-button.p-button-secondary > .p-button-link.p-button.p-disabled .p-button-label,
  p-button.p-button-secondary > .p-button-link.p-button.p-disabled .p-button-icon::before,
  p-button.p-button-secondary > .p-button-link.p-button:disabled .p-button-label,
  p-button.p-button-secondary > .p-button-link.p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  .p-button.p-button-success {
    background-color: var(--vk-comp-button-background-color-success);
    color: var(--vk-comp-button-color-success);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-success);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  .p-button.p-button-success .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  .p-button.p-button-success:hover {
    background-color: var(--vk-comp-button-background-color-success-hover);
    border-color: var(--vk-comp-button-border-color-success-hover);
    color: var(--vk-comp-button-color-success-hover);
  }
  .p-button.p-button-success:focus,
  .p-button.p-button-success:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-success:focus-visible {
    background-color: var(--vk-comp-button-background-color-success);
    border-color: var(--vk-comp-button-border-color-success);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-success);
  }
  .p-button.p-button-success:active {
    background-color: var(--vk-comp-button-background-color-success-active);
    border-color: var(--vk-comp-button-border-color-success-active);
    color: var(--vk-comp-button-color-success-active);
  }
  .p-button.p-button-success.p-disabled,
  .p-button.p-button-success:disabled {
    background-color: var(--vk-comp-button-background-color-success-disabled);
    border-color: var(--vk-comp-button-border-color-success-disabled);
    color: var(--vk-comp-button-color-success-disabled);
  }
  .p-button.p-button-success.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-success);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-success);
    color: var(--vk-comp-button-outlined-color-success);
  }
  .p-button.p-button-success.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-success-hover);
    border-color: var(--vk-comp-button-outlined-border-color-success-hover);
    color: var(--vk-comp-button-outlined-color-success-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-success-hover);
  }
  .p-button.p-button-success.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-success-active);
    border-color: var(--vk-comp-button-outlined-border-color-success-active);
    color: var(--vk-comp-button-outlined-color-success-active);
  }
  .p-button.p-button-success.p-button-outlined:focus,
  .p-button.p-button-success.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-success.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-success-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-success);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-success-focus);
  }
  .p-button.p-button-success.p-button-outlined.p-disabled,
  .p-button.p-button-success.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-success-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-success-disabled);
    color: var(--vk-comp-button-outlined-color-success-disabled);
  }
  .p-button.p-button-success.p-button-outlined.p-disabled:hover,
  .p-button.p-button-success.p-button-outlined:disabled:hover {
    outline: none;
  }
  .p-button.p-button-success.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-success);
    border: none;
    border-radius: 0;
    position: relative;
  }
  .p-button.p-button-success.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-success);
  }
  .p-button.p-button-success.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-success-hover);
    border-radius: 0;
  }
  .p-button.p-button-success.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-success-hover);
  }
  .p-button.p-button-success.p-button-text:focus,
  .p-button.p-button-success.p-button-text:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-success.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-success-focus);
  }
  .p-button.p-button-success.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-success-active);
  }
  .p-button.p-button-success.p-button-text.p-disabled,
  .p-button.p-button-success.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  .p-button.p-button-success.p-button-text.p-disabled::before,
  .p-button.p-button-success.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  .p-button.p-button-success.p-button-link {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-success);
  }
  .p-button.p-button-success.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  .p-button.p-button-success.p-button-link:hover .p-button-label,
  .p-button.p-button-success.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-success-hover);
  }
  .p-button.p-button-success.p-button-link:focus,
  .p-button.p-button-success.p-button-link:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-success.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-success-focus);
  }
  .p-button.p-button-success.p-button-link.p-disabled .p-button-label,
  .p-button.p-button-success.p-button-link.p-disabled .p-button-icon::before,
  .p-button.p-button-success.p-button-link:disabled .p-button-label,
  .p-button.p-button-success.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-success > .p-button {
    background-color: var(--vk-comp-button-background-color-success);
    color: var(--vk-comp-button-color-success);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-success);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  p-button.p-button-success > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  p-button.p-button-success > .p-button:hover {
    background-color: var(--vk-comp-button-background-color-success-hover);
    border-color: var(--vk-comp-button-border-color-success-hover);
    color: var(--vk-comp-button-color-success-hover);
  }
  p-button.p-button-success > .p-button:focus,
  p-button.p-button-success > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-success > .p-button:focus-visible {
    background-color: var(--vk-comp-button-background-color-success);
    border-color: var(--vk-comp-button-border-color-success);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-success);
  }
  p-button.p-button-success > .p-button:active {
    background-color: var(--vk-comp-button-background-color-success-active);
    border-color: var(--vk-comp-button-border-color-success-active);
    color: var(--vk-comp-button-color-success-active);
  }
  p-button.p-button-success > .p-button.p-disabled,
  p-button.p-button-success > .p-button:disabled {
    background-color: var(--vk-comp-button-background-color-success-disabled);
    border-color: var(--vk-comp-button-border-color-success-disabled);
    color: var(--vk-comp-button-color-success-disabled);
  }
  p-button.p-button-success.p-button-outlined > .p-button {
    background-color: var(--vk-comp-button-outlined-background-color-success);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-success);
    color: var(--vk-comp-button-outlined-color-success);
  }
  p-button.p-button-success.p-button-outlined > .p-button:hover {
    background-color: var(--vk-comp-button-outlined-background-color-success-hover);
    border-color: var(--vk-comp-button-outlined-border-color-success-hover);
    color: var(--vk-comp-button-outlined-color-success-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-success-hover);
  }
  p-button.p-button-success.p-button-outlined > .p-button:active {
    background-color: var(--vk-comp-button-outlined-background-color-success-active);
    border-color: var(--vk-comp-button-outlined-border-color-success-active);
    color: var(--vk-comp-button-outlined-color-success-active);
  }
  p-button.p-button-success.p-button-outlined > .p-button:focus,
  p-button.p-button-success.p-button-outlined > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-success.p-button-outlined > .p-button:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-success-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-success);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-success-focus);
  }
  p-button.p-button-success.p-button-outlined > .p-button.p-disabled,
  p-button.p-button-success.p-button-outlined > .p-button:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-success-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-success-disabled);
    color: var(--vk-comp-button-outlined-color-success-disabled);
  }
  p-button.p-button-success.p-button-outlined > .p-button.p-disabled:hover,
  p-button.p-button-success.p-button-outlined > .p-button:disabled:hover {
    outline: none;
  }
  p-button.p-button-success.p-button-text > .p-button {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-success);
    border: none;
    border-radius: 0;
    position: relative;
  }
  p-button.p-button-success.p-button-text > .p-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-success);
  }
  p-button.p-button-success.p-button-text > .p-button:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-success-hover);
    border-radius: 0;
  }
  p-button.p-button-success.p-button-text > .p-button:hover::before {
    background-color: var(--vk-comp-button-text-background-color-success-hover);
  }
  p-button.p-button-success.p-button-text > .p-button:focus,
  p-button.p-button-success.p-button-text > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-success.p-button-text > .p-button:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-success-focus);
  }
  p-button.p-button-success.p-button-text > .p-button:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-success-active);
  }
  p-button.p-button-success.p-button-text > .p-button.p-disabled,
  p-button.p-button-success.p-button-text > .p-button:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  p-button.p-button-success.p-button-text > .p-button.p-disabled::before,
  p-button.p-button-success.p-button-text > .p-button:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-success.p-button-link > .p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-success);
  }
  p-button.p-button-success.p-button-link > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button.p-button-success.p-button-link > .p-button:hover .p-button-label,
  p-button.p-button-success.p-button-link > .p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-success-hover);
  }
  p-button.p-button-success.p-button-link > .p-button:focus,
  p-button.p-button-success.p-button-link > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-success.p-button-link > .p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-success-focus);
  }
  p-button.p-button-success.p-button-link > .p-button.p-disabled .p-button-label,
  p-button.p-button-success.p-button-link > .p-button.p-disabled .p-button-icon::before,
  p-button.p-button-success.p-button-link > .p-button:disabled .p-button-label,
  p-button.p-button-success.p-button-link > .p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-success > .p-button-link.p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-success);
  }
  p-button.p-button-success > .p-button-link.p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button.p-button-success > .p-button-link.p-button:hover .p-button-label,
  p-button.p-button-success > .p-button-link.p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-success-hover);
  }
  p-button.p-button-success > .p-button-link.p-button:focus,
  p-button.p-button-success > .p-button-link.p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-success > .p-button-link.p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-success-focus);
  }
  p-button.p-button-success > .p-button-link.p-button.p-disabled .p-button-label,
  p-button.p-button-success > .p-button-link.p-button.p-disabled .p-button-icon::before,
  p-button.p-button-success > .p-button-link.p-button:disabled .p-button-label,
  p-button.p-button-success > .p-button-link.p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  .p-button.p-button-info {
    background-color: var(--vk-comp-button-background-color-info);
    color: var(--vk-comp-button-color-info);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-info);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  .p-button.p-button-info .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  .p-button.p-button-info:hover {
    background-color: var(--vk-comp-button-background-color-info-hover);
    border-color: var(--vk-comp-button-border-color-info-hover);
    color: var(--vk-comp-button-color-info-hover);
  }
  .p-button.p-button-info:focus,
  .p-button.p-button-info:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-info:focus-visible {
    background-color: var(--vk-comp-button-background-color-info);
    border-color: var(--vk-comp-button-border-color-info);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-info);
  }
  .p-button.p-button-info:active {
    background-color: var(--vk-comp-button-background-color-info-active);
    border-color: var(--vk-comp-button-border-color-info-active);
    color: var(--vk-comp-button-color-info-active);
  }
  .p-button.p-button-info.p-disabled,
  .p-button.p-button-info:disabled {
    background-color: var(--vk-comp-button-background-color-info-disabled);
    border-color: var(--vk-comp-button-border-color-info-disabled);
    color: var(--vk-comp-button-color-info-disabled);
  }
  .p-button.p-button-info.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-info);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-info);
    color: var(--vk-comp-button-outlined-color-info);
  }
  .p-button.p-button-info.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-info-hover);
    border-color: var(--vk-comp-button-outlined-border-color-info-hover);
    color: var(--vk-comp-button-outlined-color-info-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-info-hover);
  }
  .p-button.p-button-info.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-info-active);
    border-color: var(--vk-comp-button-outlined-border-color-info-active);
    color: var(--vk-comp-button-outlined-color-info-active);
  }
  .p-button.p-button-info.p-button-outlined:focus,
  .p-button.p-button-info.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-info.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-info-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-info);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-info-focus);
  }
  .p-button.p-button-info.p-button-outlined.p-disabled,
  .p-button.p-button-info.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-info-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-info-disabled);
    color: var(--vk-comp-button-outlined-color-info-disabled);
  }
  .p-button.p-button-info.p-button-outlined.p-disabled:hover,
  .p-button.p-button-info.p-button-outlined:disabled:hover {
    outline: none;
  }
  .p-button.p-button-info.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-info);
    border: none;
    border-radius: 0;
    position: relative;
  }
  .p-button.p-button-info.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-info);
  }
  .p-button.p-button-info.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-info-hover);
    border-radius: 0;
  }
  .p-button.p-button-info.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-info-hover);
  }
  .p-button.p-button-info.p-button-text:focus,
  .p-button.p-button-info.p-button-text:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-info.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-info-focus);
  }
  .p-button.p-button-info.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-info-active);
  }
  .p-button.p-button-info.p-button-text.p-disabled,
  .p-button.p-button-info.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  .p-button.p-button-info.p-button-text.p-disabled::before,
  .p-button.p-button-info.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  .p-button.p-button-info.p-button-link {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-info);
  }
  .p-button.p-button-info.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  .p-button.p-button-info.p-button-link:hover .p-button-label,
  .p-button.p-button-info.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-info-hover);
  }
  .p-button.p-button-info.p-button-link:focus,
  .p-button.p-button-info.p-button-link:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-info.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-info-focus);
  }
  .p-button.p-button-info.p-button-link.p-disabled .p-button-label,
  .p-button.p-button-info.p-button-link.p-disabled .p-button-icon::before,
  .p-button.p-button-info.p-button-link:disabled .p-button-label,
  .p-button.p-button-info.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-info > .p-button {
    background-color: var(--vk-comp-button-background-color-info);
    color: var(--vk-comp-button-color-info);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-info);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  p-button.p-button-info > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  p-button.p-button-info > .p-button:hover {
    background-color: var(--vk-comp-button-background-color-info-hover);
    border-color: var(--vk-comp-button-border-color-info-hover);
    color: var(--vk-comp-button-color-info-hover);
  }
  p-button.p-button-info > .p-button:focus,
  p-button.p-button-info > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-info > .p-button:focus-visible {
    background-color: var(--vk-comp-button-background-color-info);
    border-color: var(--vk-comp-button-border-color-info);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-info);
  }
  p-button.p-button-info > .p-button:active {
    background-color: var(--vk-comp-button-background-color-info-active);
    border-color: var(--vk-comp-button-border-color-info-active);
    color: var(--vk-comp-button-color-info-active);
  }
  p-button.p-button-info > .p-button.p-disabled,
  p-button.p-button-info > .p-button:disabled {
    background-color: var(--vk-comp-button-background-color-info-disabled);
    border-color: var(--vk-comp-button-border-color-info-disabled);
    color: var(--vk-comp-button-color-info-disabled);
  }
  p-button.p-button-info.p-button-outlined > .p-button {
    background-color: var(--vk-comp-button-outlined-background-color-info);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-info);
    color: var(--vk-comp-button-outlined-color-info);
  }
  p-button.p-button-info.p-button-outlined > .p-button:hover {
    background-color: var(--vk-comp-button-outlined-background-color-info-hover);
    border-color: var(--vk-comp-button-outlined-border-color-info-hover);
    color: var(--vk-comp-button-outlined-color-info-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-info-hover);
  }
  p-button.p-button-info.p-button-outlined > .p-button:active {
    background-color: var(--vk-comp-button-outlined-background-color-info-active);
    border-color: var(--vk-comp-button-outlined-border-color-info-active);
    color: var(--vk-comp-button-outlined-color-info-active);
  }
  p-button.p-button-info.p-button-outlined > .p-button:focus,
  p-button.p-button-info.p-button-outlined > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-info.p-button-outlined > .p-button:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-info-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-info);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-info-focus);
  }
  p-button.p-button-info.p-button-outlined > .p-button.p-disabled,
  p-button.p-button-info.p-button-outlined > .p-button:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-info-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-info-disabled);
    color: var(--vk-comp-button-outlined-color-info-disabled);
  }
  p-button.p-button-info.p-button-outlined > .p-button.p-disabled:hover,
  p-button.p-button-info.p-button-outlined > .p-button:disabled:hover {
    outline: none;
  }
  p-button.p-button-info.p-button-text > .p-button {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-info);
    border: none;
    border-radius: 0;
    position: relative;
  }
  p-button.p-button-info.p-button-text > .p-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-info);
  }
  p-button.p-button-info.p-button-text > .p-button:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-info-hover);
    border-radius: 0;
  }
  p-button.p-button-info.p-button-text > .p-button:hover::before {
    background-color: var(--vk-comp-button-text-background-color-info-hover);
  }
  p-button.p-button-info.p-button-text > .p-button:focus,
  p-button.p-button-info.p-button-text > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-info.p-button-text > .p-button:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-info-focus);
  }
  p-button.p-button-info.p-button-text > .p-button:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-info-active);
  }
  p-button.p-button-info.p-button-text > .p-button.p-disabled,
  p-button.p-button-info.p-button-text > .p-button:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  p-button.p-button-info.p-button-text > .p-button.p-disabled::before,
  p-button.p-button-info.p-button-text > .p-button:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-info.p-button-link > .p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-info);
  }
  p-button.p-button-info.p-button-link > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button.p-button-info.p-button-link > .p-button:hover .p-button-label,
  p-button.p-button-info.p-button-link > .p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-info-hover);
  }
  p-button.p-button-info.p-button-link > .p-button:focus,
  p-button.p-button-info.p-button-link > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-info.p-button-link > .p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-info-focus);
  }
  p-button.p-button-info.p-button-link > .p-button.p-disabled .p-button-label,
  p-button.p-button-info.p-button-link > .p-button.p-disabled .p-button-icon::before,
  p-button.p-button-info.p-button-link > .p-button:disabled .p-button-label,
  p-button.p-button-info.p-button-link > .p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-info > .p-button-link.p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-info);
  }
  p-button.p-button-info > .p-button-link.p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button.p-button-info > .p-button-link.p-button:hover .p-button-label,
  p-button.p-button-info > .p-button-link.p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-info-hover);
  }
  p-button.p-button-info > .p-button-link.p-button:focus,
  p-button.p-button-info > .p-button-link.p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-info > .p-button-link.p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-info-focus);
  }
  p-button.p-button-info > .p-button-link.p-button.p-disabled .p-button-label,
  p-button.p-button-info > .p-button-link.p-button.p-disabled .p-button-icon::before,
  p-button.p-button-info > .p-button-link.p-button:disabled .p-button-label,
  p-button.p-button-info > .p-button-link.p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  .p-button.p-button-warning {
    background-color: var(--vk-comp-button-background-color-warning);
    color: var(--vk-comp-button-color-warning);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-warning);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  .p-button.p-button-warning .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  .p-button.p-button-warning:hover {
    background-color: var(--vk-comp-button-background-color-warning-hover);
    border-color: var(--vk-comp-button-border-color-warning-hover);
    color: var(--vk-comp-button-color-warning-hover);
  }
  .p-button.p-button-warning:focus,
  .p-button.p-button-warning:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-warning:focus-visible {
    background-color: var(--vk-comp-button-background-color-warning);
    border-color: var(--vk-comp-button-border-color-warning);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-warning);
  }
  .p-button.p-button-warning:active {
    background-color: var(--vk-comp-button-background-color-warning-active);
    border-color: var(--vk-comp-button-border-color-warning-active);
    color: var(--vk-comp-button-color-warning-active);
  }
  .p-button.p-button-warning.p-disabled,
  .p-button.p-button-warning:disabled {
    background-color: var(--vk-comp-button-background-color-warning-disabled);
    border-color: var(--vk-comp-button-border-color-warning-disabled);
    color: var(--vk-comp-button-color-warning-disabled);
  }
  .p-button.p-button-warning.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-warning);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-warning);
    color: var(--vk-comp-button-outlined-color-warning);
  }
  .p-button.p-button-warning.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-warning-hover);
    border-color: var(--vk-comp-button-outlined-border-color-warning-hover);
    color: var(--vk-comp-button-outlined-color-warning-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-warning-hover);
  }
  .p-button.p-button-warning.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-warning-active);
    border-color: var(--vk-comp-button-outlined-border-color-warning-active);
    color: var(--vk-comp-button-outlined-color-warning-active);
  }
  .p-button.p-button-warning.p-button-outlined:focus,
  .p-button.p-button-warning.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-warning.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-warning-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-warning);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-warning-focus);
  }
  .p-button.p-button-warning.p-button-outlined.p-disabled,
  .p-button.p-button-warning.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-warning-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-warning-disabled);
    color: var(--vk-comp-button-outlined-color-warning-disabled);
  }
  .p-button.p-button-warning.p-button-outlined.p-disabled:hover,
  .p-button.p-button-warning.p-button-outlined:disabled:hover {
    outline: none;
  }
  .p-button.p-button-warning.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-warning);
    border: none;
    border-radius: 0;
    position: relative;
  }
  .p-button.p-button-warning.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-warning);
  }
  .p-button.p-button-warning.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-warning-hover);
    border-radius: 0;
  }
  .p-button.p-button-warning.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-warning-hover);
  }
  .p-button.p-button-warning.p-button-text:focus,
  .p-button.p-button-warning.p-button-text:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-warning.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-warning-focus);
  }
  .p-button.p-button-warning.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-warning-active);
  }
  .p-button.p-button-warning.p-button-text.p-disabled,
  .p-button.p-button-warning.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  .p-button.p-button-warning.p-button-text.p-disabled::before,
  .p-button.p-button-warning.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  .p-button.p-button-warning.p-button-link {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-warning);
  }
  .p-button.p-button-warning.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  .p-button.p-button-warning.p-button-link:hover .p-button-label,
  .p-button.p-button-warning.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-warning-hover);
  }
  .p-button.p-button-warning.p-button-link:focus,
  .p-button.p-button-warning.p-button-link:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-warning.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-warning-focus);
  }
  .p-button.p-button-warning.p-button-link.p-disabled .p-button-label,
  .p-button.p-button-warning.p-button-link.p-disabled .p-button-icon::before,
  .p-button.p-button-warning.p-button-link:disabled .p-button-label,
  .p-button.p-button-warning.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-warning > .p-button {
    background-color: var(--vk-comp-button-background-color-warning);
    color: var(--vk-comp-button-color-warning);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-warning);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  p-button.p-button-warning > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  p-button.p-button-warning > .p-button:hover {
    background-color: var(--vk-comp-button-background-color-warning-hover);
    border-color: var(--vk-comp-button-border-color-warning-hover);
    color: var(--vk-comp-button-color-warning-hover);
  }
  p-button.p-button-warning > .p-button:focus,
  p-button.p-button-warning > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-warning > .p-button:focus-visible {
    background-color: var(--vk-comp-button-background-color-warning);
    border-color: var(--vk-comp-button-border-color-warning);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-warning);
  }
  p-button.p-button-warning > .p-button:active {
    background-color: var(--vk-comp-button-background-color-warning-active);
    border-color: var(--vk-comp-button-border-color-warning-active);
    color: var(--vk-comp-button-color-warning-active);
  }
  p-button.p-button-warning > .p-button.p-disabled,
  p-button.p-button-warning > .p-button:disabled {
    background-color: var(--vk-comp-button-background-color-warning-disabled);
    border-color: var(--vk-comp-button-border-color-warning-disabled);
    color: var(--vk-comp-button-color-warning-disabled);
  }
  p-button.p-button-warning.p-button-outlined > .p-button {
    background-color: var(--vk-comp-button-outlined-background-color-warning);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-warning);
    color: var(--vk-comp-button-outlined-color-warning);
  }
  p-button.p-button-warning.p-button-outlined > .p-button:hover {
    background-color: var(--vk-comp-button-outlined-background-color-warning-hover);
    border-color: var(--vk-comp-button-outlined-border-color-warning-hover);
    color: var(--vk-comp-button-outlined-color-warning-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-warning-hover);
  }
  p-button.p-button-warning.p-button-outlined > .p-button:active {
    background-color: var(--vk-comp-button-outlined-background-color-warning-active);
    border-color: var(--vk-comp-button-outlined-border-color-warning-active);
    color: var(--vk-comp-button-outlined-color-warning-active);
  }
  p-button.p-button-warning.p-button-outlined > .p-button:focus,
  p-button.p-button-warning.p-button-outlined > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-warning.p-button-outlined > .p-button:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-warning-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-warning);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-warning-focus);
  }
  p-button.p-button-warning.p-button-outlined > .p-button.p-disabled,
  p-button.p-button-warning.p-button-outlined > .p-button:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-warning-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-warning-disabled);
    color: var(--vk-comp-button-outlined-color-warning-disabled);
  }
  p-button.p-button-warning.p-button-outlined > .p-button.p-disabled:hover,
  p-button.p-button-warning.p-button-outlined > .p-button:disabled:hover {
    outline: none;
  }
  p-button.p-button-warning.p-button-text > .p-button {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-warning);
    border: none;
    border-radius: 0;
    position: relative;
  }
  p-button.p-button-warning.p-button-text > .p-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-warning);
  }
  p-button.p-button-warning.p-button-text > .p-button:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-warning-hover);
    border-radius: 0;
  }
  p-button.p-button-warning.p-button-text > .p-button:hover::before {
    background-color: var(--vk-comp-button-text-background-color-warning-hover);
  }
  p-button.p-button-warning.p-button-text > .p-button:focus,
  p-button.p-button-warning.p-button-text > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-warning.p-button-text > .p-button:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-warning-focus);
  }
  p-button.p-button-warning.p-button-text > .p-button:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-warning-active);
  }
  p-button.p-button-warning.p-button-text > .p-button.p-disabled,
  p-button.p-button-warning.p-button-text > .p-button:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  p-button.p-button-warning.p-button-text > .p-button.p-disabled::before,
  p-button.p-button-warning.p-button-text > .p-button:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-warning.p-button-link > .p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-warning);
  }
  p-button.p-button-warning.p-button-link > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button.p-button-warning.p-button-link > .p-button:hover .p-button-label,
  p-button.p-button-warning.p-button-link > .p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-warning-hover);
  }
  p-button.p-button-warning.p-button-link > .p-button:focus,
  p-button.p-button-warning.p-button-link > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-warning.p-button-link > .p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-warning-focus);
  }
  p-button.p-button-warning.p-button-link > .p-button.p-disabled .p-button-label,
  p-button.p-button-warning.p-button-link > .p-button.p-disabled .p-button-icon::before,
  p-button.p-button-warning.p-button-link > .p-button:disabled .p-button-label,
  p-button.p-button-warning.p-button-link > .p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-warning > .p-button-link.p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-warning);
  }
  p-button.p-button-warning > .p-button-link.p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button.p-button-warning > .p-button-link.p-button:hover .p-button-label,
  p-button.p-button-warning > .p-button-link.p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-warning-hover);
  }
  p-button.p-button-warning > .p-button-link.p-button:focus,
  p-button.p-button-warning > .p-button-link.p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-warning > .p-button-link.p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-warning-focus);
  }
  p-button.p-button-warning > .p-button-link.p-button.p-disabled .p-button-label,
  p-button.p-button-warning > .p-button-link.p-button.p-disabled .p-button-icon::before,
  p-button.p-button-warning > .p-button-link.p-button:disabled .p-button-label,
  p-button.p-button-warning > .p-button-link.p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  .p-button.p-button-help {
    background-color: var(--vk-comp-button-background-color-help);
    color: var(--vk-comp-button-color-help);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-help);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  .p-button.p-button-help .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  .p-button.p-button-help:hover {
    background-color: var(--vk-comp-button-background-color-help-hover);
    border-color: var(--vk-comp-button-border-color-help-hover);
    color: var(--vk-comp-button-color-help-hover);
  }
  .p-button.p-button-help:focus,
  .p-button.p-button-help:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-help:focus-visible {
    background-color: var(--vk-comp-button-background-color-help);
    border-color: var(--vk-comp-button-border-color-help);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-help);
  }
  .p-button.p-button-help:active {
    background-color: var(--vk-comp-button-background-color-help-active);
    border-color: var(--vk-comp-button-border-color-help-active);
    color: var(--vk-comp-button-color-help-active);
  }
  .p-button.p-button-help.p-disabled,
  .p-button.p-button-help:disabled {
    background-color: var(--vk-comp-button-background-color-help-disabled);
    border-color: var(--vk-comp-button-border-color-help-disabled);
    color: var(--vk-comp-button-color-help-disabled);
  }
  .p-button.p-button-help.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-help);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-help);
    color: var(--vk-comp-button-outlined-color-help);
  }
  .p-button.p-button-help.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-help-hover);
    border-color: var(--vk-comp-button-outlined-border-color-help-hover);
    color: var(--vk-comp-button-outlined-color-help-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-help-hover);
  }
  .p-button.p-button-help.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-help-active);
    border-color: var(--vk-comp-button-outlined-border-color-help-active);
    color: var(--vk-comp-button-outlined-color-help-active);
  }
  .p-button.p-button-help.p-button-outlined:focus,
  .p-button.p-button-help.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-help.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-help-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-help);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-help-focus);
  }
  .p-button.p-button-help.p-button-outlined.p-disabled,
  .p-button.p-button-help.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-help-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-help-disabled);
    color: var(--vk-comp-button-outlined-color-help-disabled);
  }
  .p-button.p-button-help.p-button-outlined.p-disabled:hover,
  .p-button.p-button-help.p-button-outlined:disabled:hover {
    outline: none;
  }
  .p-button.p-button-help.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-help);
    border: none;
    border-radius: 0;
    position: relative;
  }
  .p-button.p-button-help.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-help);
  }
  .p-button.p-button-help.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-help-hover);
    border-radius: 0;
  }
  .p-button.p-button-help.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-help-hover);
  }
  .p-button.p-button-help.p-button-text:focus,
  .p-button.p-button-help.p-button-text:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-help.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-help-focus);
  }
  .p-button.p-button-help.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-help-active);
  }
  .p-button.p-button-help.p-button-text.p-disabled,
  .p-button.p-button-help.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  .p-button.p-button-help.p-button-text.p-disabled::before,
  .p-button.p-button-help.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  .p-button.p-button-help.p-button-link {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-help);
  }
  .p-button.p-button-help.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  .p-button.p-button-help.p-button-link:hover .p-button-label,
  .p-button.p-button-help.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-help-hover);
  }
  .p-button.p-button-help.p-button-link:focus,
  .p-button.p-button-help.p-button-link:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-help.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-help-focus);
  }
  .p-button.p-button-help.p-button-link.p-disabled .p-button-label,
  .p-button.p-button-help.p-button-link.p-disabled .p-button-icon::before,
  .p-button.p-button-help.p-button-link:disabled .p-button-label,
  .p-button.p-button-help.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-help > .p-button {
    background-color: var(--vk-comp-button-background-color-help);
    color: var(--vk-comp-button-color-help);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-help);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  p-button.p-button-help > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  p-button.p-button-help > .p-button:hover {
    background-color: var(--vk-comp-button-background-color-help-hover);
    border-color: var(--vk-comp-button-border-color-help-hover);
    color: var(--vk-comp-button-color-help-hover);
  }
  p-button.p-button-help > .p-button:focus,
  p-button.p-button-help > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-help > .p-button:focus-visible {
    background-color: var(--vk-comp-button-background-color-help);
    border-color: var(--vk-comp-button-border-color-help);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-help);
  }
  p-button.p-button-help > .p-button:active {
    background-color: var(--vk-comp-button-background-color-help-active);
    border-color: var(--vk-comp-button-border-color-help-active);
    color: var(--vk-comp-button-color-help-active);
  }
  p-button.p-button-help > .p-button.p-disabled,
  p-button.p-button-help > .p-button:disabled {
    background-color: var(--vk-comp-button-background-color-help-disabled);
    border-color: var(--vk-comp-button-border-color-help-disabled);
    color: var(--vk-comp-button-color-help-disabled);
  }
  p-button.p-button-help.p-button-outlined > .p-button {
    background-color: var(--vk-comp-button-outlined-background-color-help);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-help);
    color: var(--vk-comp-button-outlined-color-help);
  }
  p-button.p-button-help.p-button-outlined > .p-button:hover {
    background-color: var(--vk-comp-button-outlined-background-color-help-hover);
    border-color: var(--vk-comp-button-outlined-border-color-help-hover);
    color: var(--vk-comp-button-outlined-color-help-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-help-hover);
  }
  p-button.p-button-help.p-button-outlined > .p-button:active {
    background-color: var(--vk-comp-button-outlined-background-color-help-active);
    border-color: var(--vk-comp-button-outlined-border-color-help-active);
    color: var(--vk-comp-button-outlined-color-help-active);
  }
  p-button.p-button-help.p-button-outlined > .p-button:focus,
  p-button.p-button-help.p-button-outlined > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-help.p-button-outlined > .p-button:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-help-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-help);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-help-focus);
  }
  p-button.p-button-help.p-button-outlined > .p-button.p-disabled,
  p-button.p-button-help.p-button-outlined > .p-button:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-help-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-help-disabled);
    color: var(--vk-comp-button-outlined-color-help-disabled);
  }
  p-button.p-button-help.p-button-outlined > .p-button.p-disabled:hover,
  p-button.p-button-help.p-button-outlined > .p-button:disabled:hover {
    outline: none;
  }
  p-button.p-button-help.p-button-text > .p-button {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-help);
    border: none;
    border-radius: 0;
    position: relative;
  }
  p-button.p-button-help.p-button-text > .p-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-help);
  }
  p-button.p-button-help.p-button-text > .p-button:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-help-hover);
    border-radius: 0;
  }
  p-button.p-button-help.p-button-text > .p-button:hover::before {
    background-color: var(--vk-comp-button-text-background-color-help-hover);
  }
  p-button.p-button-help.p-button-text > .p-button:focus,
  p-button.p-button-help.p-button-text > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-help.p-button-text > .p-button:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-help-focus);
  }
  p-button.p-button-help.p-button-text > .p-button:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-help-active);
  }
  p-button.p-button-help.p-button-text > .p-button.p-disabled,
  p-button.p-button-help.p-button-text > .p-button:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  p-button.p-button-help.p-button-text > .p-button.p-disabled::before,
  p-button.p-button-help.p-button-text > .p-button:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-help.p-button-link > .p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-help);
  }
  p-button.p-button-help.p-button-link > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button.p-button-help.p-button-link > .p-button:hover .p-button-label,
  p-button.p-button-help.p-button-link > .p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-help-hover);
  }
  p-button.p-button-help.p-button-link > .p-button:focus,
  p-button.p-button-help.p-button-link > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-help.p-button-link > .p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-help-focus);
  }
  p-button.p-button-help.p-button-link > .p-button.p-disabled .p-button-label,
  p-button.p-button-help.p-button-link > .p-button.p-disabled .p-button-icon::before,
  p-button.p-button-help.p-button-link > .p-button:disabled .p-button-label,
  p-button.p-button-help.p-button-link > .p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-help > .p-button-link.p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-help);
  }
  p-button.p-button-help > .p-button-link.p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button.p-button-help > .p-button-link.p-button:hover .p-button-label,
  p-button.p-button-help > .p-button-link.p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-help-hover);
  }
  p-button.p-button-help > .p-button-link.p-button:focus,
  p-button.p-button-help > .p-button-link.p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-help > .p-button-link.p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-help-focus);
  }
  p-button.p-button-help > .p-button-link.p-button.p-disabled .p-button-label,
  p-button.p-button-help > .p-button-link.p-button.p-disabled .p-button-icon::before,
  p-button.p-button-help > .p-button-link.p-button:disabled .p-button-label,
  p-button.p-button-help > .p-button-link.p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  .p-button.p-button-danger {
    background-color: var(--vk-comp-button-background-color-danger);
    color: var(--vk-comp-button-color-danger);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-danger);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  .p-button.p-button-danger .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  .p-button.p-button-danger:hover {
    background-color: var(--vk-comp-button-background-color-danger-hover);
    border-color: var(--vk-comp-button-border-color-danger-hover);
    color: var(--vk-comp-button-color-danger-hover);
  }
  .p-button.p-button-danger:focus,
  .p-button.p-button-danger:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-danger:focus-visible {
    background-color: var(--vk-comp-button-background-color-danger);
    border-color: var(--vk-comp-button-border-color-danger);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-danger);
  }
  .p-button.p-button-danger:active {
    background-color: var(--vk-comp-button-background-color-danger-active);
    border-color: var(--vk-comp-button-border-color-danger-active);
    color: var(--vk-comp-button-color-danger-active);
  }
  .p-button.p-button-danger.p-disabled,
  .p-button.p-button-danger:disabled {
    background-color: var(--vk-comp-button-background-color-danger-disabled);
    border-color: var(--vk-comp-button-border-color-danger-disabled);
    color: var(--vk-comp-button-color-danger-disabled);
  }
  .p-button.p-button-danger.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-danger);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-danger);
    color: var(--vk-comp-button-outlined-color-danger);
  }
  .p-button.p-button-danger.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-danger-hover);
    border-color: var(--vk-comp-button-outlined-border-color-danger-hover);
    color: var(--vk-comp-button-outlined-color-danger-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-danger-hover);
  }
  .p-button.p-button-danger.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-danger-active);
    border-color: var(--vk-comp-button-outlined-border-color-danger-active);
    color: var(--vk-comp-button-outlined-color-danger-active);
  }
  .p-button.p-button-danger.p-button-outlined:focus,
  .p-button.p-button-danger.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-danger.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-danger-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-danger);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-danger-focus);
  }
  .p-button.p-button-danger.p-button-outlined.p-disabled,
  .p-button.p-button-danger.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-danger-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-danger-disabled);
    color: var(--vk-comp-button-outlined-color-danger-disabled);
  }
  .p-button.p-button-danger.p-button-outlined.p-disabled:hover,
  .p-button.p-button-danger.p-button-outlined:disabled:hover {
    outline: none;
  }
  .p-button.p-button-danger.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-danger);
    border: none;
    border-radius: 0;
    position: relative;
  }
  .p-button.p-button-danger.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-danger);
  }
  .p-button.p-button-danger.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-danger-hover);
    border-radius: 0;
  }
  .p-button.p-button-danger.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-danger-hover);
  }
  .p-button.p-button-danger.p-button-text:focus,
  .p-button.p-button-danger.p-button-text:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-danger.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-danger-focus);
  }
  .p-button.p-button-danger.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-danger-active);
  }
  .p-button.p-button-danger.p-button-text.p-disabled,
  .p-button.p-button-danger.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  .p-button.p-button-danger.p-button-text.p-disabled::before,
  .p-button.p-button-danger.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  .p-button.p-button-danger.p-button-link {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-danger);
  }
  .p-button.p-button-danger.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  .p-button.p-button-danger.p-button-link:hover .p-button-label,
  .p-button.p-button-danger.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-danger-hover);
  }
  .p-button.p-button-danger.p-button-link:focus,
  .p-button.p-button-danger.p-button-link:focus-visible {
    box-shadow: none;
  }
  .p-button.p-button-danger.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-danger-focus);
  }
  .p-button.p-button-danger.p-button-link.p-disabled .p-button-label,
  .p-button.p-button-danger.p-button-link.p-disabled .p-button-icon::before,
  .p-button.p-button-danger.p-button-link:disabled .p-button-label,
  .p-button.p-button-danger.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-danger > .p-button {
    background-color: var(--vk-comp-button-background-color-danger);
    color: var(--vk-comp-button-color-danger);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-danger);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: 3rem;
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  p-button.p-button-danger > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    line-height: 1.5;
    transition: none;
  }
  p-button.p-button-danger > .p-button:hover {
    background-color: var(--vk-comp-button-background-color-danger-hover);
    border-color: var(--vk-comp-button-border-color-danger-hover);
    color: var(--vk-comp-button-color-danger-hover);
  }
  p-button.p-button-danger > .p-button:focus,
  p-button.p-button-danger > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-danger > .p-button:focus-visible {
    background-color: var(--vk-comp-button-background-color-danger);
    border-color: var(--vk-comp-button-border-color-danger);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-danger);
  }
  p-button.p-button-danger > .p-button:active {
    background-color: var(--vk-comp-button-background-color-danger-active);
    border-color: var(--vk-comp-button-border-color-danger-active);
    color: var(--vk-comp-button-color-danger-active);
  }
  p-button.p-button-danger > .p-button.p-disabled,
  p-button.p-button-danger > .p-button:disabled {
    background-color: var(--vk-comp-button-background-color-danger-disabled);
    border-color: var(--vk-comp-button-border-color-danger-disabled);
    color: var(--vk-comp-button-color-danger-disabled);
  }
  p-button.p-button-danger.p-button-outlined > .p-button {
    background-color: var(--vk-comp-button-outlined-background-color-danger);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-danger);
    color: var(--vk-comp-button-outlined-color-danger);
  }
  p-button.p-button-danger.p-button-outlined > .p-button:hover {
    background-color: var(--vk-comp-button-outlined-background-color-danger-hover);
    border-color: var(--vk-comp-button-outlined-border-color-danger-hover);
    color: var(--vk-comp-button-outlined-color-danger-hover);
    outline: var(--vk-comp-button-outlined-outline-width) solid var(--vk-comp-button-outlined-border-color-danger-hover);
  }
  p-button.p-button-danger.p-button-outlined > .p-button:active {
    background-color: var(--vk-comp-button-outlined-background-color-danger-active);
    border-color: var(--vk-comp-button-outlined-border-color-danger-active);
    color: var(--vk-comp-button-outlined-color-danger-active);
  }
  p-button.p-button-danger.p-button-outlined > .p-button:focus,
  p-button.p-button-danger.p-button-outlined > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-danger.p-button-outlined > .p-button:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-danger-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-danger);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-danger-focus);
  }
  p-button.p-button-danger.p-button-outlined > .p-button.p-disabled,
  p-button.p-button-danger.p-button-outlined > .p-button:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-danger-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-danger-disabled);
    color: var(--vk-comp-button-outlined-color-danger-disabled);
  }
  p-button.p-button-danger.p-button-outlined > .p-button.p-disabled:hover,
  p-button.p-button-danger.p-button-outlined > .p-button:disabled:hover {
    outline: none;
  }
  p-button.p-button-danger.p-button-text > .p-button {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-danger);
    border: none;
    border-radius: 0;
    position: relative;
  }
  p-button.p-button-danger.p-button-text > .p-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: var(--vk-comp-button-text-background-color-danger);
  }
  p-button.p-button-danger.p-button-text > .p-button:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-danger-hover);
    border-radius: 0;
  }
  p-button.p-button-danger.p-button-text > .p-button:hover::before {
    background-color: var(--vk-comp-button-text-background-color-danger-hover);
  }
  p-button.p-button-danger.p-button-text > .p-button:focus,
  p-button.p-button-danger.p-button-text > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-danger.p-button-text > .p-button:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-danger-focus);
  }
  p-button.p-button-danger.p-button-text > .p-button:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-danger-active);
  }
  p-button.p-button-danger.p-button-text > .p-button.p-disabled,
  p-button.p-button-danger.p-button-text > .p-button:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  p-button.p-button-danger.p-button-text > .p-button.p-disabled::before,
  p-button.p-button-danger.p-button-text > .p-button:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-danger.p-button-link > .p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-danger);
  }
  p-button.p-button-danger.p-button-link > .p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button.p-button-danger.p-button-link > .p-button:hover .p-button-label,
  p-button.p-button-danger.p-button-link > .p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-danger-hover);
  }
  p-button.p-button-danger.p-button-link > .p-button:focus,
  p-button.p-button-danger.p-button-link > .p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-danger.p-button-link > .p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-danger-focus);
  }
  p-button.p-button-danger.p-button-link > .p-button.p-disabled .p-button-label,
  p-button.p-button-danger.p-button-link > .p-button.p-disabled .p-button-icon::before,
  p-button.p-button-danger.p-button-link > .p-button:disabled .p-button-label,
  p-button.p-button-danger.p-button-link > .p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  p-button.p-button-danger > .p-button-link.p-button {
    background-color: transparent;
    border: none;
    padding: 0;
    font: var(--vk-comp-button-font-style);
    min-height: var(--vk-comp-button-line-height-link);
    color: var(--vk-comp-button-link-color-danger);
  }
  p-button.p-button-danger > .p-button-link.p-button .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  p-button.p-button-danger > .p-button-link.p-button:hover .p-button-label,
  p-button.p-button-danger > .p-button-link.p-button:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-danger-hover);
  }
  p-button.p-button-danger > .p-button-link.p-button:focus,
  p-button.p-button-danger > .p-button-link.p-button:focus-visible {
    box-shadow: none;
  }
  p-button.p-button-danger > .p-button-link.p-button:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-danger-focus);
  }
  p-button.p-button-danger > .p-button-link.p-button.p-disabled .p-button-label,
  p-button.p-button-danger > .p-button-link.p-button.p-disabled .p-button-icon::before,
  p-button.p-button-danger > .p-button-link.p-button:disabled .p-button-label,
  p-button.p-button-danger > .p-button-link.p-button:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button,
  .p-button:not(.p-selectbutton),
  p-button > .p-button {
    --p-disabled-opacity: 1;
    transition: none;
    overflow: visible;
  }
  :not(.p-selectbutton) > .p-button .pi,
  .p-button:not(.p-selectbutton) .pi,
  p-button > .p-button .pi {
    line-height: var(--vk-comp-button-icon-line-height) !important;
    font-size: 1rem;
  }
  :not(.p-selectbutton) > .p-button .icon,
  .p-button:not(.p-selectbutton) .icon,
  p-button > .p-button .icon {
    line-height: var(--vk-comp-button-icon-line-height) !important;
    font-size: 1rem;
  }
  :not(.p-selectbutton) > .p-button,
  .p-button:not(.p-selectbutton),
  p-button > .p-button {
  }
  :not(.p-selectbutton) > .p-button:not(.p-button-icon-only):not(.p-button-loading-icon),
  .p-button:not(.p-selectbutton):not(.p-button-icon-only):not(.p-button-loading-icon),
  p-button > .p-button:not(.p-button-icon-only):not(.p-button-loading-icon) {
    align-items: flex-start;
  }
  :not(.p-selectbutton) > .p-button,
  .p-button:not(.p-selectbutton),
  p-button > .p-button {
  }
  :not(.p-selectbutton) > .p-button.p-button-icon-only,
  .p-button:not(.p-selectbutton).p-button-icon-only,
  p-button > .p-button.p-button-icon-only {
    min-width: 3rem;
    min-height: 3rem;
  }
  :not(.p-selectbutton) > .p-button.p-button-icon-only .pi.p-button-icon,
  :not(.p-selectbutton) > .p-button.p-button-icon-only .icon.p-button-icon,
  .p-button:not(.p-selectbutton).p-button-icon-only .pi.p-button-icon,
  .p-button:not(.p-selectbutton).p-button-icon-only .icon.p-button-icon,
  p-button > .p-button.p-button-icon-only .pi.p-button-icon,
  p-button > .p-button.p-button-icon-only .icon.p-button-icon {
    font-size: 1.5rem;
  }
  :not(.p-selectbutton) > .p-button .p-hidden,
  .p-button:not(.p-selectbutton) .p-hidden,
  p-button > .p-button .p-hidden {
    display: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-loading spinnericon::before,
  .p-button:not(.p-selectbutton).p-button-loading spinnericon::before,
  p-button > .p-button.p-button-loading spinnericon::before {
    animation: p-icon-spin 2s infinite linear;
  }
  p-button:focus-visible {
    outline: none;
  }
  p-button {
    background: unset;
    border: unset;
    color: unset;
  }
  .p-orderlist {
    --p-orderlist-gap: 0;
    --p-orderlist-controls-gap: var(--vk-comp-orderlist-controls-spacing-xs);
  }
  .p-orderlist .p-orderlist-controls {
    padding: var(--vk-comp-orderlist-controls-spacing-l);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary {
    min-width: 3rem;
    min-height: 3rem;
    padding: 0;
    color: var(--vk-comp-orderlist-controls-text-color);
    align-items: center;
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:not(.p-button-link) {
    background-color: var(--vk-comp-orderlist-controls-button-color);
    border-color: var(--vk-comp-orderlist-controls-button-color);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:not(.p-button-link):hover {
    background-color: var(--vk-comp-orderlist-controls-button-color-hover);
    border-color: var(--vk-comp-orderlist-controls-button-border-color-hover);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:not(.p-button-link):active {
    background-color: var(--vk-comp-orderlist-controls-button-color-active);
    border-color: var(--vk-comp-orderlist-controls-button-color-active);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:hover {
    background-color: var(--vk-comp-orderlist-controls-button-color-hover);
    border-color: var(--vk-comp-orderlist-controls-button-color-hover);
    color: var(--vk-comp-orderlist-controls-text-color-hover);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:active {
    background-color: var(--vk-comp-orderlist-controls-button-color-active);
    border-color: var(--vk-comp-orderlist-controls-button-color-active);
    color: var(--vk-comp-orderlist-controls-text-color-active);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary.p-disabled,
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:disabled,
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary.p-disabled:hover,
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:disabled:hover {
    color: var(--vk-comp-orderlist-controls-text-color-active);
    background-color: var(--vk-comp-orderlist-controls-button-color-disabled);
    border-color: var(--vk-comp-orderlist-controls-button-color-disabled);
  }
  .p-listbox {
    --p-listbox-border-radius: var(--vk-comp-orderlist-container-border-radius);
    --p-listbox-list-padding: 0;
    --p-listbox-option-color: var(--vk-comp-orderlist-container-font-color);
    --p-listbox-option-focus-color: var(--vk-comp-orderlist-container-font-color);
    --p-listbox-option-selected-color: var(--vk-comp-orderlist-container-font-color);
    --p-listbox-option-selected-focus-color: var(--vk-comp-orderlist-container-font-color);
    --p-listbox-option-focus-background: var(--vk-comp-orderlist-container-item-background-color-focus);
    --p-listbox-option-selected-background: var(--vk-comp-orderlist-container-item-background-color-active);
    --p-listbox-option-selected-focus-background: var(--vk-comp-orderlist-container-item-background-color-active-focus);
    --p-listbox-list-header-padding: var(--vk-comp-orderlist-controls-spacing-l);
    border-color: var(--vk-comp-orderlist-border-color);
  }
  .p-listbox .p-listbox-header {
    border-bottom: 1px solid var(--vk-comp-orderlist-border-color);
  }
  .p-listbox {
  }
  .p-listbox .p-listbox-list-container .p-listbox-option {
    padding: var(--vk-comp-orderlist-controls-spacing-l);
    font: var(--vk-comp-orderlist-container-item-font);
  }
  .p-paginator .p-paginator-first,
  .p-paginator .p-paginator-prev,
  .p-paginator .p-paginator-next,
  .p-paginator .p-paginator-last,
  .p-paginator .p-paginator-current,
  .p-paginator .p-paginator-pages .p-paginator-page {
    font: var(--vk-comp-table-paginator-font-style);
    color: var(--vk-comp-table-paginator-color);
    border-radius: 50%;
    transition: none;
  }
  .p-paginator .p-paginator-first.p-disabled,
  .p-paginator .p-paginator-prev.p-disabled,
  .p-paginator .p-paginator-next.p-disabled,
  .p-paginator .p-paginator-last.p-disabled,
  .p-paginator .p-paginator-current.p-disabled,
  .p-paginator .p-paginator-pages .p-paginator-page.p-disabled {
    color: var(--vk-comp-table-paginator-color-disabled);
  }
  .p-paginator .p-paginator-first:not(.p-disabled, .p-paginator-page-selected):hover,
  .p-paginator .p-paginator-prev:not(.p-disabled, .p-paginator-page-selected):hover,
  .p-paginator .p-paginator-next:not(.p-disabled, .p-paginator-page-selected):hover,
  .p-paginator .p-paginator-last:not(.p-disabled, .p-paginator-page-selected):hover,
  .p-paginator .p-paginator-pages .p-paginator-page:not(.p-paginator-page-selected):hover {
    background-color: var(--vk-comp-table-paginator-background-color-hover);
  }
  .p-paginator .p-paginator-pages .p-paginator-page.p-paginator-page-selected {
    background-color: var(--vk-comp-table-paginator-background-color-highlight);
    color: var(--vk-comp-table-paginator-color-highlight);
  }
  .p-paginator .p-paginator-current {
    font: var(--vk-comp-table-paginator-font-style);
  }
  .p-paginator .p-select {
    height: unset;
    width: unset;
  }
  .p-paginator .p-select .p-select-label {
    display: flex;
    align-items: center;
  }
  .p-paginator .p-select .p-select-label:hover {
    border: none;
  }
  .p-datatable,
  .p-treetable {
    --p-datatable-header-padding: 1rem;
    --p-datatable-header-cell-focus-ring-color: var(--vk-focus-visible-outline-color);
    --p-datatable-header-cell-focus-ring-offset: -2px;
    --p-datatable-row-selected-background: none;
    --p-datatable-row-hover-background: var(--vk-comp-table-row-background-color-hover);
    --p-datatable-row-focus-ring-color: var(--vk-focus-visible-outline-color);
    --p-datatable-row-focus-ring-offset: -2px;
    --p-datatable-header-cell-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-datatable-row-focus-ring-width: var(--vk-focus-visible-outline-width);
  }
  .p-datatable .p-datatable-header,
  .p-datatable .p-treetable-header,
  .p-treetable .p-datatable-header,
  .p-treetable .p-treetable-header {
    border-top: var(--vk-comp-table-header-border-width) solid var(--vk-comp-table-header-border-color);
    background-color: var(--vk-comp-table-header-caption-background-color);
  }
  .p-datatable .p-datatable-header .table-header,
  .p-datatable .p-treetable-header .table-header,
  .p-treetable .p-datatable-header .table-header,
  .p-treetable .p-treetable-header .table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: var(--vk-comp-table-header-font-style);
    font-size: var(--vk-comp-table-header-font-size);
    color: var(--vk-comp-table-header-font-color);
  }
  .p-datatable .p-datatable-thead > tr:first-child > th,
  .p-datatable .p-treetable-thead > tr:first-child > th,
  .p-treetable .p-datatable-thead > tr:first-child > th,
  .p-treetable .p-treetable-thead > tr:first-child > th {
    border-top: var(--vk-comp-table-header-border-width) solid var(--vk-comp-table-header-border-color);
  }
  .p-datatable .p-datatable-thead > tr:last-child > th,
  .p-datatable .p-treetable-thead > tr:last-child > th,
  .p-treetable .p-datatable-thead > tr:last-child > th,
  .p-treetable .p-treetable-thead > tr:last-child > th {
    border-bottom: var(--vk-comp-table-header-border-width) solid var(--vk-comp-table-header-border-color);
  }
  .p-datatable .p-datatable-thead > tr > th,
  .p-datatable .p-treetable-thead > tr > th,
  .p-treetable .p-datatable-thead > tr > th,
  .p-treetable .p-treetable-thead > tr > th {
    background-color: var(--vk-comp-table-header-background-color);
    color: var(--vk-comp-table-header-font-color);
    font: var(--vk-comp-table-header-font-style);
    font-size: var(--vk-comp-table-header-font-size);
    padding: 1rem;
  }
  .p-datatable .p-datatable-thead > tr > th.p-datatable-sortable-column,
  .p-datatable .p-treetable-thead > tr > th.p-datatable-sortable-column,
  .p-treetable .p-datatable-thead > tr > th.p-datatable-sortable-column,
  .p-treetable .p-treetable-thead > tr > th.p-datatable-sortable-column {
    color: var(--vk-comp-table-header-font-color-interactable);
  }
  .p-datatable .p-datatable-thead > tr > th.p-datatable-sortable-column:hover,
  .p-datatable .p-treetable-thead > tr > th.p-datatable-sortable-column:hover,
  .p-treetable .p-datatable-thead > tr > th.p-datatable-sortable-column:hover,
  .p-treetable .p-treetable-thead > tr > th.p-datatable-sortable-column:hover {
    color: var(--vk-comp-table-header-font-color-interactable-hover);
  }
  .p-datatable .p-datatable-thead p-sorticon,
  .p-datatable .p-datatable-thead p-columnfilter,
  .p-datatable .p-treetable-thead p-sorticon,
  .p-datatable .p-treetable-thead p-columnfilter,
  .p-treetable .p-datatable-thead p-sorticon,
  .p-treetable .p-datatable-thead p-columnfilter,
  .p-treetable .p-treetable-thead p-sorticon,
  .p-treetable .p-treetable-thead p-columnfilter {
    margin-left: 1rem;
  }
  .p-datatable .p-datatable-thead sortalticon::before,
  .p-datatable .p-datatable-thead sortamountupalticon::before,
  .p-datatable .p-datatable-thead sortamountdownicon::before,
  .p-datatable .p-datatable-thead filtericon::before,
  .p-datatable .p-treetable-thead sortalticon::before,
  .p-datatable .p-treetable-thead sortamountupalticon::before,
  .p-datatable .p-treetable-thead sortamountdownicon::before,
  .p-datatable .p-treetable-thead filtericon::before,
  .p-treetable .p-datatable-thead sortalticon::before,
  .p-treetable .p-datatable-thead sortamountupalticon::before,
  .p-treetable .p-datatable-thead sortamountdownicon::before,
  .p-treetable .p-datatable-thead filtericon::before,
  .p-treetable .p-treetable-thead sortalticon::before,
  .p-treetable .p-treetable-thead sortamountupalticon::before,
  .p-treetable .p-treetable-thead sortamountdownicon::before,
  .p-treetable .p-treetable-thead filtericon::before {
    font-size: 1rem;
    font-weight: var(--vk-comp-table-header-icon-font-weight);
  }
  .p-datatable .p-datatable-thead .p-column-filter-menu-button,
  .p-datatable .p-treetable-thead .p-column-filter-menu-button,
  .p-treetable .p-datatable-thead .p-column-filter-menu-button,
  .p-treetable .p-treetable-thead .p-column-filter-menu-button {
    border-radius: 0;
  }
  .p-datatable .p-datatable-thead .p-column-filter-menu-button:focus,
  .p-datatable .p-datatable-thead .p-column-filter-menu-button:focus-visible,
  .p-datatable .p-treetable-thead .p-column-filter-menu-button:focus,
  .p-datatable .p-treetable-thead .p-column-filter-menu-button:focus-visible,
  .p-treetable .p-datatable-thead .p-column-filter-menu-button:focus,
  .p-treetable .p-datatable-thead .p-column-filter-menu-button:focus-visible,
  .p-treetable .p-treetable-thead .p-column-filter-menu-button:focus,
  .p-treetable .p-treetable-thead .p-column-filter-menu-button:focus-visible {
    box-shadow: none;
  }
  .p-datatable .p-datatable-thead .p-sortable-column:focus,
  .p-datatable .p-datatable-thead .p-sortable-column:focus-visible,
  .p-datatable .p-treetable-thead .p-sortable-column:focus,
  .p-datatable .p-treetable-thead .p-sortable-column:focus-visible,
  .p-treetable .p-datatable-thead .p-sortable-column:focus,
  .p-treetable .p-datatable-thead .p-sortable-column:focus-visible,
  .p-treetable .p-treetable-thead .p-sortable-column:focus,
  .p-treetable .p-treetable-thead .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 2px var(--vk-comp-table-header-border-color-focus);
    background-color: var(--vk-comp-table-header-background-color-focus);
    color: var(--vk-comp-table-header-font-color-focus);
  }
  .p-datatable .p-datatable-thead .p-sortable-column:focus .p-icon-wrapper::before,
  .p-datatable .p-datatable-thead .p-sortable-column:focus-visible .p-icon-wrapper::before,
  .p-datatable .p-treetable-thead .p-sortable-column:focus .p-icon-wrapper::before,
  .p-datatable .p-treetable-thead .p-sortable-column:focus-visible .p-icon-wrapper::before,
  .p-treetable .p-datatable-thead .p-sortable-column:focus .p-icon-wrapper::before,
  .p-treetable .p-datatable-thead .p-sortable-column:focus-visible .p-icon-wrapper::before,
  .p-treetable .p-treetable-thead .p-sortable-column:focus .p-icon-wrapper::before,
  .p-treetable .p-treetable-thead .p-sortable-column:focus-visible .p-icon-wrapper::before {
    color: var(--vk-comp-table-header-font-color-focus);
  }
  .p-datatable .p-datatable-tbody > tr > td,
  .p-datatable .p-treetable-tbody > tr > td,
  .p-treetable .p-datatable-tbody > tr > td,
  .p-treetable .p-treetable-tbody > tr > td {
    vertical-align: top;
    font: var(--vk-comp-table-row-font-style);
    color: var(--vk-comp-table-row-font-color);
    border-bottom: var(--vk-comp-table-header-border-width) solid var(--vk-comp-table-header-border-color);
    padding: 1rem;
    white-space: normal;
  }
  .p-datatable .p-datatable-tbody tr.p-datatable-row-selected,
  .p-datatable .p-treetable-tbody tr.p-datatable-row-selected,
  .p-treetable .p-datatable-tbody tr.p-datatable-row-selected,
  .p-treetable .p-treetable-tbody tr.p-datatable-row-selected {
    background-color: var(--vk-comp-table-row-background-color-highlight);
  }
  .p-datatable .p-datatable-tbody tr.p-datatable-row-selected:hover,
  .p-datatable .p-treetable-tbody tr.p-datatable-row-selected:hover,
  .p-treetable .p-datatable-tbody tr.p-datatable-row-selected:hover,
  .p-treetable .p-treetable-tbody tr.p-datatable-row-selected:hover {
    background-color: var(--vk-comp-table-row-background-color-hover);
  }
  .p-datatable .p-datatable-thead .p-iconwrapper,
  .p-treetable .p-datatable-thead .p-iconwrapper {
    color: var(--vk-comp-table-header-icon-color-interactable);
    font-size: var(--vk-comp-table-header-icon-size);
    line-height: var(--vk-comp-table-header-icon-size);
    cursor: pointer;
  }
  .p-datatable .p-button.p-button-secondary.p-button-text,
  .p-treetable .p-button.p-button-secondary.p-button-text {
    min-height: unset;
    min-width: unset;
    height: 2rem;
    width: 2rem;
    padding: unset;
  }
  .p-datatable .p-button.p-button-secondary.p-button-text::before,
  .p-treetable .p-button.p-button-secondary.p-button-text::before {
    height: 0;
    background-color: transparent;
  }
  .p-datatable-filter-overlay {
    border-radius: var(--vk-comp-table-filter-overlay-border-radius);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text {
    color: var(--vk-comp-table-filter-addrule-button-color);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text::before {
    background-color: var(--vk-comp-table-filter-addrule-button-color);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text plusicon::before {
    margin-right: 0.5rem;
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text:hover {
    color: var(--vk-comp-table-filter-addrule-button-color-hover);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text:hover::before {
    background-color: var(--vk-comp-table-filter-addrule-button-color-hover);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text:active {
    color: var(--vk-comp-table-filter-addrule-button-color-active);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text:active::before {
    background-color: var(--vk-comp-table-filter-addrule-button-color-active);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text:focus-visible {
    color: var(--vk-comp-table-filter-addrule-button-color-focus);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text:focus-visible::before {
    background-color: var(--vk-comp-table-filter-addrule-button-color-focus);
  }
  .p-datatable-filter-overlay .p-datatable-filter-remove-button.p-button-text trashicon::before {
    margin-right: 0.5rem;
  }
  .p-datatable-filter-overlay .p-datepicker .p-inputtext {
    border-radius: var(--vk-comp-input-border-radius);
  }
  .p-datatable-filter-overlay .p-datatable-filter-buttonbar {
    gap: 1rem;
  }
  .p-datatable-filter-overlay .p-datatable-filter-buttonbar .p-button.p-button-outlined {
    color: var(--vk-comp-table-filter-clear-button-color);
    border: var(--vk-comp-table-filter-button-border-width) solid var(--vk-comp-table-filter-clear-button-border-color-default);
  }
  .p-datatable-filter-overlay .p-datatable-filter-buttonbar .p-button.p-button-outlined:hover {
    color: var(--vk-comp-table-filter-clear-button-color-hover);
    border: var(--vk-comp-table-filter-button-border-width) solid var(--vk-comp-table-filter-clear-button-border-color-hover);
    outline: var(--vk-comp-table-filter-clear-button-outline-hover);
  }
  .p-datatable-filter-overlay .p-datatable-filter-buttonbar .p-button.p-button-outlined:active {
    color: var(--vk-comp-table-filter-clear-button-color-active);
    border-color: var(--vk-comp-table-filter-clear-button-border-color-active);
  }
  .p-datatable-filter-overlay .p-datatable-filter-buttonbar .p-button.p-button-outlined:focus {
    color: var(--vk-comp-table-filter-clear-button-color-focus);
    border-color: var(--vk-comp-table-filter-clear-button-border-color-focus);
    background-color: transparent;
  }
  .p-treetable {
    --p-treetable-header-padding: 1rem;
    --p-treetable-header-cell-focus-ring-color: var(--vk-focus-visible-outline-color);
    --p-treetable-header-cell-focus-ring-offset: -2px;
    --p-treetable-header-cell-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-treetable-row-selected-background: var(--vk-comp-table-row-background-color-highlight);
    --p-treetable-row-hover-background: var(--vk-comp-table-row-background-color-hover);
    --p-treetable-row-focus-ring-color: var(--vk-focus-visible-outline-color);
    --p-treetable-row-focus-ring-offset: -2px;
    --p-treetable-node-toggle-button-size: 2rem;
    --p-treetable-row-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-treetable-node-toggle-button-focus-ring-offset: var(--vk-focus-visible-outline-offset);
    --p-treetable-node-toggle-button-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-treetable-node-toggle-button-focus-ring-color: var(--vk-focus-visible-outline-color);
  }
  .p-treetable .p-treetable-thead > tr > th.p-sortable-column {
    color: var(--vk-comp-table-header-font-color-interactable);
  }
  .p-treetable .p-treetable-thead p-treetablesorticon {
    margin-left: 1rem;
  }
  .p-treetable .p-treetable-tbody > tr {
    transition: none;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    vertical-align: middle;
  }
  .p-treetable .p-treetable-tbody .p-treetable-toggler {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody .p-treetable-toggler:hover {
    background-color: var(--vk-comp-treetable-icon-background-color-hover);
  }
  .p-treetable .p-treetable-tbody > tr.p-treetable-row-selected {
    background-color: var(--vk-comp-table-row-background-color-highlight);
  }
  .p-treetable .p-treetable-tbody > tr.p-treetable-row-selected .p-treetable-toggler {
    background-color: var(--vk-comp-treetable-icon-background-color-default);
  }
  .p-treetable .p-treetable-tbody > tr.p-treetable-row-selected .p-treetable-toggler .p-iconwrapper::before {
    color: var(--oev-color-action-white);
  }
  .p-treetable .p-treetable-tbody > tr.p-treetable-row-selected .p-treetable-toggler:hover {
    background-color: var(--vk-comp-treetable-icon-background-color-default);
  }
  .p-treetable .p-treetable-tbody > tr.p-treetable-row-selected .p-treetable-toggler:hover .p-iconwrapper::before {
    color: var(--oev-color-action-white);
  }
  .p-fileupload {
    --p-fileupload-header-padding: 0;
    --p-fileupload-content-padding: 0;
    --p-fileupload-file-padding: 0.5rem 0.5rem 0.5rem 1rem;
    --p-fileupload-filelist-gap: 1rem;
    --p-fileupload-file-gap: 2rem;
    border: 0;
  }
  .p-fileupload.p-fileupload-basic {
    justify-content: flex-start;
  }
  .p-fileupload .p-fileupload-file {
    background-color: var(--vk-comp-fileupload-file-background-color);
    border-radius: var(--vk-comp-fileupload-border-radius);
    flex-wrap: nowrap;
  }
  .p-fileupload .p-fileupload-content .p-progressbar-determinate {
    display: none;
  }
  .p-fileupload .p-button.p-button-text.p-fileupload-file-remove-button::before,
  .p-fileupload .p-button.p-button-text.p-fileupload-file-remove-button:hover::before {
    background-color: transparent;
  }
  .p-fileupload .p-button.p-button-danger.p-button-text.p-fileupload-file-remove-button:hover {
    color: var(--vk-comp-fileupload-close-button-color-hover);
  }
  @media (width > 37.5rem) {
    .p-fileupload .p-fileupload-file-info {
      flex-direction: row;
      gap: 2rem;
    }
  }
  .p-fileupload .p-button.p-fileupload-choose-button {
    color: var(--vk-comp-fileupload-button-text-color);
    background-color: var(--vk-comp-fileupload-button-background-color);
    border-color: var(--vk-comp-fileupload-button-border-color);
    align-items: center;
  }
  .p-fileupload .p-button.p-fileupload-choose-button:hover {
    background-color: var(--vk-comp-fileupload-button-background-color-hover);
    border-color: var(--vk-comp-fileupload-button-border-color-hover);
    color: var(--vk-comp-fileupload-button-text-color-hover);
  }
  .p-fileupload .p-button.p-fileupload-choose-button:active {
    background-color: var(--vk-comp-fileupload-button-background-color-active);
    border-color: var(--vk-comp-fileupload-button-border-color-active);
    color: var(--vk-comp-fileupload-button-text-color-active);
  }
  .p-fileupload .p-button.p-fileupload-choose-button:focus {
    box-shadow: 0 0 0 var(--vk-comp-fileupload-border-width) var(--vk-comp-fileupload-button-border-color-focus);
  }
  .p-fileupload .p-button.p-fileupload-choose-button:disabled {
    color: var(--vk-comp-fileupload-button-text-color);
    background-color: var(--vk-comp-fileupload-button-background-color-disabled);
    border-color: var(--vk-comp-fileupload-button-border-color-disabled);
  }
  .p-autocomplete {
    --p-autocomplete-invalid-border-color: var(--vk-comp-input-border-color-error);
    --p-autocomplete-list-padding: 0;
    --p-autocomplete-option-selected-background: var(--oev-color-gray-100);
    --p-autocomplete-option-selected-focus-background: var(--vk-comp-autocomplete-item-background-color-hover);
    --p-autocomplete-option-selected-color: var(--oev-color-font-body-default);
    --p-autocomplete-option-selected-focus-color: var(--oev-color-font-body-default);
    --p-autocomplete-dropdown-border-color: var(--vk-comp-button-border-color-primary);
    --p-autocomplete-dropdown-hover-border-color: var(--vk-comp-button-border-color-primary-hover);
    --p-autocomplete-dropdown-active-border-color: var(--vk-comp-button-border-color-primary-active);
    --p-autocomplete-dropdown-border-radius: var(--vk-comp-button-border-radius);
    --p-autocomplete-dropdown-background: var(--vk-comp-button-background-color-primary);
    --p-autocomplete-dropdown-hover-background: var(--vk-comp-button-background-color-primary-hover);
    --p-autocomplete-dropdown-active-background: var(--vk-comp-button-background-color-primary-active);
    --p-autocomplete-dropdown-color: var(--vk-comp-button-color-primary);
    --p-autocomplete-dropdown-hover-color: var(--vk-comp-button-color-primary);
    --p-autocomplete-dropdown-active-color: var(--vk-comp-button-color-primary);
    --p-disabled-opacity: 1;
    width: 100%;
  }
  .p-autocomplete .p-autocomplete-dropdown {
    font-size: 1rem;
    padding: 0 1.25rem;
    min-width: 3rem;
    min-height: 3rem;
  }
  .ng-dirty.ng-invalid .p-autocomplete .p-inputtext,
  .ng-invalid .p-autocomplete .p-inputtext {
    border: var(--vk-comp-input-border-width-error) solid var(--vk-comp-input-border-color-error);
    box-shadow: var(--vk-comp-autocomplete-box-shadow-error);
  }
  .ng-dirty.ng-invalid .p-autocomplete .p-inputtext:not(:disabled):not(.p-disabled):hover,
  .ng-invalid .p-autocomplete .p-inputtext:not(:disabled):not(.p-disabled):hover {
    border: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-error-hover);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover);
  }
  .ng-dirty.ng-invalid .p-autocomplete .p-inputtext:not(:disabled):not(.p-disabled):focus,
  .ng-dirty.ng-invalid .p-autocomplete .p-inputtext:not(:disabled):not(.p-disabled).p-focus,
  .ng-invalid .p-autocomplete .p-inputtext:not(:disabled):not(.p-disabled):focus,
  .ng-invalid .p-autocomplete .p-inputtext:not(:disabled):not(.p-disabled).p-focus {
    border-color: var(--vk-comp-input-border-color-error-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-focus);
  }
  .ng-dirty.ng-invalid .p-autocomplete .p-inputtext:not(:disabled):not(.p-disabled):hover:focus,
  .ng-dirty.ng-invalid .p-autocomplete .p-inputtext:not(:disabled):not(.p-disabled):active:focus,
  .ng-invalid .p-autocomplete .p-inputtext:not(:disabled):not(.p-disabled):hover:focus,
  .ng-invalid .p-autocomplete .p-inputtext:not(:disabled):not(.p-disabled):active:focus {
    border-color: var(--vk-comp-input-border-color-error-hover-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover-focus);
  }
  .ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-dropdown,
  .ng-invalid .p-autocomplete .p-autocomplete-dropdown {
    border-color: var(--vk-comp-input-border-color-error);
  }
  .p-checkbox {
    --p-checkbox-focus-ring-offset: var(--vk-focus-visible-outline-offset);
    --p-checkbox-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-checkbox-focus-ring-color: var(--vk-focus-visible-outline-color);
    --p-checkbox-transition-duration: 0;
  }
  .p-checkbox .p-checkbox-box {
    border-radius: var(--vk-comp-checkbox-border-radius);
    border-width: var(--vk-comp-checkbox-border-width);
  }
  .p-checkbox {
  }
  .p-checkbox:not(.p-checkbox-checked) .p-checkbox-box {
    background-color: var(--vk-comp-checkbox-background-color);
    border-color: var(--vk-comp-checkbox-border-color);
    color: var(--vk-comp-checkbox-icon-color);
  }
  .p-checkbox:not(.p-checkbox-checked) .p-checkbox-input:hover + .p-checkbox-box {
    background-color: var(--vk-comp-checkbox-background-color);
    border-color: var(--vk-comp-checkbox-border-color-hover);
  }
  .p-checkbox:not(.p-checkbox-checked) .p-checkbox-input:active + .p-checkbox-box {
    border-color: var(--vk-comp-checkbox-border-color-active);
  }
  .p-checkbox:not(.p-checkbox-checked).p-disabled .p-checkbox-box {
    border-color: var(--vk-comp-checkbox-border-color-disabled);
  }
  .p-checkbox {
  }
  .p-checkbox.p-checkbox-checked .p-checkbox-box,
  .p-checkbox:not(.p-checkbox-checked):has(minusicon) .p-checkbox-box {
    background-color: var(--vk-comp-checkbox-color-checked);
    border-color: var(--vk-comp-checkbox-color-checked);
    color: var(--vk-comp-checkbox-icon-color);
  }
  .p-checkbox.p-checkbox-checked .p-checkbox-input:hover + .p-checkbox-box,
  .p-checkbox:not(.p-checkbox-checked):has(minusicon) .p-checkbox-input:hover + .p-checkbox-box {
    background-color: var(--vk-comp-checkbox-color-checked-hover);
    border-color: var(--vk-comp-checkbox-color-checked-hover);
  }
  .p-checkbox.p-checkbox-checked .p-checkbox-input:active + .p-checkbox-box,
  .p-checkbox:not(.p-checkbox-checked):has(minusicon) .p-checkbox-input:active + .p-checkbox-box {
    background-color: var(--vk-comp-checkbox-color-checked-active);
    border-color: var(--vk-comp-checkbox-color-checked-active);
  }
  .p-checkbox.p-checkbox-checked.p-disabled .p-checkbox-box,
  .p-checkbox:not(.p-checkbox-checked):has(minusicon).p-disabled .p-checkbox-box {
    background-color: var(--vk-comp-checkbox-color-checked-disabled);
    border-color: var(--vk-comp-checkbox-color-checked-disabled);
  }
  .p-checkbox .p-checkbox-box:focus-visible,
  .p-checkbox .p-checkbox-box:focus {
    outline: var(--vk-spacing-02) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-spacing-02);
  }
  p-checkbox {
    display: flex;
  }
  p-checkbox + label {
    font: var(--vk-comp-checkbox-label-font-style) !important;
    color: var(--vk-comp-checkbox-label-color);
    padding-top: 1px;
  }
  p-checkbox .p-iconwrapper {
    font-size: 0.9rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--vk-comp-checkbox-icon-color);
  }
  p-checkbox.ng-dirty.ng-invalid + label,
  p-checkbox.ng-invalid + label {
    color: var(--vk-comp-checkbox-label-color-error);
  }
  p-checkbox.ng-dirty.ng-invalid :not(.p-checkbox-checked) .p-checkbox-box,
  p-checkbox.ng-invalid :not(.p-checkbox-checked) .p-checkbox-box {
    border-color: var(--vk-comp-checkbox-border-color-error);
  }
  p-checkbox.ng-dirty.ng-invalid :not(.p-checkbox-checked):not(.p-disabled) .p-checkbox-input:hover + .p-checkbox-box,
  p-checkbox.ng-invalid :not(.p-checkbox-checked):not(.p-disabled) .p-checkbox-input:hover + .p-checkbox-box {
    border-color: var(--vk-comp-checkbox-border-color-error);
  }
  p-checkbox.ng-dirty.ng-invalid .p-checkbox-checked .p-checkbox-box,
  p-checkbox.ng-invalid .p-checkbox-checked .p-checkbox-box {
    background-color: var(--vk-comp-checkbox-color-checked-error);
    border-color: var(--vk-comp-checkbox-border-color-error);
  }
  p-checkbox.ng-dirty.ng-invalid .p-checkbox-checked:not(.p-disabled) .p-checkbox-input:hover + .p-checkbox-box,
  p-checkbox.ng-invalid .p-checkbox-checked:not(.p-disabled) .p-checkbox-input:hover + .p-checkbox-box {
    background-color: var(--vk-comp-checkbox-color-checked-error);
    border-color: var(--vk-comp-checkbox-border-color-error);
  }
  div:has(> p-checkbox + label) {
    display: flex;
    align-items: flex-start;
    gap: var(--vk-global-group-label-gap);
  }
  .p-checkbox[data-p-disabled=true] + label,
  .p-checkbox.p-checkbox-disabled + label,
  .p-checkbox-disabled ~ label {
    pointer-events: none;
  }
  .p-datepicker {
    --p-datepicker-transition-duration: 0;
    --p-datepicker-panel-background: var(--oev-color-action-white);
    --p-datepicker-panel-border-color: transparent;
    --p-datepicker-panel-border-radius: var(--vk-comp-datepicker-border-radius);
    --p-datepicker-panel-shadow: var(--vk-comp-datepicker-shadow);
    --p-datepicker-panel-padding: var(--vk-comp-datepicker-grid-spacing-outer-top) var(--vk-comp-datepicker-grid-spacing-outer-horizontal);
    --p-datepicker-header-border-color: var(--vk-comp-datepicker-divider-color);
    --p-datepicker-header-padding: 0;
    --p-datepicker-dropdown-border-radius: var(--vk-comp-datepicker-dropdown-border-radius);
    --p-datepicker-dropdown-border-color: var(--vk-comp-datepicker-dropdown-border-color);
    --p-datepicker-dropdown-hover-border-color: var(--vk-comp-datepicker-dropdown-hover-border-color);
    --p-datepicker-dropdown-active-border-color: var(--vk-comp-datepicker-dropdown-active-border-color);
    --p-datepicker-dropdown-background: var(--vk-comp-datepicker-dropdown-background);
    --p-datepicker-dropdown-hover-background: var(--vk-comp-datepicker-dropdown-hover-background);
    --p-datepicker-dropdown-active-background: var(--vk-comp-datepicker-dropdown-active-background);
    --p-datepicker-dropdown-color: var(--vk-comp-datepicker-dropdown-color);
    --p-datepicker-dropdown-hover-color: var(--vk-comp-datepicker-dropdown-hover-color);
    --p-datepicker-dropdown-active-color: var(--vk-comp-datepicker-dropdown-active-color);
    --p-datepicker-input-icon-color: var(--vk-comp-datepicker-input-icon-color);
    --p-datepicker-week-day-padding: var(--vk-spacing-08);
    --p-datepicker-week-day-font-weight: var(--oev-font-weight-bold);
    --p-datepicker-date-hover-background: var(--vk-comp-datepicker-day-background-color-hover);
    --p-datepicker-date-selected-background: var(--vk-comp-datepicker-day-background-color-highlight);
    --p-datepicker-date-range-selected-background: var(--vk-comp-datepicker-day-background-color-highlight);
    --p-datepicker-date-selected-color: var(--vk-comp-datepicker-selected-color);
    --p-datepicker-date-hover-color: var(--vk-comp-datepicker-date-hover-color);
    --p-datepicker-date-range-selected-color: var(--vk-comp-datepicker-date-range-selected-color);
    --p-datepicker-date-border-radius: var(--vk-comp-datepicker-date-border-radius);
    --p-datepicker-month-border-radius: var(--vk-comp-datepicker-date-border-radius);
    --p-datepicker-year-border-radius: var(--vk-comp-datepicker-date-border-radius);
    --p-datepicker-date-padding: var(--vk-spacing-02);
    --p-datepicker-buttonbar-border-color: var(--vk-comp-datepicker-divider-color);
    --p-datepicker-time-picker-border-color: var(--vk-comp-datepicker-divider-color);
    --p-datepicker-time-picker-gap: 0;
    --p-datepicker-today-background: var(--vk-comp-datepicker-day-background-color-today);
    --p-datepicker-date-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-datepicker-date-focus-ring-color: var(--vk-focus-visible-outline-color);
    --p-datepicker-date-focus-ring-offset: var(--vk-focus-visible-outline-offset);
    --p-datepicker-today-color: var(--vk-comp-datepicker-today-color);
    width: 100%;
  }
  .p-datepicker .p-datepicker-panel {
    min-width: unset;
  }
  .p-datepicker .p-datepicker-select-month,
  .p-datepicker .p-datepicker-select-year {
    font: var(--vk-comp-datepicker-font-style);
  }
  .p-datepicker .p-datepicker-day-view {
    font: var(--vk-comp-datepicker-days-font);
  }
  .p-datepicker .p-datepicker-select-month:focus-visible,
  .p-datepicker .p-datepicker-select-year:focus-visible,
  .p-datepicker .p-datepicker-select-month:focus,
  .p-datepicker .p-datepicker-select-year:focus {
    border-radius: var(--vk-comp-button-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
  }
  .p-datepicker .p-datepicker-day:focus-visible,
  .p-datepicker .p-datepicker-day:focus {
    border-radius: var(--vk-comp-datepicker-today-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--vk-focus-visible-outline-color);
  }
  .p-datepicker .p-datepicker-day.p-disabled {
    color: var(--vk-comp-datepicker-day-font-color-disabled);
    opacity: 1;
  }
  .p-datepicker .p-datepicker-today > .p-datepicker-day {
    border-radius: var(--vk-comp-datepicker-today-border-radius);
    box-shadow: var(--vk-comp-datepicker-today-box-shadow);
  }
  .p-datepicker:not(:has(.p-datepicker-input-icon-container)) .p-inputtext {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-datepicker .p-datepicker-dropdown {
    font-size: 1rem;
    padding: 0 1.25rem;
    min-width: 3rem;
    min-height: 3rem;
  }
  .p-datepicker .p-inputtext:disabled + .p-datepicker-dropdown {
    color: var(--vk-comp-button-color-primary-disabled);
    background-color: var(--vk-comp-button-background-color-primary-disabled);
    border-color: var(--vk-comp-input-border-color-disabled);
    cursor: default;
  }
  .p-datepicker .p-datepicker-calendar :not(.p-selectbutton) > .p-button.p-button-text,
  .p-datepicker .p-datepicker-hour-picker :not(.p-selectbutton) > .p-button.p-button-text,
  .p-datepicker .p-datepicker-minute-picker :not(.p-selectbutton) > .p-button.p-button-text,
  .p-datepicker .p-datepicker-second-picker :not(.p-selectbutton) > .p-button.p-button-text {
    color: var(--vk-comp-datepicker-button-text-color-primary);
  }
  .p-datepicker .p-datepicker-calendar :not(.p-selectbutton) > .p-button.p-button-text::before,
  .p-datepicker .p-datepicker-hour-picker :not(.p-selectbutton) > .p-button.p-button-text::before,
  .p-datepicker .p-datepicker-minute-picker :not(.p-selectbutton) > .p-button.p-button-text::before,
  .p-datepicker .p-datepicker-second-picker :not(.p-selectbutton) > .p-button.p-button-text::before {
    background-color: transparent;
  }
  .p-datepicker .p-datepicker-input-icon-container .p-iconwrapper {
    line-height: unset !important;
  }
  .ng-dirty.ng-invalid .p-datepicker .p-inputtext,
  .ng-invalid .p-datepicker .p-inputtext {
    border: var(--vk-comp-input-border-width-error) solid var(--vk-comp-input-border-color-error);
    box-shadow: var(--vk-comp-datepicker-box-shadow-error-hover);
  }
  .ng-dirty.ng-invalid .p-datepicker .p-inputtext:not(:disabled):not(.p-disabled):hover,
  .ng-invalid .p-datepicker .p-inputtext:not(:disabled):not(.p-disabled):hover {
    border: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-error-hover);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover);
  }
  .ng-dirty.ng-invalid .p-datepicker .p-inputtext:not(:disabled):not(.p-disabled):focus,
  .ng-dirty.ng-invalid .p-datepicker .p-inputtext:not(:disabled):not(.p-disabled).p-focus,
  .ng-invalid .p-datepicker .p-inputtext:not(:disabled):not(.p-disabled):focus,
  .ng-invalid .p-datepicker .p-inputtext:not(:disabled):not(.p-disabled).p-focus {
    border-color: var(--vk-comp-input-border-color-error-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-focus);
  }
  .ng-dirty.ng-invalid .p-datepicker .p-inputtext:not(:disabled):not(.p-disabled):hover:focus,
  .ng-dirty.ng-invalid .p-datepicker .p-inputtext:not(:disabled):not(.p-disabled):active:focus,
  .ng-invalid .p-datepicker .p-inputtext:not(:disabled):not(.p-disabled):hover:focus,
  .ng-invalid .p-datepicker .p-inputtext:not(:disabled):not(.p-disabled):active:focus {
    border-color: var(--vk-comp-input-border-color-error-hover-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover-focus);
  }
  .ng-dirty.ng-invalid .p-datepicker .p-datepicker-dropdown,
  .ng-invalid .p-datepicker .p-datepicker-dropdown {
    border-color: var(--vk-comp-input-border-color-error);
  }
  .p-floatlabel,
  .p-floatalabel-on {
    --p-floatlabel-position-x: 1rem;
  }
  .p-floatlabel label,
  .p-floatalabel-on label {
    font: var(--vk-comp-input-placeholder-font-style) !important;
    color: var(--vk-comp-input-placeholder-color);
    transition: none;
  }
  .p-floatlabel input::placeholder,
  .p-floatalabel-on input::placeholder {
    opacity: 0;
  }
  .p-floatlabel input:focus::placeholder,
  .p-floatalabel-on input:focus::placeholder {
    opacity: 1;
  }
  .p-floatlabel:has(input:focus) label,
  .p-floatlabel:has(input:-webkit-autofill) label,
  .p-floatlabel:has(textarea:focus) label,
  .p-floatlabel:has(.p-inputwrapper-focus) label,
  .p-floatlabel:has(input.p-filled) label,
  .p-floatalabel-on:has(input:focus) label,
  .p-floatalabel-on:has(input:-webkit-autofill) label,
  .p-floatalabel-on:has(textarea:focus) label,
  .p-floatalabel-on:has(.p-inputwrapper-focus) label,
  .p-floatalabel-on:has(input.p-filled) label {
    font: var(--vk-comp-input-float-label-font-style) !important;
    color: var(--vk-comp-input-float-label-color);
    top: 0;
    left: 0.75rem;
    background-color: white;
    padding: 0 0.25rem;
    transition: none;
  }
  .p-floatlabel:not(:has(input:focus)) input::placeholder,
  .p-floatlabel:not(:has(input.p-filled)) input::placeholder,
  .p-floatlabel:not(:has(input:-webkit-autofill)) input::placeholder,
  .p-floatlabel:not(:has(textarea:focus)) textarea::placeholder,
  .p-floatlabel:not(:has(textarea.p-filled)) textarea::placeholder,
  .p-floatlabel:not(:has(.p-inputwrapper-focus)) input::placeholder,
  .p-floatlabel:not(:has(.p-inputwrapper-filled)) input::placeholder {
    color: transparent !important;
  }
  .p-floatlabel:has(input:focus) input::placeholder,
  .p-floatlabel:has(input:-webkit-autofill) input::placeholder,
  .p-floatlabel:has(textarea:focus) input::placeholder,
  .p-floatlabel:has(.p-inputwrapper-focus) input::placeholder {
    color: var(--p-inputtext-placeholder-color) !important;
  }
  .p-iconfield .p-inputicon {
    color: var(--vk-comp-input-color);
  }
  .p-iconfield .p-inputtext:not(:first-child) {
    padding-inline-start: calc(var(--p-form-field-padding-x) * 2 + var(--p-icon-size) / 2);
  }
  .p-iconfield:has(input.ng-invalid) .p-inputicon {
    color: var(--vk-comp-input-error-text-color);
  }
  .p-iconfield:has(input:disabled) .p-inputicon {
    color: var(--vk-comp-input-color-disabled);
  }
  .p-iconfield.p-iconfield-right .p-inputtext {
    padding-right: 40px;
  }
  .p-inputnumber {
    --p-inputtext-background: var(--vk-comp-input-background-color);
    --p-inputtext-disabled-background: var(--vk-comp-input-background-color);
    --p-inputtext-border-color: var(--vk-comp-input-border-color);
    --p-inputtext-border-radius: var(--vk-comp-input-border-radius);
    --p-inputtext-hover-border-color: var(--vk-comp-input-border-color-hover);
    --p-inputtext-focus-border-color: var(--vk-comp-input-border-color-focus);
    --p-inputtext-invalid-border-color: var(--vk-comp-input-border-color-error);
    --p-inputtext-color: var(--vk-comp-input-color);
    --p-inputtext-disabled-color: var(--vk-comp-input-color-disabled);
    --p-inputtext-placeholder-color: var(--vk-comp-input-placeholder-color);
    --p-form-field-invalid-placeholder-color: var(--vk-comp-input-error-text-color);
    --p-form-field-float-label-invalid-color: var(--vk-comp-input-error-text-color);
    --p-inputtext-padding-y: calc(0.75rem - 1px);
    --p-inputtext-padding-x: calc(1rem - 1px);
    width: 100%;
  }
  .p-inputnumber .p-inputtext {
    border: var(--vk-comp-input-border);
    font: var(--oev-font-style-body);
    transition: none;
  }
  .p-inputnumber .p-inputtext:disabled {
    opacity: 1;
    color: var(--vk-comp-input-color-disabled);
    border: var(--vk-comp-input-border-disabled);
  }
  .p-inputnumber .p-inputtext::placeholder {
    font: var(--vk-comp-input-placeholder-font-style);
    color: var(--vk-comp-input-placeholder-color);
  }
  .p-inputnumber .p-inputtext:disabled::placeholder {
    color: var(--vk-comp-input-color-disabled);
  }
  .p-inputnumber:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error) .p-inputtext:not(:disabled).p-focus,
  .p-inputnumber:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error) .p-inputtext:not(:disabled):focus {
    border: var(--vk-comp-input-border-focus);
    box-shadow: var(--vk-comp-input-box-shadow-focus);
  }
  .p-inputnumber:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error) .p-inputtext:not(:disabled):hover,
  .p-inputnumber:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error) .p-inputtext:not(:disabled):active {
    background-color: var(--vk-comp-input-background-color-hover);
    color: var(--vk-comp-input-color-hover);
    border: var(--vk-comp-input-border-hover);
    box-shadow: var(--vk-comp-input-box-shadow-hover);
  }
  .p-inputnumber:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error) .p-inputtext:not(:disabled):hover:focus,
  .p-inputnumber:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error) .p-inputtext:not(:disabled):active:focus {
    border: var(--vk-comp-input-border-hover-focus);
    box-shadow: var(--vk-comp-input-box-shadow-hover-focus);
  }
  .p-inputnumber.ng-dirty.ng-invalid:not(:disabled) .p-inputtext,
  .p-inputnumber.ng-invalid:not(:disabled) .p-inputtext,
  .p-inputnumber.p-error:not(:disabled) .p-inputtext {
    border: var(--vk-comp-input-border-error);
    box-shadow: var(--vk-comp-input-box-shadow-error);
  }
  .p-inputnumber.ng-dirty.ng-invalid:not(:disabled) .p-inputtext:hover,
  .p-inputnumber.ng-invalid:not(:disabled) .p-inputtext:hover,
  .p-inputnumber.p-error:not(:disabled) .p-inputtext:hover {
    background-color: var(--vk-comp-input-background-color-hover);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover);
  }
  .p-inputnumber.ng-dirty.ng-invalid:not(:disabled) .p-inputtext:focus,
  .p-inputnumber.ng-dirty.ng-invalid:not(:disabled) .p-inputtext.p-focus,
  .p-inputnumber.ng-invalid:not(:disabled) .p-inputtext:focus,
  .p-inputnumber.ng-invalid:not(:disabled) .p-inputtext.p-focus,
  .p-inputnumber.p-error:not(:disabled) .p-inputtext:focus,
  .p-inputnumber.p-error:not(:disabled) .p-inputtext.p-focus {
    box-shadow: var(--vk-comp-input-box-shadow-error-focus);
  }
  .p-inputnumber.ng-dirty.ng-invalid:not(:disabled) .p-inputtext:hover:focus,
  .p-inputnumber.ng-dirty.ng-invalid:not(:disabled) .p-inputtext:active:focus,
  .p-inputnumber.ng-invalid:not(:disabled) .p-inputtext:hover:focus,
  .p-inputnumber.ng-invalid:not(:disabled) .p-inputtext:active:focus,
  .p-inputnumber.p-error:not(:disabled) .p-inputtext:hover:focus,
  .p-inputnumber.p-error:not(:disabled) .p-inputtext:active:focus {
    box-shadow: var(--vk-comp-input-box-shadow-error-hover-focus);
  }
  :not(.p-inputnumber) > .p-inputtext {
    --p-inputtext-color: var(--vk-comp-input-color);
    --p-inputtext-disabled-color: var(--vk-comp-input-color-disabled);
    --p-inputtext-placeholder-color: var(--vk-comp-input-placeholder-color);
    --p-inputtext-background: var(--vk-comp-input-background-color);
    --p-inputtext-disabled-background: var(--vk-comp-input-background-color);
    --p-inputtext-border-color: var(--vk-comp-input-border-color);
    --p-inputtext-border-radius: var(--vk-comp-input-border-radius);
    --p-inputtext-hover-border-color: var(--vk-comp-input-border-color-hover);
    --p-inputtext-focus-border-color: var(--vk-comp-input-border-color-focus);
    --p-inputtext-invalid-border-color: var(--vk-comp-input-border-color-error);
    --p-inputtext-invalid-placeholder-color: var(--vk-comp-input-error-text-color);
    --p-inputtext-padding-y: calc(0.75rem - 1px);
    --p-inputtext-padding-x: calc(1rem - 1px);
    --p-form-field-invalid-placeholder-color: var(--vk-comp-input-error-text-color);
    --p-form-field-float-label-invalid-color: var(--vk-comp-input-error-text-color);
    width: 100%;
    border: var(--vk-comp-input-border);
    font: var(--oev-font-style-body);
    transition: none;
  }
  :not(.p-inputnumber) > .p-inputtext:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error):not(:disabled).p-focus,
  :not(.p-inputnumber) > .p-inputtext:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error):not(:disabled):focus {
    border: var(--vk-comp-input-border-focus);
    box-shadow: var(--vk-comp-input-box-shadow-focus);
  }
  :not(.p-inputnumber) > .p-inputtext:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error):not(:disabled):hover,
  :not(.p-inputnumber) > .p-inputtext:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error):not(:disabled):active {
    background-color: var(--vk-comp-input-background-color-hover);
    color: var(--vk-comp-input-color-hover);
    border: var(--vk-comp-input-border-hover);
    box-shadow: var(--vk-comp-input-box-shadow-hover);
  }
  :not(.p-inputnumber) > .p-inputtext:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error):not(:disabled):hover:focus,
  :not(.p-inputnumber) > .p-inputtext:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error):not(:disabled):active:focus {
    border: var(--vk-comp-input-border-hover-focus);
    box-shadow: var(--vk-comp-input-box-shadow-hover-focus);
  }
  :not(.p-inputnumber) > .p-inputtext.ng-dirty.ng-invalid,
  :not(.p-inputnumber) > .p-inputtext.ng-invalid,
  :not(.p-inputnumber) > .p-inputtext.p-error {
    border: var(--vk-comp-input-border-error);
    box-shadow: var(--vk-comp-input-box-shadow-error);
  }
  :not(.p-inputnumber) > .p-inputtext.ng-dirty.ng-invalid:not(:disabled):hover,
  :not(.p-inputnumber) > .p-inputtext.ng-invalid:not(:disabled):hover,
  :not(.p-inputnumber) > .p-inputtext.p-error:not(:disabled):hover {
    background-color: var(--vk-comp-input-background-color-hover);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover);
  }
  :not(.p-inputnumber) > .p-inputtext.ng-dirty.ng-invalid:not(:disabled):focus,
  :not(.p-inputnumber) > .p-inputtext.ng-dirty.ng-invalid:not(:disabled).p-focus,
  :not(.p-inputnumber) > .p-inputtext.ng-invalid:not(:disabled):focus,
  :not(.p-inputnumber) > .p-inputtext.ng-invalid:not(:disabled).p-focus,
  :not(.p-inputnumber) > .p-inputtext.p-error:not(:disabled):focus,
  :not(.p-inputnumber) > .p-inputtext.p-error:not(:disabled).p-focus {
    border-color: var(--vk-comp-input-border-color-error-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-focus);
  }
  :not(.p-inputnumber) > .p-inputtext.ng-dirty.ng-invalid:not(:disabled):hover:focus,
  :not(.p-inputnumber) > .p-inputtext.ng-dirty.ng-invalid:not(:disabled):active:focus,
  :not(.p-inputnumber) > .p-inputtext.ng-invalid:not(:disabled):hover:focus,
  :not(.p-inputnumber) > .p-inputtext.ng-invalid:not(:disabled):active:focus,
  :not(.p-inputnumber) > .p-inputtext.p-error:not(:disabled):hover:focus,
  :not(.p-inputnumber) > .p-inputtext.p-error:not(:disabled):active:focus {
    border-color: var(--vk-comp-input-border-color-error-hover-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover-focus);
  }
  :not(.p-inputnumber) > .p-inputtext:disabled {
    opacity: 1;
    color: var(--vk-comp-input-color-disabled);
    border: var(--vk-comp-input-border-disabled);
  }
  :not(.p-inputnumber) > .p-inputtext::placeholder {
    font: var(--vk-comp-input-placeholder-font-style);
    color: var(--vk-comp-input-placeholder-color);
  }
  :not(.p-inputnumber) > .p-inputtext:disabled::placeholder {
    color: var(--vk-comp-input-color-disabled);
  }
  .p-multiselect {
    --p-multiselect-background: var(--vk-comp-multiselect-background-color);
    --p-multiselect-border-color: var(--vk-comp-multiselect-border-color);
    --p-multiselect-border-radius: var(--vk-comp-multiselect-border-radius);
    --p-multiselect-padding-y: var(--vk-spacing-12);
    --p-multiselect-padding-x: var(--vk-spacing-12);
    --p-multiselect-color: var(--vk-comp-multiselect-text-color);
    --p-multiselect-dropdown-color: var(--vk-comp-multiselect-header-icon-color);
    --p-multiselect-option-color: var(--vk-comp-multiselect-dropdown-text-color);
    --p-multiselect-option-focus-background: var(--vk-comp-multiselect-menu-items-background-color-hover);
    --p-multiselect-option-selected-focus-background: var(--vk-comp-multiselect-dropdown-selected-background-color);
    --p-multiselect-option-focus-color: inherit;
    --p-multiselect-option-padding: var(--vk-spacing-12) var(--vk-spacing-16);
    --p-multiselect-list-padding: 0;
    --p-multiselect-list-gap: 0;
    --p-multiselect-disabled-background: var(--vk-comp-multiselect-background-color);
    --p-multiselect-invalid-border-color: var(--vk-comp-multiselect-error-color);
    --p-multiselect-list-header-padding: var(--vk-spacing-08);
    --p-multiselect-shadow: none;
    --p-multiselect-disabled-color: var(--vk-comp-multiselect-dropdown-text-color-disabled);
    --p-multiselect-clear-icon-color: var(--vk-comp-multiselect-header-icon-color);
    width: 100%;
    max-width: 660px;
    min-width: 213px;
  }
  .p-multiselect .p-multiselect-label {
    flex-wrap: wrap;
    padding-right: var(--vk-spacing-04);
    gap: calc(var(--vk-spacing-12) / 2);
  }
  .p-multiselect .p-multiselect-label:has(.p-chip) {
    padding: var(--vk-spacing-04);
  }
  .p-multiselect .p-multiselect-dropdown {
    align-items: flex-start;
    margin-top: var(--vk-comp-multiselect-spacing-s);
  }
  .p-multiselect .p-multiselect-dropdown chevrondownicon::before {
    font-weight: var(--vk-comp-multiselect-dropdown-icon-font-weight);
  }
  .p-multiselect .p-multiselect-clear-icon {
    align-items: flex-start;
    margin-top: var(--vk-comp-multiselect-spacing-s);
    margin-left: var(--vk-comp-multiselect-spacing-xs);
  }
  .p-multiselect:not(.p-disabled):hover,
  .p-multiselect:not(.p-disabled):active {
    border-color: var(--vk-comp-multiselect-border-color-hover);
    box-shadow: var(--vk-comp-multiselect-box-shadow-hover);
  }
  .p-multiselect:not(.p-disabled).p-focus,
  .p-multiselect:not(.p-disabled):focus,
  .p-multiselect:not(.p-disabled):focus-visible {
    box-shadow: none;
    border-color: var(--vk-comp-multiselect-border-color-focus);
    border-width: var(--vk-comp-multiselect-border-width-focus);
  }
  .p-multiselect:not(.p-disabled).p-focus:hover,
  .p-multiselect:not(.p-disabled).p-focus:active,
  .p-multiselect:not(.p-disabled):focus:hover,
  .p-multiselect:not(.p-disabled):focus:active,
  .p-multiselect:not(.p-disabled):focus-visible:hover,
  .p-multiselect:not(.p-disabled):focus-visible:active {
    border-color: var(--vk-comp-multiselect-border-color-hover);
    box-shadow: 0 0 0 var(--vk-comp-multiselect-border-width) var(--vk-comp-multiselect-border-width);
  }
  .p-multiselect:not(.p-disabled):focus-within {
    border: var(--vk-comp-input-border-focus);
    box-shadow: var(--vk-comp-input-box-shadow-focus);
  }
  .p-multiselect.p-disabled .p-multiselect-dropdown {
    color: var(--vk-comp-multiselect-dropdown-text-color-disabled);
  }
  .p-multiselect.p-disabled .p-chip-remove-icon {
    display: none;
  }
  .p-multiselect .p-multiselect-option:has(.p-checkbox-checked) {
    background-color: var(--vk-comp-multiselect-dropdown-selected-background-color);
    color: var(--vk-comp-multiselect-dropdown-selected-text-color);
  }
  .p-multiselect .p-multiselect-option.p-focus {
    box-shadow: inset 0 0 0 1px var(--vk-comp-multiselect-dropdown-border-color-focus);
    border-radius: var(--vk-comp-multiselect-border-radius);
  }
  .p-multiselect.ng-invalid.ng-dirty,
  .p-multiselect.ng-invalid {
    border-color: var(--vk-comp-multiselect-error-color);
    box-shadow: var(--vk-comp-multiselect-box-shadow-error);
  }
  .p-multiselect.ng-invalid.ng-dirty .p-multiselect-clear-icon::before,
  .p-multiselect.ng-invalid .p-multiselect-clear-icon::before {
    color: var(--vk-comp-multiselect-error-color);
  }
  .p-multiselect.ng-invalid.ng-dirty .p-multiselect-dropdown chevrondownicon::before,
  .p-multiselect.ng-invalid .p-multiselect-dropdown chevrondownicon::before {
    color: var(--vk-comp-multiselect-error-color);
  }
  .p-multiselect.ng-invalid.ng-dirty:hover,
  .p-multiselect.ng-invalid.ng-dirty.p-focus:hover,
  .p-multiselect.ng-invalid:hover,
  .p-multiselect.ng-invalid.p-focus:hover {
    border-color: var(--vk-comp-multiselect-error-color);
    box-shadow: var(--vk-comp-multiselect-box-shadow-error-hover);
  }
  .p-password {
    width: 100%;
    font: var(--oev-font-style-body);
  }
  .p-password .p-iconwrapper {
    right: 1rem;
    color: var(--oev-font-style-body);
    cursor: pointer;
  }
  .p-password .p-password-meter {
    border-radius: 0;
  }
  .p-password .p-password-meter .p-password-meter-label {
    border-radius: 0;
  }
  .p-password .p-password-meter .p-password-meter-label.p-password-meter-strong {
    background-color: var(--vk-comp-password-meter-strong-background-color);
  }
  .p-password .p-password-meter .p-password-meter-label.p-password-meter-medium {
    background-color: var(--vk-comp-password-meter-medium-background-color);
  }
  .p-password .p-password-meter .p-password-meter-label.p-password-meter-weak {
    background-color: var(--vk-comp-password-meter-weak-background-color);
  }
  .p-password .p-password-overlay {
    font-size: 0.875rem;
  }
  .p-password .p-password-overlay h6 {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .p-password .p-password-overlay ul {
    padding-left: 1rem;
  }
  .ng-invalid .p-password .p-inputtext {
    border: var(--vk-comp-input-border-width-error) solid var(--vk-comp-input-border-color-error);
    box-shadow: var(--vk-comp-passwort-box-shadow-error-hover);
  }
  .ng-invalid .p-password .p-inputtext:not(:disabled):not(.p-disabled):hover {
    border: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-error-hover);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover);
  }
  .ng-invalid .p-password .p-inputtext:not(:disabled):not(.p-disabled):focus,
  .ng-invalid .p-password .p-inputtext:not(:disabled):not(.p-disabled).p-focus {
    border-color: var(--vk-comp-input-border-color-error-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-focus);
  }
  .ng-invalid .p-password .p-inputtext:not(:disabled):not(.p-disabled):hover:focus,
  .ng-invalid .p-password .p-inputtext:not(:disabled):not(.p-disabled):active:focus {
    border-color: var(--vk-comp-input-border-color-error-hover-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover-focus);
  }
  .p-radiobutton {
    --p-radiobutton-focus-ring-offset: var(--vk-focus-visible-outline-offset);
    --p-radiobutton-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-radiobutton-focus-ring-color: var(--vk-focus-visible-outline-color);
    --p-radiobutton-transition-duration: 0;
    margin-top: 3px;
  }
  .p-radiobutton:not(.p-radiobutton-checked) .p-radiobutton-box {
    border-color: var(--vk-comp-radiobutton-border-color);
    background-color: var(--vk-comp-radiobutton-background-color);
  }
  .p-radiobutton:not(.p-radiobutton-checked):not(.p-disabled) .p-radiobutton-input:active + .p-radiobutton-box {
    background-color: var(--vk-comp-radiobutton-background-color);
    border-color: var(--vk-comp-radiobutton-selected-border-color-active);
  }
  .p-radiobutton:not(.p-radiobutton-checked):not(.p-disabled) .p-radiobutton-input:hover + .p-radiobutton-box {
    background-color: var(--vk-comp-radiobutton-background-color);
    border-color: var(--vk-comp-radiobutton-selected-border-color-hover);
  }
  .p-radiobutton:not(.p-radiobutton-checked).p-disabled .p-radiobutton-box {
    border-color: var(--vk-comp-radiobutton-border-color-disabled);
  }
  .p-radiobutton:not(.p-radiobutton-checked).p-disabled .p-radiobutton-box .p-radiobutton-icon {
    background-color: var(--vk-comp-radiobutton-icon-background-color-disabled);
    width: 0;
    height: 0;
  }
  .p-radiobutton {
  }
  .p-radiobutton.p-radiobutton-checked .p-radiobutton-box {
    background-color: var(--vk-comp-radiobutton-background-color);
    border-color: var(--vk-comp-radiobutton-selected-border-color);
  }
  .p-radiobutton.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
    background-color: var(--vk-comp-radiobutton-icon-background-color);
  }
  .p-radiobutton.p-radiobutton-checked:hover .p-radiobutton-box .p-radiobutton-icon {
    background-color: var(--vk-comp-radiobutton-icon-background-color-hover);
  }
  .p-radiobutton.p-radiobutton-checked:not(.p-disabled) .p-radiobutton-input:active + .p-radiobutton-box {
    background-color: var(--vk-comp-radiobutton-background-color);
    border-color: var(--vk-comp-radiobutton-selected-border-color-active);
  }
  .p-radiobutton.p-radiobutton-checked:not(.p-disabled) .p-radiobutton-input:hover + .p-radiobutton-box {
    background-color: var(--vk-comp-radiobutton-background-color);
    border-color: var(--vk-comp-radiobutton-selected-border-color-hover);
  }
  .p-radiobutton.p-radiobutton-checked.p-disabled .p-radiobutton-box {
    background-color: var(--vk-comp-radiobutton-background-color);
    border-color: var(--vk-comp-radiobutton-border-color-disabled);
  }
  .p-radiobutton.p-radiobutton-checked.p-disabled .p-radiobutton-box .p-radiobutton-icon {
    background-color: var(--vk-comp-radiobutton-icon-background-color-disabled);
  }
  .p-radiobutton .p-radiobutton-box {
    border-width: 2px;
  }
  div:has(> p-radiobutton + label),
  div:has(> p-radio-button + label) {
    display: flex;
    align-items: flex-start;
    gap: var(--vk-global-group-label-gap);
  }
  p-radiobutton,
  p-radio-button {
    display: flex;
  }
  p-radiobutton + label,
  p-radiobutton > label,
  p-radio-button + label,
  p-radio-button > label {
    font: var(--vk-comp-radiobutton-option-font-style) !important;
    color: var(--vk-comp-radiobutton-option-font-color);
    margin: 0;
    padding-top: 1px;
  }
  p-radiobutton.ng-dirty.ng-invalid + label,
  p-radiobutton.ng-invalid + label,
  p-radio-button.ng-dirty.ng-invalid + label,
  p-radio-button.ng-invalid + label {
    color: var(--vk-comp-radiobutton-error-text-color);
  }
  p-radiobutton.ng-dirty.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-box,
  p-radiobutton.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-box,
  p-radio-button.ng-dirty.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-box,
  p-radio-button.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-box {
    border-color: var(--vk-comp-radiobutton-border-color-error);
  }
  p-radiobutton.ng-dirty.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-input:hover + .p-radiobutton-box,
  p-radiobutton.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-input:hover + .p-radiobutton-box,
  p-radio-button.ng-dirty.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-input:hover + .p-radiobutton-box,
  p-radio-button.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-input:hover + .p-radiobutton-box {
    border-color: var(--vk-comp-radiobutton-border-color-error-hover);
  }
  p-radiobutton.ng-dirty.ng-invalid .p-radiobutton-checked .p-radiobutton-box,
  p-radiobutton.ng-invalid .p-radiobutton-checked .p-radiobutton-box,
  p-radio-button.ng-dirty.ng-invalid .p-radiobutton-checked .p-radiobutton-box,
  p-radio-button.ng-invalid .p-radiobutton-checked .p-radiobutton-box {
    border-color: var(--vk-comp-radiobutton-border-color-error);
  }
  p-radiobutton.ng-dirty.ng-invalid .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon,
  p-radiobutton.ng-invalid .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon,
  p-radio-button.ng-dirty.ng-invalid .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon,
  p-radio-button.ng-invalid .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
    background-color: var(--vk-comp-radiobutton-error-text-color);
  }
  p-radiobutton.ng-dirty.ng-invalid .p-radiobutton-checked .p-radiobutton-input:hover + .p-radiobutton-box,
  p-radiobutton.ng-invalid .p-radiobutton-checked .p-radiobutton-input:hover + .p-radiobutton-box,
  p-radio-button.ng-dirty.ng-invalid .p-radiobutton-checked .p-radiobutton-input:hover + .p-radiobutton-box,
  p-radio-button.ng-invalid .p-radiobutton-checked .p-radiobutton-input:hover + .p-radiobutton-box {
    border-color: var(--vk-comp-radiobutton-border-color-error-hover);
    color: var(--vk-comp-radiobutton-error-text-color);
  }
  .p-dropdown,
  .p-select {
    --p-select-dropdown-color: var(--vk-comp-select-icon-color);
    --p-select-border-color: var(--vk-comp-select-border-color);
    --p-select-placeholder-color: var(--vk-comp-select-placeholder-font-color);
    --p-select-disabled-background: var(--vk-comp-select-forms-background-color);
    --p-select-disabled-color: var(--vk-comp-select-font-color-disabled);
    --p-select-invalid-placeholder-color: var(--p-select-placeholder-color);
    --p-select-invalid-border-color: var(--vk-comp-select-border-color-error);
    --p-select-list-padding: 0;
    --p-select-option-selected-focus-background: var(--vk-comp-select-forms-menu-background-color-active-focus);
    --p-select-option-focus-background: var(--vk-comp-select-menu-items-background-color-hover);
    --p-select-focus-border-color: var(--vk-comp-select-border-color-focus);
    --p-select-option-selected-background: var(--vk-comp-select-forms-menu-background-color-active-focus);
    --p-select-list-gap: 0px;
    --p-select-option-color: var(--vk-comp-select-menu-items-font-color);
    --p-select-padding-y: calc(0.75rem - 1px);
    --p-select-padding-x: calc(1rem - 1px);
    --p-select-shadow: none;
    width: 100%;
    border-radius: var(--vk-comp-select-border-radius);
  }
  .p-dropdown:not(.p-disabled):active,
  .p-dropdown:not(.p-disabled):hover,
  .p-select:not(.p-disabled):active,
  .p-select:not(.p-disabled):hover {
    border-color: var(--vk-comp-select-border-color-hover);
    box-shadow: var(--vk-comp-select-box-shadow-hover);
  }
  .p-dropdown:not(.p-disabled):active .p-dropdown-label.p-placeholder,
  .p-dropdown:not(.p-disabled):hover .p-dropdown-label.p-placeholder,
  .p-select:not(.p-disabled):active .p-dropdown-label.p-placeholder,
  .p-select:not(.p-disabled):hover .p-dropdown-label.p-placeholder {
    color: var(--vk-comp-select-placeholder-font-color);
  }
  .p-dropdown:not(.p-disabled).p-focus,
  .p-dropdown:not(.p-disabled):focus,
  .p-dropdown:not(.p-disabled):focus-visible,
  .p-select:not(.p-disabled).p-focus,
  .p-select:not(.p-disabled):focus,
  .p-select:not(.p-disabled):focus-visible {
    box-shadow: var(--vk-comp-select-box-shadow-focus);
  }
  .p-dropdown:not(.p-disabled).p-focus:hover,
  .p-dropdown:not(.p-disabled).p-focus:active,
  .p-dropdown:not(.p-disabled):focus:hover,
  .p-dropdown:not(.p-disabled):focus:active,
  .p-dropdown:not(.p-disabled):focus-visible:hover,
  .p-dropdown:not(.p-disabled):focus-visible:active,
  .p-select:not(.p-disabled).p-focus:hover,
  .p-select:not(.p-disabled).p-focus:active,
  .p-select:not(.p-disabled):focus:hover,
  .p-select:not(.p-disabled):focus:active,
  .p-select:not(.p-disabled):focus-visible:hover,
  .p-select:not(.p-disabled):focus-visible:active {
    border-color: var(--vk-comp-select-border-color-hover-focus);
    box-shadow: var(--vk-comp-select-box-shadow-hover-focus);
  }
  .p-dropdown .p-select-dropdown,
  .p-select .p-select-dropdown {
    align-items: flex-start;
    margin-top: var(--vk-comp-select-spacing);
  }
  .p-dropdown:hover .p-select-dropdown-icon,
  .p-select:hover .p-select-dropdown-icon {
    color: var(--vk-comp-select-icon-color-hover);
  }
  .p-dropdown.p-select-open .p-select-dropdown-icon,
  .p-select.p-select-open .p-select-dropdown-icon {
    color: var(--vk-comp-select-icon-color-open);
  }
  .p-dropdown.p-select-open:hover .p-select-dropdown-icon,
  .p-select.p-select-open:hover .p-select-dropdown-icon {
    color: var(--vk-comp-select-icon-color-open-hover);
  }
  .p-dropdown,
  .p-select {
  }
  .p-dropdown .p-select-option,
  .p-select .p-select-option {
    font: var(--vk-comp-select-menu-items-font-style);
  }
  .p-dropdown .p-select-option span,
  .p-select .p-select-option span {
    white-space: normal;
    overflow-wrap: break-word;
  }
  .p-dropdown .p-select-option.p-select-option-selected,
  .p-select .p-select-option.p-select-option-selected {
    color: var(--vk-comp-select-menu-items-font-color-active);
  }
  .p-dropdown .p-select-option.p-select-option-selected:hover,
  .p-select .p-select-option.p-select-option-selected:hover {
    background-color: var(--vk-comp-select-forms-menu-background-color-active-focus-hover);
  }
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled):hover,
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled):active,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled):hover,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled):active {
    background-color: var(--vk-comp-select-forms-menu-background-color-active);
    color: var(--vk-comp-select-menu-items-font-color-hover);
  }
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled):focus,
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled).p-focus,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled):focus,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled).p-focus {
    color: var(--vk-comp-select-menu-items-font-color-focus);
  }
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled):focus:hover,
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled):focus:active,
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled).p-focus:hover,
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled).p-focus:active,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled):focus:hover,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled):focus:active,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled).p-focus:hover,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled).p-focus:active {
    color: var(--vk-comp-select-menu-items-font-color-hover);
  }
  .p-dropdown .p-select-label,
  .p-select .p-select-label {
    font: var(--vk-comp-select-menu-items-font-style-active);
    white-space: normal;
  }
  .p-dropdown.p-disabled,
  .p-select.p-disabled {
    color: var(--vk-comp-select-font-color-disabled);
    opacity: 0.8;
    border: var(--vk-comp-select-border-width-disabled) solid var(--vk-comp-select-border-color-disabled);
  }
  .p-dropdown.ng-invalid.ng-dirty,
  .p-dropdown.ng-invalid,
  .p-select.ng-invalid.ng-dirty,
  .p-select.ng-invalid {
    border-color: var(--vk-comp-select-border-color-error);
    box-shadow: var(--vk-comp-select-box-shadow-error);
  }
  .p-dropdown.ng-invalid.ng-dirty:hover,
  .p-dropdown.ng-invalid.ng-dirty.p-select-open,
  .p-dropdown.ng-invalid.ng-dirty.p-select-open:hover,
  .p-dropdown.ng-invalid.ng-dirty.p-focus,
  .p-dropdown.ng-invalid.ng-dirty.p-focus:hover,
  .p-dropdown.ng-invalid:hover,
  .p-dropdown.ng-invalid.p-select-open,
  .p-dropdown.ng-invalid.p-select-open:hover,
  .p-dropdown.ng-invalid.p-focus,
  .p-dropdown.ng-invalid.p-focus:hover,
  .p-select.ng-invalid.ng-dirty:hover,
  .p-select.ng-invalid.ng-dirty.p-select-open,
  .p-select.ng-invalid.ng-dirty.p-select-open:hover,
  .p-select.ng-invalid.ng-dirty.p-focus,
  .p-select.ng-invalid.ng-dirty.p-focus:hover,
  .p-select.ng-invalid:hover,
  .p-select.ng-invalid.p-select-open,
  .p-select.ng-invalid.p-select-open:hover,
  .p-select.ng-invalid.p-focus,
  .p-select.ng-invalid.p-focus:hover {
    border-color: var(--vk-comp-select-border-color-error);
    box-shadow: var(--vk-comp-select-box-shadow-error-hover);
  }
  .p-dropdown.ng-invalid.ng-dirty .p-iconwrapper::before,
  .p-dropdown.ng-invalid .p-iconwrapper::before,
  .p-select.ng-invalid.ng-dirty .p-iconwrapper::before,
  .p-select.ng-invalid .p-iconwrapper::before {
    color: var(--vk-comp-select-icon-color-error);
  }
  .p-selectbutton {
    --p-togglebutton-padding: var(--vk-comp-selectbutton-spacing);
    --p-togglebutton-font-size: var(--vk-comp-selectbutton-font-size);
    --p-togglebutton-lg-padding: var(--vk-comp-selectbutton-spacing-lg);
    --p-togglebutton-lg-font-size: var(--vk-comp-selectbutton-font-size-lg);
    --p-togglebutton-sm-padding: var(--vk-comp-selectbutton-spacing-sm);
    --p-togglebutton-sm-font-size: var(--vk-comp-selectbutton-font-size-sm);
    --p-togglebutton-font-weight: var(--vk-comp-selectbutton-text-weight);
    --p-disabled-opacity: 1;
    --p-togglebutton-content-checked-background: var(--vk-comp-selectbutton-content-background-active);
    --p-togglebutton-checked-background: var(--vk-comp-selectbutton-background-color-active);
    --p-togglebutton-background: var(--vk-comp-selectbutton-background-color);
    --p-togglebutton-hover-background: var(--vk-comp-selectbutton-background-color-hover);
    --p-togglebutton-border-color: var(--vk-comp-selectbutton-border-color);
    --p-togglebutton-checked-border-color: var(--vk-comp-selectbutton-border-color-active);
    --p-togglebutton-color: var(--vk-comp-selectbutton-text-color);
    --p-togglebutton-checked-color: var(--vk-comp-selectbutton-text-color-active);
    --p-togglebutton-hover-color: var(--vk-comp-selectbutton-text-color-hover);
    --p-selectbutton-border-radius: var(--vk-comp-selectbutton-border-radius);
    --p-togglebutton-border-radius: var(--vk-comp-selectbutton-togglebutton-border-radius);
    --p-togglebutton-content-border-radius: var(--vk-comp-selectbutton-togglebutton-content-border-radius);
    --p-selectbutton-invalid-border-color: transparent;
    --p-togglebutton-disabled-color: var(--vk-comp-selectbutton-text-color-disabled);
    --p-togglebutton-disabled-background: var(--vk-comp-selectbutton-background-color-disabled);
    --p-togglebutton-focus-ring-shadow: none;
    --p-togglebutton-focus-ring-width: 2px;
    --p-togglebutton-focus-ring-style: solid;
    --p-togglebutton-focus-ring-color: var(--vk-comp-selectbutton-focus-ring-color);
    --p-togglebutton-focus-ring-offset: 2px;
    border: 0;
  }
  .p-selectbutton .p-togglebutton {
    position: relative;
    transition: none;
    border-radius: 0;
    border-width: var(--vk-comp-selectbutton-border-width) 0 var(--vk-comp-selectbutton-border-width) var(--vk-comp-selectbutton-border-width);
  }
  .p-selectbutton .p-togglebutton-content {
    position: unset;
    z-index: 1;
    transition: none;
    box-shadow: none;
  }
  .p-selectbutton {
  }
  .p-selectbutton .p-togglebutton.p-togglebutton-checked:hover,
  .p-selectbutton .p-togglebutton.p-togglebutton-checked:hover .p-togglebutton-content {
    background: var(--vk-comp-selectbutton-background-color-active-hover);
    color: var(--vk-comp-selectbutton-text-color-active-hover);
  }
  .p-selectbutton .p-togglebutton:first-child {
    border-top-left-radius: var(--vk-comp-selectbutton-togglebutton-border-radius);
    border-bottom-left-radius: var(--vk-comp-selectbutton-togglebutton-border-radius);
    border-right-width: 0;
  }
  .p-selectbutton .p-togglebutton:last-child {
    border-top-right-radius: var(--vk-comp-selectbutton-togglebutton-border-radius);
    border-bottom-right-radius: var(--vk-comp-selectbutton-togglebutton-border-radius);
    border-right-width: var(--vk-comp-selectbutton-border-width);
  }
  .p-selectbutton.ng-invalid.ng-dirty .p-togglebutton,
  .p-selectbutton.ng-invalid .p-togglebutton {
    border-color: var(--vk-comp-selectbutton-border-color-invalid);
  }
  .p-selectbutton p-togglebutton.p-disabled {
    background-color: var(--vk-comp-selectbutton-background-color-disabled);
    border-color: var(--vk-comp-selectbutton-border-color-disabled);
    color: var(--vk-comp-selectbutton-text-color-disabled);
  }
  .p-selectbutton p-togglebutton.p-disabled.p-togglebutton-checked {
    background-color: var(--vk-comp-selectbutton-background-color-active-disabled);
    color: var(--vk-comp-selectbutton-text-color-disabled);
  }
  .p-selectbutton p-togglebutton.p-disabled.p-togglebutton-checked .p-togglebutton-content {
    background-color: var(--vk-comp-selectbutton-background-color-active-disabled);
    border-color: var(--vk-comp-selectbutton-border-color-disabled);
  }
  .fullWidth p-select-button,
  .fullWidth p-selectButton,
  .fullWidth p-selectbutton,
  .p-select-button.fullWidth,
  p-selectButton.fullWidth,
  p-selectbutton.fullWidth,
  .full-width p-select-button,
  .full-width p-selectButton,
  .full-width p-selectbutton,
  .p-select-button.full-width,
  p-selectButton.full-width,
  p-selectbutton.full-width {
    width: 100%;
  }
  .fullWidth p-select-button:has(> :nth-child(2):last-child) > *,
  .fullWidth p-selectButton:has(> :nth-child(2):last-child) > *,
  .fullWidth p-selectbutton:has(> :nth-child(2):last-child) > *,
  .p-select-button.fullWidth:has(> :nth-child(2):last-child) > *,
  p-selectButton.fullWidth:has(> :nth-child(2):last-child) > *,
  p-selectbutton.fullWidth:has(> :nth-child(2):last-child) > *,
  .full-width p-select-button:has(> :nth-child(2):last-child) > *,
  .full-width p-selectButton:has(> :nth-child(2):last-child) > *,
  .full-width p-selectbutton:has(> :nth-child(2):last-child) > *,
  .p-select-button.full-width:has(> :nth-child(2):last-child) > *,
  p-selectButton.full-width:has(> :nth-child(2):last-child) > *,
  p-selectbutton.full-width:has(> :nth-child(2):last-child) > * {
    width: 50%;
  }
  .fullWidth p-select-button,
  .fullWidth p-selectButton,
  .fullWidth p-selectbutton,
  .p-select-button.fullWidth,
  p-selectButton.fullWidth,
  p-selectbutton.fullWidth,
  .full-width p-select-button,
  .full-width p-selectButton,
  .full-width p-selectbutton,
  .p-select-button.full-width,
  p-selectButton.full-width,
  p-selectbutton.full-width {
  }
  .fullWidth p-select-button:has(> :nth-child(3):last-child) > *,
  .fullWidth p-selectButton:has(> :nth-child(3):last-child) > *,
  .fullWidth p-selectbutton:has(> :nth-child(3):last-child) > *,
  .p-select-button.fullWidth:has(> :nth-child(3):last-child) > *,
  p-selectButton.fullWidth:has(> :nth-child(3):last-child) > *,
  p-selectbutton.fullWidth:has(> :nth-child(3):last-child) > *,
  .full-width p-select-button:has(> :nth-child(3):last-child) > *,
  .full-width p-selectButton:has(> :nth-child(3):last-child) > *,
  .full-width p-selectbutton:has(> :nth-child(3):last-child) > *,
  .p-select-button.full-width:has(> :nth-child(3):last-child) > *,
  p-selectButton.full-width:has(> :nth-child(3):last-child) > *,
  p-selectbutton.full-width:has(> :nth-child(3):last-child) > * {
    width: 33.3333%;
  }
  .fullWidth p-select-button,
  .fullWidth p-selectButton,
  .fullWidth p-selectbutton,
  .p-select-button.fullWidth,
  p-selectButton.fullWidth,
  p-selectbutton.fullWidth,
  .full-width p-select-button,
  .full-width p-selectButton,
  .full-width p-selectbutton,
  .p-select-button.full-width,
  p-selectButton.full-width,
  p-selectbutton.full-width {
  }
  .fullWidth p-select-button:has(> :nth-child(4):last-child) > *,
  .fullWidth p-selectButton:has(> :nth-child(4):last-child) > *,
  .fullWidth p-selectbutton:has(> :nth-child(4):last-child) > *,
  .p-select-button.fullWidth:has(> :nth-child(4):last-child) > *,
  p-selectButton.fullWidth:has(> :nth-child(4):last-child) > *,
  p-selectbutton.fullWidth:has(> :nth-child(4):last-child) > *,
  .full-width p-select-button:has(> :nth-child(4):last-child) > *,
  .full-width p-selectButton:has(> :nth-child(4):last-child) > *,
  .full-width p-selectbutton:has(> :nth-child(4):last-child) > *,
  .p-select-button.full-width:has(> :nth-child(4):last-child) > *,
  p-selectButton.full-width:has(> :nth-child(4):last-child) > *,
  p-selectbutton.full-width:has(> :nth-child(4):last-child) > * {
    width: 25%;
  }
  .fullWidth p-select-button,
  .fullWidth p-selectButton,
  .fullWidth p-selectbutton,
  .p-select-button.fullWidth,
  p-selectButton.fullWidth,
  p-selectbutton.fullWidth,
  .full-width p-select-button,
  .full-width p-selectButton,
  .full-width p-selectbutton,
  .p-select-button.full-width,
  p-selectButton.full-width,
  p-selectbutton.full-width {
  }
  .fullWidth p-select-button:has(> :nth-child(5):last-child) > *,
  .fullWidth p-selectButton:has(> :nth-child(5):last-child) > *,
  .fullWidth p-selectbutton:has(> :nth-child(5):last-child) > *,
  .p-select-button.fullWidth:has(> :nth-child(5):last-child) > *,
  p-selectButton.fullWidth:has(> :nth-child(5):last-child) > *,
  p-selectbutton.fullWidth:has(> :nth-child(5):last-child) > *,
  .full-width p-select-button:has(> :nth-child(5):last-child) > *,
  .full-width p-selectButton:has(> :nth-child(5):last-child) > *,
  .full-width p-selectbutton:has(> :nth-child(5):last-child) > *,
  .p-select-button.full-width:has(> :nth-child(5):last-child) > *,
  p-selectButton.full-width:has(> :nth-child(5):last-child) > *,
  p-selectbutton.full-width:has(> :nth-child(5):last-child) > * {
    width: 20%;
  }
  .fullWidth p-select-button .p-togglebutton,
  .fullWidth p-selectButton .p-togglebutton,
  .fullWidth p-selectbutton .p-togglebutton,
  .p-select-button.fullWidth .p-togglebutton,
  p-selectButton.fullWidth .p-togglebutton,
  p-selectbutton.fullWidth .p-togglebutton,
  .full-width p-select-button .p-togglebutton,
  .full-width p-selectButton .p-togglebutton,
  .full-width p-selectbutton .p-togglebutton,
  .p-select-button.full-width .p-togglebutton,
  p-selectButton.full-width .p-togglebutton,
  p-selectbutton.full-width .p-togglebutton {
    width: 100%;
  }
  .p-textarea {
    --p-textarea-background: white;
    --p-textarea-disabled-background: white;
    --p-textarea-filled-background: white;
    --p-textarea-filled-focus-background: white;
    --p-textarea-border-color: var(--vk-comp-input-border-color);
    --p-textarea-hover-border-color: var(--vk-comp-input-border-color-hover);
    --p-textarea-focus-border-color: var(--vk-comp-input-border-color-focus);
    --p-textarea-invalid-border-color: var(--vk-comp-input-border-color-error);
    --p-textarea-color: var(--vk-comp-input-color);
    --p-textarea-disabled-color: var(--vk-comp-input-color-disabled);
    --p-textarea-placeholder-color: var(--vk-comp-textarea-placeholder-color);
    --p-textarea-border-radius: var(--vk-comp-input-border-radius);
    --p-textarea-focus-ring-shadow: none;
    --p-textarea-transition-duration: 0;
    width: 100%;
    padding: calc(0.75rem - 1px) calc(1rem - 1px);
    min-width: 10rem;
    min-height: 2rem;
    resize: vertical;
    font: var(--vk-comp-textarea-font);
  }
  .p-textarea::placeholder {
    font: var(--vk-comp-textarea-placeholder-font-style);
    color: var(--vk-comp-textarea-placeholder-color);
  }
  .p-textarea:focus::placeholder {
    color: var(--vk-comp-textarea-placeholder-color-focus);
  }
  .p-textarea:not(.p-disabled):not(:disabled):focus,
  .p-textarea:not(.p-disabled):not(:disabled).p-focus {
    border: calc(var(--vk-comp-input-border-width-focus) / 2) solid var(--vk-comp-input-border-color-focus);
    box-shadow: var(--vk-comp-textarea-box-shadow-focus);
  }
  .p-textarea:not(.p-disabled):not(:disabled):hover,
  .p-textarea:not(.p-disabled):not(:disabled):active {
    background-color: var(--vk-comp-input-background-color-hover);
    color: var(--vk-comp-input-color-hover);
    border: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-hover);
    box-shadow: var(--vk-comp-textarea-box-shadow-hover);
  }
  .p-textarea:not(.p-disabled):not(:disabled):hover:focus,
  .p-textarea:not(.p-disabled):not(:disabled):active:focus {
    border: calc(var(--vk-comp-input-border-width-focus) / 2) solid var(--vk-comp-input-border-color-focus);
    box-shadow: var(--vk-comp-textarea-box-shadow-hover-focus);
  }
  .p-textarea.ng-dirty.ng-invalid,
  .p-textarea.ng-invalid {
    border: var(--vk-comp-input-border-width-error) solid var(--vk-comp-input-border-color-error);
    box-shadow: var(--vk-comp-textarea-box-shadow-error);
  }
  .p-textarea.ng-dirty.ng-invalid:not(.p-disabled):not(:disabled):hover,
  .p-textarea.ng-invalid:not(.p-disabled):not(:disabled):hover {
    border: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-error-hover);
    box-shadow: var(--vk-comp-textarea-box-shadow-error-hover);
  }
  .p-textarea.ng-dirty.ng-invalid:not(.p-disabled):not(:disabled):focus,
  .p-textarea.ng-dirty.ng-invalid:not(.p-disabled):not(:disabled).p-focus,
  .p-textarea.ng-invalid:not(.p-disabled):not(:disabled):focus,
  .p-textarea.ng-invalid:not(.p-disabled):not(:disabled).p-focus {
    border-color: var(--vk-comp-input-border-color-error-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-focus);
  }
  .p-textarea.ng-dirty.ng-invalid:not(.p-disabled):not(:disabled):hover:focus,
  .p-textarea.ng-dirty.ng-invalid:not(.p-disabled):not(:disabled):active:focus,
  .p-textarea.ng-invalid:not(.p-disabled):not(:disabled):hover:focus,
  .p-textarea.ng-invalid:not(.p-disabled):not(:disabled):active:focus {
    border-color: var(--vk-comp-input-border-color-error-hover-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover-focus);
  }
  .p-textarea:disabled {
    opacity: 1;
    color: var(--vk-comp-input-color-disabled);
    border: var(--vk-comp-input-border-width-disabled) solid var(--vk-comp-input-border-color-disabled);
  }
  .p-textarea:disabled::placeholder {
    color: var(--vk-comp-input-color-disabled);
  }
  .p-toggleswitch {
    --p-toggleswitch-width: var(--vk-comp-toggleswitch-width);
    --p-toggleswitch-height: var(--vk-comp-toggleswitch-spacing-l);
    --p-toggleswitch-border-width: 1px;
    --p-toggleswitch-border-radius: var(--vk-comp-toggleswitch-border-radius);
    --p-toggleswitch-background: var(--vk-comp-toggleswitch-background-color);
    --p-toggleswitch-disabled-background: var(--vk-comp-toggleswitch-background-color-disabled);
    --p-toggleswitch-hover-background: var(--vk-comp-toggleswitch-background-color-hover);
    --p-toggleswitch-checked-background: var(--vk-comp-toggleswitch-background-color-checked);
    --p-toggleswitch-checked-hover-background: var(--vk-comp-toggleswitch-background-color-checked-hover);
    --p-toggleswitch-border-color: var(--vk-comp-toggleswitch-border-color);
    --p-toggleswitch-hover-border-color: var(--vk-comp-toggleswitch-border-color-hover);
    --p-toggleswitch-invalid-border-color: var(--vk-comp-toggleswitch-border-color-error);
    --p-toggleswitch-handle-size: var(--vk-comp-toggleswitch-toggle-size);
    --p-toggleswitch-handle-background: var(--vk-comp-toggleswitch-handle-color);
    --p-toggleswitch-handle-disabled-background: var(--vk-comp-toggleswitch-handle-color-disabled);
    --p-toggleswitch-handle-hover-background: var(--vk-comp-toggleswitch-handle-color-hover);
    --p-toggleswitch-handle-checked-background: var(--vk-comp-toggleswitch-handle-color-checked);
    --p-toggleswitch-handle-checked-hover-background: var(--vk-comp-toggleswitch-handle-color-checked-hover);
    --p-toggleswitch-shadow: none;
    --p-toggleswitch-focus-ring-width: 2px;
    --p-toggleswitch-focus-ring-color: var(--vk-focus-visible-outline-color);
    --p-toggleswitch-focus-ring-offset: var(--vk-spacing-02);
    --p-toggleswitch-focus-ring-shadow: none;
  }
  .p-toggleswitch .p-toggleswitch-handle::before {
    font-family: PrimeIcons;
    content: "\e90b";
    font-size: var(--vk-comp-toggleswitch-handle-icon-size);
    line-height: 1rem;
    text-align: center;
    font-weight: bolder;
    color: var(--vk-comp-toggleswitch-handle-icon-color);
    width: var(--vk-comp-toggleswitch-toggle-size);
    height: var(--vk-comp-toggleswitch-toggle-size);
    left: var(--vk-comp-toggleswitch-spacing-xxs);
  }
  .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle::before {
    font-family: PrimeIcons;
    content: "\e909";
    font-size: var(--vk-comp-toggleswitch-handle-icon-size);
    line-height: 1rem;
    text-align: center;
    font-weight: bolder;
    color: var(--vk-comp-toggleswitch-handle-icon-checked-color);
  }
  .p-toggleswitch.p-disabled .p-toggleswitch-slider {
    border-color: var(--vk-comp-toggleswitch-border-color-disabled);
  }
  .p-toggleswitch.p-disabled .p-toggleswitch-handle {
    background-color: var(--vk-comp-toggleswitch-handle-color-disabled);
  }
  .p-toggleswitch.p-disabled .p-toggleswitch-handle::before {
    color: var(--vk-comp-toggleswitch-handle-icon-checked-disabled-color);
  }
  .p-toggleswitch.p-disabled.p-toggleswitch-checked .p-toggleswitch-slider {
    border-color: var(--vk-comp-toggleswitch-border-color-checked-disabled);
    background-color: var(--vk-comp-toggleswitch-background-color-checked-disabled);
  }
  .p-toggleswitch.p-disabled.p-toggleswitch-checked .p-toggleswitch-handle {
    background-color: var(--vk-comp-toggleswitch-handle-color-checked-disabled);
  }
  .p-toggleswitch.p-disabled.p-toggleswitch-checked .p-toggleswitch-handle::before {
    color: var(--vk-comp-toggleswitch-handle-icon-checked-disabled-color);
  }
  p-toggleswitch.ng-dirty.ng-invalid .p-toggleswitch-slider,
  p-toggleswitch.ng-invalid .p-toggleswitch-slider {
    background-color: var(--vk-comp-toggleswitch-background-color);
    border-color: var(--vk-comp-toggleswitch-border-color-error);
    border-width: var(--vk-comp-toggleswitch-border-width-error);
  }
  p-toggleswitch.ng-dirty.ng-invalid .p-toggleswitch-handle,
  p-toggleswitch.ng-invalid .p-toggleswitch-handle {
    background-color: var(--vk-comp-toggleswitch-handle-color-error);
  }
  p-toggleswitch.ng-dirty.ng-invalid .p-toggleswitch:hover .p-toggleswitch-slider,
  p-toggleswitch.ng-invalid .p-toggleswitch:hover .p-toggleswitch-slider {
    border-color: var(--vk-comp-toggleswitch-border-color-error);
    border-width: var(--vk-comp-toggleswitch-border-width-error-hover);
  }
  p-toggleswitch.ng-dirty.ng-invalid .p-toggleswitch-checked .p-toggleswitch-slider,
  p-toggleswitch.ng-invalid .p-toggleswitch-checked .p-toggleswitch-slider {
    background-color: var(--vk-comp-toggleswitch-background-color-checked-error);
  }
  p-toggleswitch.ng-dirty.ng-invalid .p-toggleswitch-checked .p-toggleswitch-handle,
  p-toggleswitch.ng-invalid .p-toggleswitch-checked .p-toggleswitch-handle {
    background-color: var(--vk-comp-toggleswitch-handle-color-checked-error);
  }
  .p-carousel {
    --p-carousel-content-gap: var(--vk-spacing-04);
    --p-carousel-indicator-list-padding: var(--vk-comp-carousel-spacing-m);
    --p-carousel-indicator-list-gap: 0;
    --p-carousel-indicator-background: var(--vk-comp-carousel-indicator-color);
    --p-carousel-indicator-active-background: var(--vk-comp-carousel-indicator-color-active);
    --p-carousel-indicator-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-carousel-indicator-focus-ring-offset: var(--vk-focus-visible-outline-offset);
    --p-carousel-indicator-focus-ring-color: var(--vk-focus-visible-outline-color);
    --p-carousel-indicator-border-radius: var(--vk-comp-carousel-indicator-border-radius);
    --p-disabled-opacity: 1;
    color: var(--vk-comp-carousel-prev-next-icon-color);
  }
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text .p-iconwrapper::before,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text .p-iconwrapper::before {
    color: var(--vk-comp-carousel-prev-next-icon-color);
  }
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text:hover::before,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text:hover::before {
    background-color: transparent;
  }
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text:hover .p-iconwrapper::before,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text:hover .p-iconwrapper::before {
    color: var(--vk-comp-carousel-prev-next-icon-color-hover);
  }
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text:focus,
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text:focus-visible,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text:focus,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text:focus-visible {
    outline-offset: -2px;
  }
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text:disabled::before,
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text.p-disabled::before,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text:disabled::before,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text.p-disabled::before {
    background-color: transparent;
  }
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text:disabled .p-iconwrapper::before,
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text.p-disabled .p-iconwrapper::before,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text:disabled .p-iconwrapper::before,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text.p-disabled .p-iconwrapper::before {
    color: var(--vk-comp-carousel-prev-next-icon-color-disabled);
  }
  .p-carousel .p-carousel-content .p-button.p-button-text {
    min-height: unset;
    padding: var(--vk-spacing-16);
  }
  .p-carousel .p-carousel-content .p-button.p-button-text::before {
    background-color: transparent;
  }
  .p-carousel .p-carousel-indicator-list .p-carousel-indicator {
    margin-right: var(--vk-comp-carousel-spacing-xs);
    margin-bottom: var(--vk-comp-carousel-spacing-xs);
  }
  .p-carousel .p-carousel-indicator-list .p-carousel-indicator button {
    transition: none;
    width: var(--vk-comp-carousel-indicator-width);
    height: var(--vk-comp-carousel-indicator-height);
    border: var(--vk-comp-carousel-indicator-border);
  }
  .p-carousel .p-carousel-indicator-list .p-carousel-indicator button:hover {
    background-color: var(--vk-comp-carousel-indicator-color-hover);
    border: var(--vk-comp-carousel-indicator-border-hover);
  }
  .p-carousel .p-carousel-indicator-list .p-carousel-indicator.p-carousel-indicator-active button {
    border: var(--vk-comp-carousel-indicator-border-active);
  }
  .p-breadcrumb {
    --p-breadcrumb-background: var(--vk-comp-breadcrumb-background-color);
    --p-breadcrumb-item-color: var(--vk-comp-breadcrumb-item-text-color);
    --p-breadcrumb-item-icon-color: var(--vk-comp-breadcrumb-home-icon-color);
    --p-breadcrumb-separator-color: var(--vk-comp-breadcrumb-separator-icon-color);
    --p-breadcrumb-padding: 0 var(--vk-comp-breadcrumb-item-spacing-left-right);
    --p-breadcrumb-gap: var(--vk-spacing-04);
    --p-breadcrumb-item-gap: 0;
    --p-breadcrumb-item-focus-ring-shadow: none;
    --p-breadcrumb-item-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-breadcrumb-item-focus-ring-color: var(--vk-focus-visible-outline-color);
    --p-breadcrumb-item-focus-ring-offset: var(--vk-focus-visible-outline-offset);
    --p-breadcrumb-item-hover-color: var(--vk-comp-breadcrumb-item-text-color-hover);
    --p-icon-size: var(--vk-comp-breadcrumb-separator-icon-size);
    border-radius: var(--vk-comp-breadcrumb-border-radius);
    border: none;
  }
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link {
    padding: var(--vk-comp-breadcrumb-item-spacing-top-bottom) var(--vk-comp-breadcrumb-item-spacing-left-right);
    font: var(--vk-comp-breadcrumb-item-font-style);
    cursor: pointer;
    text-decoration: var(--vk-comp-breadcrumb-item-text-decoration);
  }
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link:hover {
    text-decoration: var(--vk-comp-breadcrumb-item-text-decoration-hover);
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-breadcrumb-item-link {
    color: var(--vk-comp-breadcrumb-item-text-color-active);
  }
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link:hover,
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-breadcrumb-item-link:hover,
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-breadcrumb-item-link:hover .p-breadcrumb-item-label {
    color: var(--vk-comp-breadcrumb-item-text-color-active-hover);
  }
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link:focus,
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link:focus-visible {
    outline-offset: -2px;
    border-radius: var(--vk-comp-breadcrumb-border-radius);
    color: var(--vk-comp-breadcrumb-item-text-color-focus);
  }
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link:focus:has(.pi),
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link:focus-visible:has(.pi) {
    padding: var(--vk-spacing-20) var(--vk-comp-breadcrumb-item-spacing-left-right);
    color: var(--vk-comp-breadcrumb-item-text-color-focus);
  }
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-icon {
    font-size: var(--vk-comp-breadcrumb-home-icon-size);
  }
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-icon:hover {
    color: var(--vk-comp-breadcrumb-item-text-color-active-hover);
  }
  .borderless .p-breadcrumb {
    border: none;
    padding: 0;
  }
  .borderless .p-breadcrumb .p-breadcrumb-list li:not(.p-breadcrumb-item-separator) .p-breadcrumb-item-link {
    padding: var(--vk-comp-breadcrumb-borderless-padding-focus);
  }
  .p-menubar {
    --p-menubar-background: var(--vk-comp-menubar-background-color);
    --p-menubar-item-color: var(--vk-comp-menubar-item-text-color);
    --p-menubar-item-active-color: var(--vk-comp-menubar-item-text-color-active);
    --p-menubar-border-radius: var(--vk-comp-menubar-border-radius);
    --p-menubar-submenu-border-radius: var(--vk-comp-menubar-border-radius);
    --p-menubar-border-color: var(--vk-comp-menubar-background-color);
    --p-menubar-gap: 0;
    --p-menubar-padding: 0;
    --p-menubar-item-icon-color: var(--vk-comp-menubar-item-icon-color);
    --p-menubar-item-icon-active-color: var(--vk-comp-menubar-item-icon-color-active);
    --p-menubar-submenu-icon-active-color: var(--vk-comp-menubar-item-icon-color-active);
    --p-menubar-submenu-icon-color: var(--vk-comp-menubar-item-icon-color);
    --p-menubar-submenu-icon-focus-color: var(--vk-comp-menubar-item-icon-color);
    --p-menubar-submenu-icon-size: 1rem;
    --p-menubar-base-item-padding: var(--vk-comp-menubar-item-padding-m);
    --p-menubar-item-gap: var(--vk-comp-menubar-item-gap);
    --p-menubar-item-icon-focus-color: var(--vk-comp-menubar-item-icon-color);
    --p-menubar-item-focus-color: var(--vk-comp-menubar-item-text-color-active);
    --p-menubar-item-focus-background: var(--vk-comp-menubar-item-background-color-active);
    --p-menubar-item-active-background: var(--vk-comp-menubar-item-background-color-active);
    --p-menubar-item-padding: var(--vk-comp-menubar-item-padding-s) var(--vk-comp-menubar-item-padding-m);
    --p-menubar-base-item-border-radius: var(--vk-comp-menubar-border-radius);
    --p-menubar-submenu-padding: 0;
    --p-menubar-submenu-gap: 0;
  }
  .p-menubar .p-menubar-root-list {
    border-radius: var(--vk-comp-menubar-border-radius);
    background-color: var(--vk-comp-menubar-item-background-color);
  }
  .p-menubar .p-menubar-root-list .p-menubar-submenu {
    margin: var(--vk-comp-menubar-submenu-spacing-top-bottom) 0;
  }
  .p-menubar .p-menubar-root-list .p-menubar-item-label {
    font: var(--vk-comp-menubar-item-text-font-style);
  }
  .p-menubar .p-menubar-root-list .p-menubar-item:focus-visible > .p-menubar-item-content > .p-menubar-item-link,
  .p-menubar .p-menubar-root-list .p-menubar-item:focus > .p-menubar-item-content > .p-menubar-item-link,
  .p-menubar .p-menubar-root-list .p-menubar-item.p-focus > .p-menubar-item-content > .p-menubar-item-link {
    border-radius: var(--vk-comp-menubar-item-content-radius);
    outline: var(--vk-focus-visible-outline-width) solid var(--vk-focus-visible-outline-color);
    outline-offset: var(--vk-focus-visible-outline-offset);
  }
  .p-menubar .p-menubar-root-list .p-menubar-item:not(.p-disabled) .p-menubar-item-content:hover {
    background-color: var(--vk-comp-menubar-item-background-color-hover);
  }
  .p-menubar .p-menubar-root-list .p-menubar-item:not(.p-disabled) .p-menubar-item-content:hover .p-menubar-item-label {
    color: var(--vk-comp-menubar-item-text-color-hover);
  }
  .p-menubar .p-menubar-root-list .p-menubar-item:not(.p-disabled) .p-menubar-item-content:hover .p-menubar-item-icon,
  .p-menubar .p-menubar-root-list .p-menubar-item:not(.p-disabled) .p-menubar-item-content:hover .p-menubar-submenu-icon {
    color: var(--vk-comp-menubar-item-icon-color-hover);
  }
  .p-menubar .p-menubar-root-list .p-menubar-item.p-menubar-item-active > .p-menubar-item-content .p-menuitem-text {
    font: var(--vk-comp-menubar-item-text-font-style);
    color: var(--vk-comp-menubar-item-text-color-active);
  }
  .p-menubar .p-menubar-root-list .p-menubar-item .p-menubar-item-content {
    border-radius: var(--vk-comp-menubar-item-content-radius);
  }
  .p-menubar .p-menubar-end {
    padding: var(--vk-comp-menubar-padding-xxs);
  }
  .p-message,
  .p-inline-message {
    --p-message-content-padding: var(--vk-comp-message-spacing-default);
    --p-message-border-width: 0;
    --p-message-close-button-focus-ring-offset: var(--vk-focus-visible-outline-offset);
    --p-message-close-button-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-message-close-icon-size: 1rem;
  }
  .p-message .p-message-wrapper,
  .p-inline-message .p-message-wrapper {
    padding: var(--vk-comp-message-spacing-default);
    align-items: flex-start;
  }
  .p-message .p-message-content,
  .p-inline-message .p-message-content {
    align-items: flex-start;
  }
  .p-message .p-message-text,
  .p-inline-message .p-message-text {
    flex-direction: column;
    align-items: flex-start;
  }
  .p-message .p-message-icon,
  .p-inline-message .p-message-icon {
    margin-right: var(--vk-comp-message-spacing-default);
    font-size: var(--vk-comp-message-icon-size-l);
    line-height: var(--vk-comp-message-icon-size-l);
  }
  .p-message .p-message-close,
  .p-inline-message .p-message-close {
    font-size: var(--vk-comp-message-icon-size-m);
    line-height: var(--vk-comp-message-icon-size-m);
    width: unset;
    height: unset;
  }
  .p-message [data-pc-section=summary],
  .p-inline-message [data-pc-section=summary] {
    font: var(--vk-comp-message-font-style-summary);
  }
  .p-message .p-message-detail,
  .p-inline-message .p-message-detail {
    font: var(--vk-comp-message-font-style-detail);
    margin-left: var(--vk-comp-message-spacing-xs);
    margin-right: var(--vk-comp-message-spacing-xs);
    margin-top: var(--vk-comp-message-spacing-xxxs);
  }
  .p-message.p-message-primary,
  .p-message.p-inline-message-primary,
  .p-message.p-message-secondary,
  .p-message.p-inline-message-secondary,
  .p-message.p-message-success,
  .p-message.p-inline-message-success,
  .p-message.p-message-info,
  .p-message.p-inline-message-info,
  .p-message.p-message-warn,
  .p-message.p-inline-message-warn,
  .p-message.p-message-error,
  .p-message.p-inline-message-error,
  .p-inline-message.p-message-primary,
  .p-inline-message.p-inline-message-primary,
  .p-inline-message.p-message-secondary,
  .p-inline-message.p-inline-message-secondary,
  .p-inline-message.p-message-success,
  .p-inline-message.p-inline-message-success,
  .p-inline-message.p-message-info,
  .p-inline-message.p-inline-message-info,
  .p-inline-message.p-message-warn,
  .p-inline-message.p-inline-message-warn,
  .p-inline-message.p-message-error,
  .p-inline-message.p-inline-message-error {
    border-radius: var(--vk-comp-message-border-radius);
  }
  .p-message.p-message-primary .p-message-close-icon,
  .p-message.p-inline-message-primary .p-message-close-icon,
  .p-message.p-message-secondary .p-message-close-icon,
  .p-message.p-inline-message-secondary .p-message-close-icon,
  .p-message.p-message-success .p-message-close-icon,
  .p-message.p-inline-message-success .p-message-close-icon,
  .p-message.p-message-info .p-message-close-icon,
  .p-message.p-inline-message-info .p-message-close-icon,
  .p-message.p-message-warn .p-message-close-icon,
  .p-message.p-inline-message-warn .p-message-close-icon,
  .p-message.p-message-error .p-message-close-icon,
  .p-message.p-inline-message-error .p-message-close-icon,
  .p-inline-message.p-message-primary .p-message-close-icon,
  .p-inline-message.p-inline-message-primary .p-message-close-icon,
  .p-inline-message.p-message-secondary .p-message-close-icon,
  .p-inline-message.p-inline-message-secondary .p-message-close-icon,
  .p-inline-message.p-message-success .p-message-close-icon,
  .p-inline-message.p-inline-message-success .p-message-close-icon,
  .p-inline-message.p-message-info .p-message-close-icon,
  .p-inline-message.p-inline-message-info .p-message-close-icon,
  .p-inline-message.p-message-warn .p-message-close-icon,
  .p-inline-message.p-inline-message-warn .p-message-close-icon,
  .p-inline-message.p-message-error .p-message-close-icon,
  .p-inline-message.p-inline-message-error .p-message-close-icon {
    color: var(--vk-comp-message-icon-color-close);
  }
  .p-message.p-message-primary,
  .p-inline-message.p-message-primary {
    border: solid var(--vk-comp-message-icon-color-primary);
    border-width: var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width-left);
  }
  .p-message.p-message-primary,
  .p-message.p-inline-message-primary,
  .p-inline-message.p-message-primary,
  .p-inline-message.p-inline-message-primary {
    color: var(--vk-comp-message-text-color-primary);
    background-color: var(--vk-comp-message-background-color-primary);
  }
  .p-message.p-message-primary .p-message-icon,
  .p-message.p-message-primary .p-inline-message-icon,
  .p-message.p-inline-message-primary .p-message-icon,
  .p-message.p-inline-message-primary .p-inline-message-icon,
  .p-inline-message.p-message-primary .p-message-icon,
  .p-inline-message.p-message-primary .p-inline-message-icon,
  .p-inline-message.p-inline-message-primary .p-message-icon,
  .p-inline-message.p-inline-message-primary .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-primary);
  }
  .p-message.p-message-secondary,
  .p-inline-message.p-message-secondary {
    border: solid var(--vk-comp-message-icon-color-secondary);
    border-width: var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width-left);
  }
  .p-message.p-message-secondary,
  .p-message.p-inline-message-secondary,
  .p-inline-message.p-message-secondary,
  .p-inline-message.p-inline-message-secondary {
    color: var(--vk-comp-message-text-color-secondary);
    background-color: var(--vk-comp-message-background-color-secondary);
  }
  .p-message.p-message-secondary .p-message-icon,
  .p-message.p-message-secondary .p-inline-message-icon,
  .p-message.p-inline-message-secondary .p-message-icon,
  .p-message.p-inline-message-secondary .p-inline-message-icon,
  .p-inline-message.p-message-secondary .p-message-icon,
  .p-inline-message.p-message-secondary .p-inline-message-icon,
  .p-inline-message.p-inline-message-secondary .p-message-icon,
  .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-secondary);
  }
  .p-message.p-message-success,
  .p-inline-message.p-message-success {
    border: solid var(--vk-comp-message-icon-color-success);
    border-width: var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width-left);
  }
  .p-message.p-message-success,
  .p-message.p-inline-message-success,
  .p-inline-message.p-message-success,
  .p-inline-message.p-inline-message-success {
    color: var(--vk-comp-message-text-color-success);
    background-color: var(--vk-comp-message-background-color-success);
  }
  .p-message.p-message-success .p-message-icon,
  .p-message.p-message-success .p-inline-message-icon,
  .p-message.p-inline-message-success .p-message-icon,
  .p-message.p-inline-message-success .p-inline-message-icon,
  .p-inline-message.p-message-success .p-message-icon,
  .p-inline-message.p-message-success .p-inline-message-icon,
  .p-inline-message.p-inline-message-success .p-message-icon,
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-success);
  }
  .p-message.p-message-info,
  .p-inline-message.p-message-info {
    border: solid var(--vk-comp-message-icon-color-info);
    border-width: var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width-left);
  }
  .p-message.p-message-info,
  .p-message.p-inline-message-info,
  .p-inline-message.p-message-info,
  .p-inline-message.p-inline-message-info {
    color: var(--vk-comp-message-text-color-info);
    background-color: var(--vk-comp-message-background-color-info);
  }
  .p-message.p-message-info .p-message-icon,
  .p-message.p-message-info .p-inline-message-icon,
  .p-message.p-inline-message-info .p-message-icon,
  .p-message.p-inline-message-info .p-inline-message-icon,
  .p-inline-message.p-message-info .p-message-icon,
  .p-inline-message.p-message-info .p-inline-message-icon,
  .p-inline-message.p-inline-message-info .p-message-icon,
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-info);
  }
  .p-message.p-message-warn,
  .p-inline-message.p-message-warn {
    border: solid var(--vk-comp-message-icon-color-warning);
    border-width: var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width-left);
  }
  .p-message.p-message-warn,
  .p-message.p-inline-message-warn,
  .p-inline-message.p-message-warn,
  .p-inline-message.p-inline-message-warn {
    color: var(--vk-comp-message-text-color-warning);
    background-color: var(--vk-comp-message-background-color-warning);
  }
  .p-message.p-message-warn .p-message-icon,
  .p-message.p-message-warn .p-inline-message-icon,
  .p-message.p-inline-message-warn .p-message-icon,
  .p-message.p-inline-message-warn .p-inline-message-icon,
  .p-inline-message.p-message-warn .p-message-icon,
  .p-inline-message.p-message-warn .p-inline-message-icon,
  .p-inline-message.p-inline-message-warn .p-message-icon,
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-warning);
  }
  .p-message.p-message-error,
  .p-inline-message.p-message-error {
    border: solid var(--vk-comp-message-icon-color-error);
    border-width: var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width-left);
  }
  .p-message.p-message-error,
  .p-message.p-inline-message-error,
  .p-inline-message.p-message-error,
  .p-inline-message.p-inline-message-error {
    color: var(--vk-comp-message-text-color-error);
    background-color: var(--vk-comp-message-background-color-error);
  }
  .p-message.p-message-error .p-message-icon,
  .p-message.p-message-error .p-inline-message-icon,
  .p-message.p-inline-message-error .p-message-icon,
  .p-message.p-inline-message-error .p-inline-message-icon,
  .p-inline-message.p-message-error .p-message-icon,
  .p-inline-message.p-message-error .p-inline-message-icon,
  .p-inline-message.p-inline-message-error .p-message-icon,
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-error);
  }
  .p-message .p-message-close-button,
  .p-message .p-message-close-button:hover,
  .p-inline-message .p-message-close-button,
  .p-inline-message .p-message-close-button:hover {
    outline-color: var(--vk-focus-visible-outline-color);
    min-height: unset;
    padding: unset;
    background-color: transparent;
  }
  .p-message .p-message-close-button::before,
  .p-message .p-message-close-button:hover::before,
  .p-inline-message .p-message-close-button::before,
  .p-inline-message .p-message-close-button:hover::before {
    background-color: transparent;
  }
  .p-message checkicon::before,
  .p-inline-message checkicon::before {
    color: var(--vk-comp-message-icon-color-success);
  }
  .p-message infocircleicon::before,
  .p-inline-message infocircleicon::before {
    color: var(--vk-comp-message-icon-color-info);
  }
  .p-message exclamationtriangleicon::before,
  .p-inline-message exclamationtriangleicon::before {
    color: var(--vk-comp-message-icon-color-warning);
  }
  .p-message timescircleicon::before,
  .p-inline-message timescircleicon::before {
    color: var(--vk-comp-message-icon-color-error);
  }
  .p-inline-message {
    padding: var(--vk-comp-message-spacing-s);
    align-items: flex-start !important;
  }
  .p-inline-message .p-inline-message-text {
    font: var(--vk-comp-message-font-style-detail);
  }
  .p-inline-message .p-iconwrapper {
    margin-right: var(--vk-comp-message-spacing-xs);
  }
  .p-inline-message .p-iconwrapper::before {
    font-size: var(--vk-comp-message-icon-size-m);
  }
  .p-inline-message.p-inline-message-info {
    border: 0;
  }
  p-message.p-inline-message-primary .p-inline-message {
    background-color: var(--vk-comp-message-background-color-primary);
  }
  p-message.p-inline-message-primary .p-inline-message .p-message-icon,
  p-message.p-inline-message-primary .p-inline-message .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-primary);
  }
  .p-toast {
    --p-toast-content-gap: var(--vk-comp-toast-message-spacing-default);
    --p-toast-text-gap: var(--vk-comp-toast-message-spacing-xxs);
    --p-toast-success-close-button-hover-background: transparent;
    --p-toast-info-close-button-hover-background: transparent;
    --p-toast-warn-close-button-hover-background: transparent;
    --p-toast-danger-close-button-hover-background: transparent;
    --p-toast-primary-close-button-hover-background: transparent;
    --p-toast-secondary-close-button-hover-background: transparent;
    --p-toast-icon-size: var(--vk-comp-toast-message-icon-size);
    opacity: 1;
  }
  .p-toast .p-toast-message {
    box-shadow: var(--vk-comp-toast-message-shadow);
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: var(--vk-comp-toast-message-spacing-default);
    border: 0;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon,
  .p-toast .p-toast-message .p-toast-message-content .p-toast-close-icon {
    font-size: var(--vk-comp-toast-message-icon-size);
    width: unset;
    height: unset;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    font: var(--vk-comp-toast-message-font-style-summary);
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    font: var(--vk-comp-toast-message-font-style-detail);
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text,
  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary,
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    color: var(--vk-comp-toast-message-font-color-primary);
  }
  .p-toast .p-toast-message {
    background: var(--vk-comp-toast-message-background-color-primary);
    border: solid var(--vk-comp-toast-message-icon-color-primary);
    border-width: var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-left-width);
    border-radius: var(--vk-comp-toast-message-border-radius);
  }
  .p-toast .p-toast-message .p-toast-message-icon {
    color: var(--vk-comp-toast-message-icon-color-primary);
  }
  .p-toast .p-toast-message.p-toast-message-secondary {
    background: var(--vk-comp-toast-message-background-color-secondary);
    border: solid var(--vk-comp-toast-message-icon-color-secondary);
    border-width: var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-left-width);
    border-radius: var(--vk-comp-toast-message-border-radius);
  }
  .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-text,
  .p-toast .p-toast-message.p-toast-message-secondary .p-toast-summary,
  .p-toast .p-toast-message.p-toast-message-secondary .p-toast-detail {
    color: var(--vk-comp-toast-message-font-color-secondary);
  }
  .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon {
    color: var(--vk-comp-toast-message-icon-color-secondary);
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: var(--vk-comp-toast-message-background-color-success);
    border: solid var(--vk-comp-toast-message-icon-color-success);
    border-width: var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-left-width);
    border-radius: var(--vk-comp-toast-message-border-radius);
  }
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-text,
  .p-toast .p-toast-message.p-toast-message-success .p-toast-summary,
  .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
    color: var(--vk-comp-toast-message-font-color-success);
  }
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
    color: var(--vk-comp-toast-message-icon-color-success);
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: var(--vk-comp-toast-message-background-color-info);
    border: solid var(--vk-comp-toast-message-info-border-color);
    border-width: var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-left-width);
    border-radius: var(--vk-comp-toast-message-border-radius);
  }
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-text,
  .p-toast .p-toast-message.p-toast-message-info .p-toast-summary,
  .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
    color: var(--vk-comp-toast-message-font-color-info);
  }
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
    color: var(--vk-comp-toast-message-icon-color-info);
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: var(--vk-comp-toast-message-background-color-warning);
    border: solid var(--vk-comp-toast-message-icon-color-warning);
    border-width: var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-left-width);
    border-radius: var(--vk-comp-toast-message-border-radius);
  }
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-text,
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-summary,
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
    color: var(--vk-comp-toast-message-font-color-warning);
  }
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
    color: var(--vk-comp-toast-message-icon-color-warning);
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: var(--vk-comp-toast-message-background-color-error);
    border: solid var(--vk-comp-toast-message-icon-color-error);
    border-width: var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-left-width);
    border-radius: var(--vk-comp-toast-message-border-radius);
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-text,
  .p-toast .p-toast-message.p-toast-message-error .p-toast-summary,
  .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
    color: var(--vk-comp-toast-message-font-color-error);
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
    color: var(--vk-comp-toast-message-icon-color-error);
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-close-button:hover {
    background: var(--p-toast-danger-close-button-hover-background);
  }
  .p-toast .p-button.p-button-text.p-toast-close-button {
    min-height: unset;
    padding: unset;
  }
  .p-toast .p-button.p-button-text.p-toast-close-button::before {
    background-color: transparent;
  }
  .p-toast {
  }
  .p-toast .p-toast-message-icon::before {
    font-size: var(--vk-comp-message-icon-size-l);
    line-height: var(--vk-comp-message-icon-size-l);
  }
  .p-toast .p-toast-close-icon::before {
    color: var(--vk-comp-message-icon-color-close);
    font-size: var(--vk-comp-message-icon-size-m);
    line-height: var(--vk-comp-message-icon-size-m);
  }
  .p-toast checkicon::before {
    color: var(--vk-comp-message-icon-color-success);
  }
  .p-toast infocircleicon::before {
    color: var(--vk-comp-message-icon-color-info);
  }
  .p-toast exclamationtriangleicon::before {
    color: var(--vk-comp-message-icon-color-warning);
  }
  .p-toast timescircleicon::before {
    color: var(--vk-comp-message-icon-color-error);
  }
  .p-avatar {
    background-color: var(--vk-comp-avatar-background-color);
    color: black;
    font-size: var(--vk-comp-avatar-font-size);
  }
  .p-avatar:not(.p-avatar-circle) {
    border-radius: var(--vk-comp-avatar-border-radius);
  }
  .p-avatar.p-avatar-circle {
    border-radius: 50%;
  }
  .p-avatar img {
    border-radius: var(--vk-comp-avatar-border-radius);
  }
  .p-avatar.p-avatar-lg {
    font-size: var(--vk-comp-avatar-font-size-l);
  }
  .p-avatar.p-avatar-xl {
    font-size: var(--vk-comp-avatar-font-size-xl);
  }
  .p-avatar .p-avatar-icon::before {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .p-avatar-group {
    align-items: stretch;
  }
  .p-avatar-group .p-avatar {
    border: 0;
  }
  .p-avatar-group .p-avatar-text,
  .p-avatar-group .p-avatar-label {
    color: var(--vk-comp-avatar-text-color);
  }
  .p-badge {
    background-color: var(--vk-comp-badge-background-color);
    color: var(--vk-comp-badge-font-color);
    border-radius: calc(var(--vk-comp-badge-size) / 2);
    height: var(--vk-comp-badge-size);
    line-height: var(--vk-comp-badge-size);
    min-width: var(--vk-comp-badge-size);
    font-size: var(--vk-comp-badge-font-size);
  }
  .p-badge.p-badge-dot {
    border-radius: calc(var(--vk-comp-badge-size-s) / 2);
    height: var(--vk-comp-badge-size-s);
    line-height: var(--vk-comp-badge-size-s);
    min-width: var(--vk-comp-badge-size-s);
  }
  .p-badge.p-badge-lg {
    border-radius: calc(var(--vk-comp-badge-size-l) / 2);
    height: var(--vk-comp-badge-size-l);
    line-height: var(--vk-comp-badge-size-l);
    min-width: var(--vk-comp-badge-size-l);
    font-size: var(--vk-comp-badge-font-size-l);
  }
  .p-badge.p-badge-xl {
    border-radius: calc(var(--vk-comp-badge-size-xl) / 2);
    height: var(--vk-comp-badge-size-xl);
    line-height: var(--vk-comp-badge-size-xl);
    min-width: var(--vk-comp-badge-size-xl);
    font-size: var(--vk-comp-badge-font-size-xl);
  }
  .p-badge.p-component {
    font-family: var(--vk-comp-badge-font);
  }
  .p-badge.p-badge-danger {
    background-color: var(--vk-comp-badge-background-color-danger);
    color: var(--vk-comp-badge-font-color-danger);
  }
  .p-badge.p-badge-success {
    background-color: var(--vk-comp-badge-background-color-success);
    color: var(--vk-comp-badge-font-color-success);
  }
  .p-badge.p-badge-info {
    background-color: var(--vk-comp-badge-background-color-info);
    color: var(--vk-comp-badge-font-color-info);
  }
  .p-badge.p-badge-warning,
  .p-badge.p-badge-warn {
    background-color: var(--vk-comp-badge-background-color-warning);
    color: var(--vk-comp-badge-font-color-warning);
  }
  .p-chip {
    --p-chip-remove-icon-focus-ring-offset: var(--vk-focus-visible-outline-offset);
    --p-chip-remove-icon-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-chip-remove-icon-focus-ring-color: var(--vk-focus-visible-outline-color);
    --p-disabled-opacity: 1;
    background: var(--vk-comp-chip-background-color);
    border-radius: var(--vk-comp-chip-border-radius);
    padding: var(--vk-comp-chip-padding-xs) var(--vk-comp-chip-padding-s);
    color: var(--vk-comp-chip-color);
  }
  .p-chip .p-chip-text {
    margin: 0;
    font: var(--vk-comp-chip-font-style);
  }
  .p-chip .p-chip-remove-icon {
    color: var(--vk-comp-chip-remove-icon-color);
  }
  .p-disabled .p-chip,
  .p-disabled.p-chip {
    background-color: var(--vk-comp-chip-background-color-disabled);
    color: var(--vk-comp-chip-color-disabled);
  }
  .p-disabled .p-chip .p-chip-remove-icon,
  .p-disabled.p-chip .p-chip-remove-icon {
    outline: none;
    color: var(--vk-comp-chip-remove-icon-color-disabled);
  }
  .p-progressbar {
    --p-progressbar-label-color: var(--vk-comp-progressbar-label-color);
    border-radius: var(--vk-comp-progressbar-border-radius);
    background: var(--vk-comp-progressbar-background-color);
    width: 100%;
    height: var(--vk-comp-progressbar-height);
    font: var(--vk-comp-progressbar-font);
  }
  .p-progressbar .p-progressbar-value {
    background: var(--vk-comp-progressbar-value-background-color);
    border-radius: 8px;
  }
  .p-progressbar-small .p-progressbar {
    height: var(--vk-comp-progressbar-height-small);
  }
  p-progress-spinner,
  p-progressSpinner,
  p-progressspinner {
    display: flex;
    align-items: center;
    justify-self: flex-start;
  }
  p-progress-spinner .p-progressspinner,
  p-progressSpinner .p-progressspinner,
  p-progressspinner .p-progressspinner {
    width: var(--vk-comp-progressspinner-size);
    height: var(--vk-comp-progressspinner-size);
  }
  p-progress-spinner .p-progressspinner .p-progressspinner-spin,
  p-progressSpinner .p-progressspinner .p-progressspinner-spin,
  p-progressspinner .p-progressspinner .p-progressspinner-spin {
    width: var(--vk-comp-progressspinner-size);
    height: var(--vk-comp-progressspinner-size);
  }
  p-progress-spinner .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle,
  p-progressSpinner .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle,
  p-progressspinner .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle {
    stroke: var(--vk-comp-progressspinner-color);
    animation: p-progress-spinner-dash 3s ease-in-out infinite;
  }
  p-progress-spinner,
  p-progressSpinner,
  p-progressspinner {
  }
  p-progress-spinner.small .p-progressspinner,
  p-progressSpinner.small .p-progressspinner,
  p-progressspinner.small .p-progressspinner {
    height: var(--vk-comp-progressspinner-size-small);
    width: var(--vk-comp-progressspinner-size-small);
  }
  p-progress-spinner.small .p-progressspinner .p-progressspinner-circle,
  p-progressSpinner.small .p-progressspinner .p-progressspinner-circle,
  p-progressspinner.small .p-progressspinner .p-progressspinner-circle {
    fill: var(--vk-comp-progressspinner-fill);
  }
  p-progress-spinner.small .p-progressspinner .p-progressspinner-spin,
  p-progressSpinner.small .p-progressspinner .p-progressspinner-spin,
  p-progressspinner.small .p-progressspinner .p-progressspinner-spin {
    height: var(--vk-comp-progressspinner-size-small);
    width: var(--vk-comp-progressspinner-size-small);
  }
  p-progress-spinner.small .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle,
  p-progressSpinner.small .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle,
  p-progressspinner.small .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle {
    stroke-width: var(--vk-comp-progressspinner-stroke-width-small);
  }
  .p-tag {
    --p-tag-gap: var(--vk-spacing-04);
    background-color: var(--vk-comp-tag-background-color);
    font: var(--vk-comp-tag-font);
    color: var(--vk-comp-tag-color-primary);
    border-radius: var(--vk-comp-tag-border-radius);
    padding: var(--vk-comp-tag-padding-xxs) var(--vk-comp-tag-padding-s);
  }
  .p-tag.p-tag-success {
    color: var(--vk-comp-tag-color-success);
    background-color: var(--vk-comp-tag-background-color-success);
  }
  .p-tag.p-tag-info {
    color: var(--vk-comp-tag-color-info);
    background-color: var(--vk-comp-tag-background-color-info);
  }
  .p-tag.p-tag-warning,
  .p-tag.p-tag-warn {
    color: var(--vk-comp-tag-color-warning);
    background-color: var(--vk-comp-tag-background-color-warning);
  }
  .p-tag.p-tag-danger {
    color: var(--vk-comp-tag-color-danger);
    background-color: var(--vk-comp-tag-background-color-danger);
  }
  .p-tag.p-tag-rounded {
    border-radius: var(--vk-comp-tag-border-radius-rund);
  }
  .p-tag > .p-tag-icon {
    margin: 0;
    display: flex;
  }
  .p-tag > .p-tag-icon .pi {
    font-size: var(--vk-comp-tag-icon-font-size);
  }
  .p-tag .p-tag-label {
    white-space: nowrap;
  }
  .p-tag-icon-right .p-tag {
    display: flex;
    flex-direction: row-reverse;
  }
  .p-dialog {
    --p-dialog-border-radius: var(--vk-comp-dialog-border-radius);
    --p-dialog-header-padding: var(--vk-comp-dialog-header-padding);
    --p-dialog-content-padding: var(--vk-comp-dialog-content-padding);
    --p-dialog-shadow: var(--vk-comp-dialog-shadow);
  }
  .p-dialog:not(.p-dialog-maximized) {
    max-width: 1500px;
  }
  .p-dialog .p-button.p-button-text.p-dialog-close-button {
    min-height: unset;
    padding: unset;
    cursor: pointer;
  }
  .p-dialog .p-button.p-button-text.p-dialog-close-button::before,
  .p-dialog .p-button.p-button-text.p-dialog-close-button:hover::before {
    background-color: transparent;
  }
  .p-dialog .p-button.p-button-text.p-dialog-close-button .p-iconwrapper::before {
    color: var(--vk-comp-dialog-close-icon-color);
  }
  .p-dialog .p-button.p-dialog-maximize-button,
  .p-dialog .p-button.p-dialog-maximize-button:hover,
  .p-dialog .p-button.p-dialog-maximize-button::before,
  .p-dialog .p-button.p-dialog-maximize-button:hover::before {
    background-color: transparent;
    border: none;
    color: var(--vk-comp-dialog-close-icon-color);
    cursor: pointer;
  }
  .p-overlay-mask {
    --p-mask-background: rgb(27 29 30 / 25%);
  }
  .p-overlaypanel {
    max-width: 520px;
    transform: none !important;
  }
  .p-overlaypanel .p-overlaypanel-content {
    background: var(--vk-comp-overlaypanel-content-background-color);
    padding: var(--vk-comp-overlaypanel-content-padding);
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px 0;
    max-width: fit-content;
    min-width: 318px;
    border-radius: var(--vk-comp-overlaypanel-content-border-radius);
    color: var(--vk-comp-overlaypanel-font-color);
  }
  .p-overlaypanel::after,
  .p-overlaypanel::before {
    display: none;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: transparent;
    color: var(--vk-comp-overlaypanel-close-font-color);
    top: var(--vk-comp-overlaypanel-postion-top);
    right: var(--vk-comp-overlaypanel-postion-right);
    transition: none;
  }
  .p-overlaypanel:has(.p-overlaypanel-content + .p-overlaypanel-close) .p-overlaypanel-content {
    padding-top: var(--vk-comp-overlaypanel-close-padding-top);
  }
  .p-popover {
    --p-popover-content-padding: var(--vk-comp-popover-content-padding);
    --p-popover-border-radius: var(--vk-comp-popover-content-border-radius);
    --p-popover-border-color: var(--vk-comp-popover-border-color);
    --p-popover-shadow: var(--vk-comp-popover-box-shadow);
    max-width: 520px;
  }
  .p-popover::after,
  .p-popover::before {
    display: none;
    content: unset;
  }
  .p-popover .p-popover-content {
    background: var(--vk-comp-popover-content-background-color);
    border-radius: var(--vk-comp-popover-content-border-radius);
    max-width: fit-content;
    min-width: 318px;
    color: var(--vk-comp-popover-font-color);
  }
  .p-popover:has(.p-popover-content + .p-popover-close) .p-popover-content {
    padding-top: var(--vk-comp-popover-close-padding-top);
  }
  [ptooltip] {
    cursor: pointer;
  }
  @media (width >= 37.5rem) {
    .p-tooltip {
      max-width: 520px;
    }
    .p-tooltip .p-tooltip-text {
      background: var(--vk-comp-tooltip-content-background-color);
      padding: var(--vk-comp-tooltip-content-padding);
      box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px 0;
      width: max-content;
      max-width: fit-content;
      border-radius: var(--vk-comp-tooltip-border-radius);
      color: var(--vk-comp-tooltip-font-color);
    }
    .p-tooltip.p-tooltip-top {
      padding: var(--vk-comp-tooltip-padding) 0;
    }
    .p-tooltip.p-tooltip-top .p-tooltip-arrow {
      bottom: 6px;
      margin-left: var(--vk-comp-tooltip-arrow-margin);
      border-width: var(--vk-comp-tooltip-arrow-border-width) var(--vk-comp-tooltip-arrow-border-width) 0;
      border-top-color: var(--vk-comp-tooltip-content-background-color);
    }
    .p-tooltip.p-tooltip-bottom {
      padding: var(--vk-comp-tooltip-padding) 0;
    }
    .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
      top: 6px;
      margin-left: var(--vk-comp-tooltip-arrow-margin);
      border-width: 0 var(--vk-comp-tooltip-arrow-border-width) var(--vk-comp-tooltip-arrow-border-width);
      border-bottom-color: var(--vk-comp-tooltip-content-background-color);
    }
    .p-tooltip.p-tooltip-left {
      padding: var(--vk-comp-tooltip-padding) var(--vk-comp-tooltip-padding) var(--vk-comp-tooltip-padding) 0;
    }
    .p-tooltip.p-tooltip-left .p-tooltip-arrow {
      right: 6px;
      margin-top: var(--vk-comp-tooltip-arrow-margin);
      border-width: var(--vk-comp-tooltip-arrow-border-width) 0 var(--vk-comp-tooltip-arrow-border-width) var(--vk-comp-tooltip-arrow-border-width);
      border-left-color: var(--vk-comp-tooltip-content-background-color);
    }
    .p-tooltip.p-tooltip-right {
      padding: var(--vk-comp-tooltip-padding) 0 var(--vk-comp-tooltip-padding) var(--vk-comp-tooltip-padding);
    }
    .p-tooltip.p-tooltip-right .p-tooltip-arrow {
      left: 6px;
      margin-top: var(--vk-comp-tooltip-arrow-margin);
      border-width: var(--vk-comp-tooltip-arrow-border-width) var(--vk-comp-tooltip-arrow-border-width) var(--vk-comp-tooltip-arrow-border-width) 0;
      border-right-color: var(--vk-comp-tooltip-content-background-color);
    }
  }
  @media (width <= 37.5rem) {
    .p-tooltip {
      position: fixed !important;
      inset: auto 0 0 !important;
      width: 100% !important;
      max-width: 600px;
      margin: 0 auto !important;
      display: block !important;
      pointer-events: auto !important;
      transform: none !important;
    }
    .p-tooltip::before {
      content: "";
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: -1;
    }
    .p-tooltip .p-tooltip-text {
      background: var(--vk-comp-tooltip-content-background-color);
      padding: 2rem 1.5rem;
      border-radius: 0;
      box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px 0;
      color: var(--vk-comp-tooltip-font-color);
      box-sizing: border-box;
      width: 100%;
      max-height: 400px;
      overflow: hidden auto;
    }
    .p-tooltip.p-tooltip-right,
    .p-tooltip.p-tooltip-left,
    .p-tooltip.p-tooltip-bottom,
    .p-tooltip.p-tooltip-top {
      padding: 0;
    }
    .p-tooltip .p-tooltip-arrow {
      display: none;
    }
  }
  .p-accordion {
    --p-accordion-header-first-top-border-radius: 0;
    --p-accordion-header-last-bottom-border-radius: 0;
    --p-accordion-content-padding: var(--vk-comp-accordion-content-spacing);
    --p-accordion-header-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-accordion-header-focus-ring-color: var(--vk-focus-visible-outline-color);
    --p-accordion-header-focus-ring-offset: -2px;
    --p-accordion-header-toggle-icon-color: var(--vk-comp-accordion-header-icon-color);
    --p-accordion-header-toggle-icon-hover-color: var(--vk-comp-accordion-header-icon-color-hover);
    --p-accordion-header-toggle-icon-active-color: var(--vk-comp-accordion-header-icon-color-active);
    --p-accordion-header-toggle-icon-active-hover-color: var(--vk-comp-accordion-header-icon-color-hover);
    --p-accordion-header-color: var(--vk-comp-accordion-header-color);
    --p-accordion-header-hover-color: var(--vk-comp-accordion-header-color-hover);
    --p-accordion-header-active-color: var(--vk-comp-accordion-header-color-active);
    --p-accordion-header-active-hover-color: var(--vk-comp-accordion-header-color-hover);
    --p-accordion-header-background: var(--vk-comp-accordion-header-background-color);
    --p-accordion-header-hover-background: var(--vk-comp-accordion-header-background-color-hover);
    --p-accordion-header-active-background: var(--vk-comp-accordion-header-background-color);
    --p-accordion-header-active-hover-background: var(--vk-comp-accordion-header-background-color-hover);
    --p-accordion-content-background: var(--vk-comp-accordion-content-background-color);
    font: var(--vk-comp-accordion-content-font-style);
  }
  .p-accordion .p-accordionpanel {
    border-bottom: var(--vk-comp-accordion-bottom-border);
  }
  .p-accordion .p-accordionpanel:first-child {
    border-top: var(--vk-comp-accordion-top-border);
  }
  .p-accordion .p-accordionpanel-active .p-accordionheader {
    color: var(--vk-comp-accordion-header-color-active);
    font-weight: var(--vk-comp-accordion-header-font-weight-open);
  }
  .p-accordion {
  }
  .p-accordion .p-accordionheader {
    background-color: var(--vk-comp-accordion-header-background-color);
    padding: var(--vk-comp-accordion-header-spacing);
    border: 0;
    justify-content: space-between;
    color: var(--vk-comp-accordion-header-color);
    font-weight: var(--vk-comp-accordion-header-font-weight);
    line-height: var(--vk-comp-accordion-header-line-height);
  }
  .p-accordion .p-accordionheader .p-iconwrapper {
    font-weight: var(--vk-comp-accordion-header-font-weight);
    color: var(--vk-comp-accordion-header-icon-color);
    font-size: var(--vk-comp-accordion-header-icon-font-size);
    line-height: var(--vk-comp-accordion-header-icon-font-size);
    padding-left: var(--vk-spacing-08);
  }
  .p-accordion .p-accordionheader .pi {
    color: var(--vk-comp-accordion-header-custom-icon-color);
  }
  .p-accordion .p-accordionheader:hover {
    background-color: var(--vk-comp-accordion-header-background-color-hover);
    color: var(--vk-comp-accordion-header-color-hover);
    font-weight: var(--vk-comp-accordion-header-font-weight-hover);
    line-height: var(--vk-comp-accordion-header-line-height);
  }
  .p-accordion .p-accordionheader:hover .pi,
  .p-accordion .p-accordionheader:hover .p-iconwrapper::before {
    color: var(--vk-comp-accordion-header-icon-color-hover);
  }
  .p-accordion .p-accordionheader:active {
    color: var(--vk-comp-accordion-header-color-active);
    font-weight: var(--vk-comp-accordion-header-font-weight-active);
    line-height: var(--vk-comp-accordion-header-line-height);
  }
  .p-accordion .p-accordionheader chevronupicon::before {
    content: "\e902" !important;
  }
  .p-accordion .p-accordionheader chevrondownicon::before {
    content: "\e903" !important;
  }
  .p-accordion {
  }
  .p-accordion .p-accordioncontent-content {
    background: var(--vk-comp-accordion-content-background-color);
    color: var(--vk-comp-accordion-content-color);
    padding: var(--vk-comp-accordion-content-spacing);
    padding-top: var(--vk-comp-accordion-content-spacing-top);
    font: var(--vk-comp-accordion-content-font-style);
    border: 0;
  }
  .p-accordion .p-accordioncontent-content > :first-child {
    margin-top: 0;
  }
  .p-accordion .p-accordioncontent-content > :last-child {
    margin-bottom: 0;
  }
  .p-accordion p-accordion-content[data-p-active=false] > div.p-accordioncontent-content {
    padding: 0;
  }
  .p-card {
    --p-card-background: var(--vk-comp-card-background-color);
    --p-card-color: var(--vk-comp-card-font-color);
    --p-card-border-radius: var(--vk-comp-card-border-radius);
    --p-card-shadow: var(--vk-comp-card-shadow);
    width: 100%;
    border: var(--vk-comp-card-border);
  }
  .p-card .p-card-header:empty,
  .p-card .p-card-title:empty,
  .p-card .p-card-subtitle:empty,
  .p-card .p-card-content:empty {
    display: none;
  }
  .p-card .p-card-header {
    background-color: var(--vk-comp-card-header-background-color);
    text-align: left;
    font: var(--vk-comp-card-header-font-style);
    color: var(--vk-comp-card-header-color);
    border-top-left-radius: var(--vk-comp-card-border-radius);
    border-top-right-radius: var(--vk-comp-card-border-radius);
  }
  .p-card .p-card-header .pi,
  .p-card .p-card-header .icon {
    font-size: var(--vk-comp-card-header-icon-font-size);
  }
  .p-card .p-card-header .pi::before {
    color: var(--vk-comp-card-header-icon-color);
  }
  .p-card .p-card-header:not(:has(> img)) {
    padding: var(--vk-comp-card-header-spacing);
    border-radius: var(--vk-comp-card-border-radius) var(--vk-comp-card-border-radius) 0 0;
  }
  .p-card .p-card-header img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    border-top-left-radius: var(--vk-comp-card-border-radius);
  }
  .p-card .p-card-title {
    font: var(--vk-comp-card-header-title-font-style);
    color: var(--vk-comp-card-header-title-color);
    margin-bottom: 0;
    hyphens: auto;
  }
  .p-card .p-card-title .pi,
  .p-card .p-card-title .icon {
    font-size: var(--vk-comp-card-header-title-icon-font-size);
  }
  .p-card .p-card-subtitle {
    font: var(--vk-comp-card-header-subtitle-font-style);
    color: var(--vk-comp-card-header-subtitle-color);
    margin-bottom: 0;
    hyphens: auto;
  }
  .p-card .p-card-subtitle .pi,
  .p-card .p-card-subtitle .icon {
    font-size: var(--vk-comp-card-header-subtitle-icon-font-size);
  }
  .p-card .p-card-body {
    padding: var(--vk-comp-card-body-spacing);
    display: flex;
    flex-flow: column;
    align-self: stretch;
    height: 100%;
    gap: var(--vk-comp-card-body-gap);
  }
  .p-card .p-card-body > :last-child {
    margin-bottom: 0;
  }
  .p-card .p-card-content {
    hyphens: auto;
    flex-grow: 1;
  }
  .p-card .p-card-footer {
    margin-top: auto;
  }
  .p-card .p-card-content,
  .p-card .p-card-footer {
    padding: 0;
  }
  .p-card .p-card-content > :first-child,
  .p-card .p-card-footer > :first-child {
    margin-top: 0;
  }
  .p-card .p-card-content > :last-child,
  .p-card .p-card-footer > :last-child {
    margin-bottom: 0;
  }
  :not(.p-card-horizontal) .p-card {
    display: flex;
    flex-flow: column;
    height: 100%;
  }
  .p-card-horizontal .p-card {
    display: flex;
    flex-flow: row;
    height: 100%;
  }
  .p-card-horizontal .p-card .p-card-header,
  .p-card-horizontal .p-card .p-card-header:not(:has(> img)) {
    border-radius: var(--vk-comp-card-border-radius) 0 0 var(--vk-comp-card-border-radius);
    overflow: hidden;
  }
  .p-card-horizontal .p-card .p-card-header,
  .p-card-horizontal .p-card .p-card-body {
    width: 50%;
  }
  .p-card-hoverable .p-card {
    cursor: pointer;
  }
  .p-card-hoverable .p-card .p-card-title,
  .p-card-hoverable .p-card .p-card-subtitle {
    font: var(--vk-comp-card-hoverable-title-font-style);
    font-size: var(--vk-comp-card-hoverable-title-font-size);
    color: var(--vk-comp-card-hoverable-title-color);
  }
  .p-card-hoverable .p-card .p-card-title .pi,
  .p-card-hoverable .p-card .p-card-title .icon,
  .p-card-hoverable .p-card .p-card-subtitle .pi,
  .p-card-hoverable .p-card .p-card-subtitle .icon {
    font-size: var(--vk-comp-card-hoverable-title-font-size);
  }
  .p-card-hoverable:hover .p-card {
    box-shadow: var(--vk-comp-card-hoverable-shadow-hover);
  }
  .p-card-hoverable:hover .p-card .p-card-title,
  .p-card-hoverable:hover .p-card .p-card-subtitle {
    color: var(--vk-comp-card-hoverable-title-color-hover);
  }
  .p-card-noshadow .p-card {
    box-shadow: none;
  }
  @media (width <= 37.5rem) {
    .p-card-horizontal .p-card {
      flex-flow: column;
    }
    .p-card-horizontal .p-card .p-card-header,
    .p-card-horizontal .p-card .p-card-body {
      width: 100%;
    }
    .p-card-horizontal .p-card .p-card-header:not(:has(> img)) {
      border-radius: var(--vk-comp-card-border-radius) var(--vk-comp-card-border-radius) 0 0;
    }
    .p-card-horizontal .p-card .p-card-header:has(> img) {
      border-radius: var(--vk-comp-card-border-radius) var(--vk-comp-card-border-radius) 0 0;
    }
    .p-card-horizontal .p-card .p-card-header:has(> img) img {
      border-top-left-radius: var(--vk-comp-card-border-radius);
      border-top-right-radius: var(--vk-comp-card-border-radius);
    }
  }
  .p-divider.p-divider-horizontal::before {
    border-bottom: var(--vk-comp-divider-height) solid var(--vk-comp-divider-color);
    border-top: 0;
    border-left: 0;
    border-right: 0;
  }
  .p-fieldset {
    --p-fieldset-legend-padding: var(--vk-comp-fieldset-header-spacing);
    --p-fieldset-legend-gap: var(--vk-comp-fieldset-header-spacing);
    --p-fieldset-legend-border-radius: var(--vk-comp-fieldset-border-radius);
    --p-fieldset-legend-border-color: var(--vk-comp-fieldset-border-color);
    --p-fieldset-color: var(--vk-comp-fieldset-body-font-color);
    --p-fieldset-legend-font-weight: var(--oev-font-weight-bold);
    --p-fieldset-legend-border-width: var(--vk-comp-fieldset-border-width);
    --p-fieldset-background: var(--vk-comp-fieldset-background-color);
    --p-icon-size: var(--vk-comp-fieldset-header-icon-size);
    --p-fieldset-legend-focus-ring-offset: var(--vk-focus-visible-outline-offset);
    --p-fieldset-legend-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-fieldset-legend-focus-ring-color: var(--vk-focus-visible-outline-color);
    border: var(--vk-comp-fieldset-border-width) solid var(--vk-comp-fieldset-border-color);
    border-radius: var(--vk-comp-fieldset-border-radius);
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
    background-color: var(--vk-comp-fieldset-header-background-color);
    border-radius: var(--vk-comp-fieldset-border-radius);
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend .p-fieldset-toggle-button.p-focus,
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend .p-fieldset-toggle-button:focus,
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend .p-fieldset-toggle-button:focus-visible {
    border-radius: calc(var(--vk-comp-fieldset-border-radius) - var(--vk-focus-visible-outline-offset));
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend .p-iconwrapper {
    color: var(--vk-comp-fieldset-header-icon-color);
    font-size: var(--vk-comp-fieldset-header-icon-size);
    line-height: var(--vk-comp-fieldset-header-icon-size);
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend .p-fieldset-legend-label {
    font: var(--vk-comp-fieldset-header-font-style-expandable);
    color: var(--vk-comp-fieldset-header-color);
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background-color: var(--vk-comp-fieldset-header-background-color-hover);
    border-color: var(--vk-comp-fieldset-header-border-color-hover);
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover .p-fieldset-legend-label,
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover .p-iconwrapper {
    color: var(--vk-comp-fieldset-header-closed-font-color-hover);
  }
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend {
    background-color: var(--vk-comp-fieldset-header-background-color-active);
    border: var(--vk-comp-fieldset-header-border-width-active) solid var(--vk-comp-fieldset-header-border-color-active);
    border-radius: var(--vk-comp-fieldset-border-radius);
  }
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend .p-fieldset-legend-label {
    color: var(--vk-comp-fieldset-header-color-active);
  }
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend:active,
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded.p-fieldset-expanded .p-fieldset-legend {
    background-color: var(--vk-comp-fieldset-header-background-color-active);
    font: var(--vk-comp-fieldset-header-font-style-expandable);
    border: var(--vk-comp-fieldset-header-border-width-active) solid var(--vk-comp-fieldset-header-border-color-active);
    border-radius: var(--vk-comp-fieldset-border-radius);
  }
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend:active .p-iconwrapper,
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded.p-fieldset-expanded .p-fieldset-legend .p-iconwrapper {
    color: var(--vk-comp-fieldset-header-icon-color-active);
  }
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend:hover {
    background-color: var(--vk-comp-fieldset-header-background-color-hover);
    font: var(--vk-comp-fieldset-header-font-style-expandable);
    border: var(--vk-comp-fieldset-header-border-width-hover) solid var(--vk-comp-fieldset-header-border-color-hover);
    border-radius: var(--vk-comp-fieldset-border-radius);
  }
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend:hover .p-fieldset-legend-label {
    color: var(--vk-comp-fieldset-header-font-color-hover);
  }
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend:hover .p-iconwrapper {
    color: var(--vk-comp-fieldset-header-icon-color-hover);
  }
  .p-fieldset .p-fieldset-content {
    font: var(--vk-comp-fieldset-body-font-style);
    color: var(--vk-comp-fieldset-body-font-color);
    padding: var(--vk-comp-fieldset-body-spacing) 0 0 0;
  }
  .p-fieldset .p-fieldset-legend-label {
    font: var(--vk-comp-fieldset-header-font-style);
    color: var(--vk-comp-fieldset-header-color);
  }
  .p-panel {
    margin-bottom: 25px;
    border: 0;
  }
  .p-panel .p-panel-header {
    background-color: var(--vk-comp-panel-header-background-color);
    font: var(--vk-comp-panel-header-font-style);
    padding: var(--vk-comp-panel-header-spacing);
  }
  .p-panel .p-panel-header .p-panel-title {
    font: var(--vk-comp-panel-header-font-style);
    color: var(--vk-comp-panel-header-color);
  }
  .p-panel .p-panel-header:hover .p-panel-title {
    color: var(--vk-comp-panel-header-color-hover);
  }
  .p-panel .p-panel-header:hover .p-panel-toggle-button .p-icon {
    color: var(--vk-comp-panel-header-icon-color-hover);
  }
  .p-panel .p-panel-header .p-panel-header-icon:hover {
    background: transparent;
  }
  .p-panel .p-panel-header .p-panel-toggler {
    width: unset;
    height: unset;
  }
  .p-panel .p-panel-header .p-button {
    padding-block: unset;
    padding-inline: unset;
  }
  .p-panel .p-panel-header .p-button.p-button-secondary.p-button-text {
    min-height: unset;
    padding: unset;
  }
  .p-panel .p-panel-header .p-button.p-button-secondary.p-button-text::before {
    height: 0;
    background-color: transparent;
  }
  .p-panel:not(.p-panel-expanded) .p-panel-header {
    border: var(--vk-comp-panel-border-width) solid var(--vk-comp-panel-border-color);
    border-radius: var(--vk-comp-panel-border-radius);
    color: var(--vk-comp-panel-header-color);
  }
  .p-panel:not(.p-panel-expanded) .p-panel-header:active {
    background-color: var(--vk-comp-panel-header-background-color-active);
    font: var(--vk-comp-panel-header-font-style);
    color: var(--vk-comp-panel-header-color-active);
  }
  .p-panel:not(.p-panel-expanded) .p-panel-header:hover {
    background-color: var(--vk-comp-panel-header-background-color-hover);
  }
  .p-panel:not(.p-panel-expanded) .p-panel-header:hover .p-panel-title {
    color: var(--vk-comp-panel-header-color-hover);
  }
  .p-panel.p-panel-expanded .p-panel-header,
  .p-panel:not(.p-panel-toggleable) .p-panel-header {
    background-color: var(--vk-comp-panel-header-background-color-active);
    color: var(--vk-comp-panel-header-color-active);
    border: var(--vk-comp-panel-border-width) solid var(--vk-comp-panel-border-color);
    border-radius: var(--vk-comp-panel-border-radius) var(--vk-comp-panel-border-radius) 0 0;
  }
  .p-panel.p-panel-expanded .p-panel-header .p-panel-title,
  .p-panel:not(.p-panel-toggleable) .p-panel-header .p-panel-title {
    color: var(--vk-comp-panel-header-color-active);
  }
  .p-panel.p-panel-expanded .p-panel-header:active,
  .p-panel:not(.p-panel-toggleable) .p-panel-header:active {
    background-color: var(--vk-comp-panel-header-background-color-active);
    font: var(--vk-comp-panel-header-font-style);
    color: var(--vk-comp-panel-header-color-active);
  }
  .p-panel.p-panel-expanded .p-panel-header:hover,
  .p-panel:not(.p-panel-toggleable) .p-panel-header:hover {
    background-color: var(--vk-comp-panel-header-background-color-active-hover);
  }
  .p-panel.p-panel-expanded .p-panel-header:hover .p-panel-title,
  .p-panel:not(.p-panel-toggleable) .p-panel-header:hover .p-panel-title {
    color: var(--vk-comp-panel-header-color-hover);
  }
  .p-panel.p-panel-expanded .p-panel-content,
  .p-panel:not(.p-panel-toggleable) .p-panel-content {
    border: var(--vk-comp-panel-border-width) solid var(--vk-comp-panel-border-color);
    border-top: 0;
    border-radius: 0 0 var(--vk-comp-panel-border-radius) var(--vk-comp-panel-border-radius);
  }
  .p-panel .p-panel-content {
    font: var(--vk-comp-panel-body-font-style);
    color: var(--vk-comp-panel-body-font-color);
    padding: var(--vk-comp-panel-body-spacing);
  }
  .p-panel .p-panel-content :first-child {
    margin-top: 0;
  }
  .p-panel .p-panel-content :last-child {
    margin-bottom: 0;
  }
  .p-panel {
  }
  .p-panel .p-iconwrapper {
    color: var(--vk-comp-panel-header-icon-color);
    font-size: var(--vk-comp-panel-header-icon-size);
    line-height: var(--vk-comp-panel-header-icon-size);
  }
  .p-panel .p-iconwrapper:hover {
    color: var(--vk-comp-panel-header-icon-color-hover);
  }
  .p-stepper {
    --p-stepper-transition-duration: 0;
    --p-stepper-separator-background: var(--vk-comp-stepper-separator-background);
    --p-stepper-separator-active-background: var(--vk-comp-stepper-separator-background-active);
    --p-stepper-separator-margin: 0;
    --p-stepper-separator-size: var(--vk-comp-stepper-separator-size);
    --p-stepper-step-padding: 0;
    --p-stepper-step-gap: var(--vk-comp-stepper-step-gap);
    --p-stepper-step-header-gap: var(--vk-spacing-responsive-s);
    --p-stepper-step-title-active-color: var(--vk-comp-stepper-step-title-active-color);
    --p-stepper-step-number-border-color: var(--vk-comp-stepper-step-number-border-color);
    --p-stepper-step-number-active-border-color: var(--vk-comp-stepper-step-number-active-border-color);
    --p-stepper-step-number-color: var(--vk-comp-stepper-step-number-color);
    --p-stepper-step-number-active-color: var(--vk-comp-stepper-step-number-active-color);
    --p-stepper-step-number-size: var(--vk-comp-stepper-step-number-size);
    --p-stepper-step-number-font-size: var(--vk-comp-stepper-step-number-font-size);
    --p-stepper-step-number-font-weight: var(--vk-comp-stepper-step-number-font-weight);
    --p-stepper-step-number-shadow: none;
    --p-stepper-steppanels-padding: var(--vk-comp-stepper-steppanels-padding);
  }
  .p-stepper .p-steplist .p-step-header {
    display: flex;
    outline-offset: -2px !important;
  }
  .p-stepper .p-steplist .p-step-header .p-step-title {
    font: var(--vk-comp-stepper-step-title-font-style);
    color: var(--vk-comp-stepper-step-title-font-color);
    white-space: break-spaces;
    text-align: left;
    hyphens: auto;
  }
  .p-stepper .p-steplist .p-step-header .p-step-number {
    font: var(--vk-comp-stepper-step-title-font-style);
    color: var(--vk-comp-stepper-step-number-color);
    border-color: var(--vk-comp-stepper-step-number-border-color);
    border-width: 4px;
  }
  .p-stepper .p-steplist .p-step {
    padding-right: var(--vk-spacing-responsive-s);
  }
  .p-stepper .p-steplist .p-step .p-step-number {
    background-color: var(--vk-comp-stepper-step-number-active-background-color);
    border-color: var(--vk-comp-stepper-step-number-active-border-color);
    color: var(--vk-comp-stepper-step-number-active-color);
  }
  .p-stepper .p-steplist .p-step-active .p-step-number {
    background-color: var(--vk-comp-stepper-step-number-active-background-color);
    border-color: var(--vk-comp-stepper-step-number-active-border-color);
    color: var(--vk-comp-stepper-step-number-active-color);
  }
  .p-stepper .p-steplist .p-step-active ~ .p-step .p-step-number {
    background-color: var(--vk-comp-stepper-step-number-background-color);
    border-color: var(--vk-comp-stepper-step-number-border-color);
    color: var(--vk-comp-stepper-step-number-color);
  }
  .p-stepper .p-stepitem .p-stepper-separator {
    background-color: var(--vk-comp-stepper-step-number-active-color);
  }
  .p-stepper .p-stepitem .p-step-number {
    background-color: transparent;
    border-color: var(--vk-comp-stepper-step-number-active-color);
    border-width: 4px;
    color: var(--vk-comp-stepper-step-number-color);
  }
  .p-stepper .p-stepitem .p-step {
    padding: var(--vk-comp-stepper-padding) 0;
  }
  .p-stepper .p-stepitem .p-steppanel {
    overflow: visible;
    margin-left: calc(var(--vk-comp-stepper-step-number-size) / 2 + 2px);
  }
  .p-stepper .p-stepitem .p-steppanel-content {
    margin-inline-start: calc(var(--vk-spacing-responsive-s) + 1.125rem);
  }
  .p-stepper .p-stepitem .p-step-title {
    font: var(--vk-comp-stepper-step-title-font-style);
    color: var(--vk-comp-stepper-step-title-font-color);
    white-space: break-spaces;
    text-align: left;
    hyphens: auto;
  }
  .p-stepper .p-stepitem:last-of-type .p-steppanel {
    padding-inline-start: var(--vk-comp-stepper-step-number-border-size);
  }
  .p-stepper .p-stepitem[data-p-active=true] ~ .p-stepitem .p-step-number {
    background-color: transparent;
    border-color: var(--vk-comp-stepper-step-number-border-color);
  }
  .p-stepper .p-stepitem[data-p-active=true] .p-steppanel-content {
    margin-bottom: 2rem;
  }
  .p-stepper .p-stepitem[data-p-active=true] .p-step-active .p-step-number {
    background-color: transparent;
    border-color: var(--vk-comp-stepper-step-number-active-border-color);
  }
  .p-stepper .p-steppanel-content {
    hyphens: auto;
    white-space: normal;
  }
  .p-tabs {
    --p-tabs-transition-duration: 0;
    --p-tabs-tablist-background: var(--vk-comp-tabs-background-color);
    --p-tabs-tab-background: var(--vk-comp-tabs-tabmenu-background-color);
    --p-tabs-tab-active-background: transparent;
    --p-tabs-tab-border-width: var(--vk-comp-tabs-tab-border-bottom-width);
    --p-tabs-tab-hover-border-color: var(--vk-comp-tabs-border-color-hover);
    --p-tabs-tab-active-border-color: var(--vk-comp-tabs-border-color);
    --p-tabs-tab-color: var(--vk-comp-tabs-font-color);
    --p-tabs-tab-hover-color: var(--vk-comp-tabs-border-color-hover);
    --p-tabs-tab-active-color: var(--vk-comp-tabs-font-color-active);
    --p-tabs-tab-padding: var(--vk-comp-tabs-spacing);
    --p-tabs-tabpanel-background: transparent;
    --p-tabs-tabpanel-padding: var(--oev-ref-size-24) var(--oev-ref-size-16) var(--oev-ref-size-16) var(--oev-ref-size-16);
    --p-tabs-tab-focus-ring-width: var(--vk-focus-visible-outline-width);
    --p-tabs-tab-focus-ring-color: var(--vk-focus-visible-outline-color);
    --p-tabs-tab-focus-ring-offset: -2px;
  }
  .p-tabs .p-tablist-tab-list {
    border-bottom: var(--vk-comp-tabs-tablist-border-bottom-width) solid var(--vk-comp-tabs-border-color);
  }
  .p-tabs .p-tablist-tab-list .p-tab {
    font: var(--vk-comp-tabs-font-style);
    border-left: none;
    border-right: none;
    border-top: none;
    border-color: transparent;
    transition: none;
  }
  .p-tabs .p-tablist-tab-list .p-tab.p-ripple {
    overflow: visible;
  }
  .p-tabs .p-tablist-tab-list .p-tab:hover {
    background-color: var(--vk-comp-tabs-tab-background-hover);
  }
  .p-tabs .p-tablist-tab-list .p-tab-active::after {
    content: "";
    position: absolute;
    bottom: calc((var(--vk-comp-tabs-tab-arrow-height) + var(--vk-comp-tabs-border-bottom-width-active) - var(--vk-comp-tabs-tablist-border-bottom-width)) * -1);
    left: 50%;
    transform: translateX(-50%);
    border-left: var(--vk-comp-tabs-tab-arrow-width) solid transparent;
    border-right: var(--vk-comp-tabs-tab-arrow-width) solid transparent;
    border-top: var(--vk-comp-tabs-tab-arrow-height) solid var(--vk-comp-tabs-border-color-active);
  }
  .p-tabs .p-tablist-tab-list .p-tab.p-tab-active {
    border-color: var(--vk-comp-tabs-border-color-active);
    border-width: var(--vk-comp-tabs-border-bottom-width-active);
  }
  .p-tabs .p-tablist-tab-list .p-tab.p-tab-active .pi {
    color: var(--vk-comp-tabs-tabmenu-icon-color-active);
  }
  .p-tabs .p-tablist-tab-list .p-tab:not(.p-tab-active):hover {
    border-color: var(--vk-comp-tabs-border-color-hover);
  }
  .p-tabs .p-tablist-tab-list .p-tablist-active-bar {
    height: 0;
    background: none;
    transition: none;
  }
  p-tabs.stretch-tabs .p-tablist-tab-list {
    display: flex;
  }
  p-tabs.stretch-tabs .p-tab {
    justify-content: center;
    flex-grow: 1;
  }
  p-tabs.tab-menu .p-tablist-tab-list {
    border-bottom: var(--vk-comp-tabs-tablist-border-bottom-width) solid var(--vk-comp-tabs-border-color);
  }
  p-tabs.tab-menu .p-tablist-tab-list .p-tab .pi {
    color: var(--vk-comp-tabs-tabmenu-icon-color);
    padding-right: var(--vk-comp-tabs-icon-spacing);
  }
  p-tabs.tab-menu .p-tablist-tab-list .p-tab:focus-visible {
    border-radius: var(--vk-comp-tabs-border-radius-focus) var(--vk-comp-tabs-border-radius-focus) 0 0;
    border-color: var(--vk-comp-tabs-border-color-focus);
  }
  p-tabs.tab-menu .p-tablist-tab-list .p-tab:not(.p-tab-active):hover {
    color: var(--vk-comp-tabs-font-color-hover);
  }
  p-tabs.tab-menu .p-tablist-tab-list .p-tab:not(.p-tab-active):hover .pi {
    color: var(--vk-comp-tabs-tabmenu-icon-color-hover);
  }
  p-tabs.tab-menu .p-tablist-tab-list .p-tab-active::after {
    content: unset;
  }
}
@layer primeng, dxp-primeng;
@layer kuba;

/* angular:styles/global:styles */