@charset "UTF-8";
html,
:root,
:host {
  --bdk-transition-duration-default: 0.2s;
}

:root {
  --bdk-focus-color: var(--bdk-coal-100, rgb(26, 26, 26));
  --bdk-focus-background-color: var(--bdk-snow-100, rgb(255, 255, 255));
  --bdk-focus-color-inverted: var(--bdk-snow-100, rgb(255, 255, 255));
  --bdk-focus-background-color-inverted: ;
}

/**
 * @file _buttons.scss
 * @description Button mixins for the BDK design system.
 * This file provides SCSS mixins for various button styles and themes.
 */
/**
 * @file _button-icon.scss
 * @description Button icon mixins for the BDK design system.
 * This file provides SCSS mixins for various button icon styles and variants.
 */
/**
 * Base button icon mixin that defines common button icon styling.
 * All other button icon variations inherit from this mixin.
 */
/**
 * -----------------------------------------------------
 * PRIMARY LINKS
 * Standardlink & wenn es nur wenige Links auf der Seite gibt
 * -----------------------------------------------------
 */
/**
 * Primary link style
 */
/**
 * Inline link style
 */
/**
 * -----------------------------------------------------
 * SECONDARY LINKS
 * Linklisten, z.B. Kategorieauswahl auf der Produktliste
 * -----------------------------------------------------
 */
/**
 * Secondary link style
 */
/**
 * -----------------------------------------------------
 * BRAND LINKS
 * Markenname auf der PDS – je nach Marke in VERSALIEN oder Gemeinen
 * -----------------------------------------------------
 */
/**
 * Brand link style
 */
/**
 * -----------------------------------------------------
 * NAV L1 LINKS
 * Weltenauswahl im Header (Damen, Herren, Kinder, Home & Living)
 * -----------------------------------------------------
 */
/**
 * Nav L1 style
 */
/**
 * -----------------------------------------------------
 * NAV L2 LINKS
 * Kategorieauswahl im Header
 * -----------------------------------------------------
 */
/**
 * Nav L2 style
 */
/**
 * -----------------------------------------------------
 * LINK LIBRARY
 * -----------------------------------------------------
 */
/**
 * List of all available link types for reference and iteration
 */
/**
 * -----------------------------------------------------
 * TEXT FIELD LIBRARY
 * -----------------------------------------------------
 */
/**
 * List of all available text field types for reference and iteration
 */
/**
 * @file _dropdown.scss
 * @description Dropdown mixins for the BDK design system.
 * This file provides SCSS mixins for various dropdown styles and variants.
 */
/**
 * Base dropdown mixin that defines common dropdown styling.
 * All other dropdown variations inherit from this mixin.
 */
/**
 * -----------------------------------------------------
 * DROPDOWN LIBRARY
 * -----------------------------------------------------
 */
/**
 * List of all available dropdown types for reference and iteration
 */
/**
 * @file _badge.scss
 * @description Badge mixins for the BDK design system.
 * This file provides SCSS mixins for various badge styles and variants.
 */
/**
 * Base badge mixin that defines common badge styling.
 * All other badge variations inherit from this mixin.
 */
/**
 * -----------------------------------------------------
 * SYSTEM BADGE VARIANTS
 * -----------------------------------------------------
 */
/**
 * Legacy mixins for backward compatibility
 * Will be deprecated in future versions
 */
/**
 * -----------------------------------------------------
 * BEYOND BADGE VARIANTS
 * -----------------------------------------------------
 *
 * Badge with different background colors and light text color (snow-100)
 */
/**
 * Beyond Badge - Variant Bronze
 * A beyond badge with bronze background color (bronze-gradient)
 */
/**
 * Beyond Badge - Variant Silber
 * A beyond badge with silver background color (silber-gradient)
 */
/**
 * Beyond Badge - Variant Gold
 * A beyond badge with gold background color (gold-gradient)
 */
/**
 * Beyond Badge - Variant Platin
 * A beyond badge with platin background color (platin-gradient)
 */
/**
 * Legacy mixins for backward compatibility
 * Will be deprecated in future versions
 */
/**
 * -----------------------------------------------------
 * ARTICLE BADGE VARIANTS
 * -----------------------------------------------------
 *
 * Badge with different background colors and dark text color (coal-100)
 */
/**
 * Article Badge - Variant Sale
 * A article badge with background color (sale)
 */
/**
 * Article Badge - Variant Coal
 * A article badge with background color (coal-100) and light text color (snow-100)
 */
/**
 * Article Badge - Variant Concrete
 * A article badge with background color (concrete)
 */
/**
 * Badge Article - Variant Sale
 */
/**
 * Badge Article - Variant Coal
 */
/**
 * Badge Article - Variant Concrete
 */
/**
 * -----------------------------------------------------
 * SALE BADGE VARIANTS
 * -----------------------------------------------------
 *
 * Badge with background color sale and dark text color (coal-100)
 */
/**
 * Price Badge - Size S
 * A price badge with small typography
 */
/**
 * Price Badge - Size M
 * A price badge with medium typography
 */
/**
 * Price Badge - Size L
 * A price badge with large typography
 */
/**
 * Legacy mixins for backward compatibility
 * Will be deprecated in future versions
 */
/**
* Sale Badge - Variant S (Legacy)
* A sale badge with background color (sale)
*/
/**
* Sale Badge - Variant M (Legacy)
* A sale badge with background color (sale)
*/
/**
* Sale Badge - Variant L (Legacy)
* A sale badge with background color (sale)
*/
/**
 * -----------------------------------------------------
 * COUNT BADGE VARIANTS
 * -----------------------------------------------------
 *
 * Badge used for displaying the count of items in a cart or other collection.
 */
/**
 * Count Badge - Size S
 * A count badge with small typography
 * Only available in coal-100 background color
 * and snow-100 text color due to accessibility reasons.
 */
/**
* Count Badge - Variant S
* A count badge used for displaying the count of items in Icons.
*/
/**
* Count Badge - Variant M
* A count badge used for displaying the count of items in Chips.
*/
/**
* Count Badge - Variant M Coal
* A count badge with background color coal-100 and text color snow-100.
*/
/**
* Count Badge - Variant M Brand
* A count badge with background color breuninger-red and text color snow-100.
*/
/**
* Count Badge - Variant M Snow
* A count badge with background color snow-100 and text color coal-100.
*/
/**
* Count Badge - Variant M Concrete
* A count badge with background color concrete and text color coal-100.
*/
/**
 * Utility mixin to select a specific badge type
 * Usage: @include badge-library('badge-system-neutral');
 * @param {string} $type - The badge type to include
 */
/**
 * List of all available badge types for reference and iteration
 */
/**
 * @file _chip.scss
 * @description Chip mixins for the BDK design system.
 * This file provides SCSS mixins for various chip styles.
 */
.bdk-main {
  --bdk-main-margin: var(--bdk-space-3, 2rem);
  margin-left: var(--bdk-main-margin);
  margin-right: var(--bdk-main-margin);
}
@media all and (min-width: 560px) {
  .bdk-main {
    --bdk-main-margin: var(--bdk-space-4, 2.667rem);
  }
}
@media all and (min-width: 760px) {
  .bdk-main {
    --bdk-main-margin: var(--bdk-space-6, 4rem);
  }
}
@media all and (min-width: 1660px) {
  .bdk-main {
    --bdk-main-margin: var(--bdk-space-12, 8rem);
  }
}
@media all and (min-width: 1920px) {
  .bdk-main {
    --bdk-main-margin: auto;
    max-width: 1712px;
  }
}

.bdk-account-main {
  --bdk-account-main-bottom-margin: var(--bdk-space-15, 10rem);
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  margin: 0 0 var(--bdk-account-main-bottom-margin);
}
@media all and (min-width: 360px) {
  .bdk-account-main {
    margin: 0 var(--bdk-space-3, 2rem) var(--bdk-account-main-bottom-margin);
  }
}
@media all and (min-width: 560px) {
  .bdk-account-main {
    margin: 0 var(--bdk-space-4, 2.667rem) var(--bdk-account-main-bottom-margin);
  }
}
@media all and (min-width: 760px) {
  .bdk-account-main {
    margin: 0 var(--bdk-space-6, 4rem) var(--bdk-account-main-bottom-margin);
  }
}
@media all and (min-width: 960px) {
  .bdk-account-main {
    flex-direction: row;
    gap: var(--bdk-space-8, 5.333rem);
  }
}
@media all and (min-width: 1660px) {
  .bdk-account-main {
    margin: 0 var(--bdk-space-12, 8rem) var(--bdk-account-main-bottom-margin);
  }
}
@media all and (min-width: 1920px) {
  .bdk-account-main {
    margin: 0 104px var(--bdk-account-main-bottom-margin);
  }
}
@media all and (min-width: 1921px) {
  .bdk-account-main {
    margin: 0 auto var(--bdk-account-main-bottom-margin);
    max-width: calc(196px + var(--bdk-space-8, 5.333rem) + 1468px);
  }
}

.bdk-account-navigation {
  --bdk-account-navigation-vertical-margin: var(--bdk-space-7, 4.667rem);
  --bdk-account-navigation-left-extra-margin-for-very-small-resolutions: var(--bdk-space-3, 2rem);
  margin-top: var(--bdk-account-navigation-vertical-margin);
  margin-bottom: var(--bdk-account-navigation-vertical-margin);
  margin-left: var(--bdk-account-navigation-left-extra-margin-for-very-small-resolutions);
}
@media all and (min-width: 360px) {
  .bdk-account-navigation {
    --bdk-account-navigation-left-extra-margin-for-very-small-resolutions: 0;
  }
}
@media all and (min-width: 960px) {
  .bdk-account-navigation {
    width: 196px;
    min-width: 196px;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.bdk-account-content {
  flex-grow: 1;
}

.bdk-account-hero-banner {
  --bdk-account-hero-banner-bottom-margin: var(--bdk-space-15, 10rem);
  height: 138px;
  margin: 0 0 var(--bdk-account-hero-banner-bottom-margin);
  background-color: var(--bdk-alabaster);
  display: none;
}
@media all and (min-width: 960px) {
  .bdk-account-hero-banner {
    display: flex;
  }
}
@media all and (min-width: 1921px) {
  .bdk-account-hero-banner {
    width: calc(196px + var(--bdk-space-8, 5.333rem) + 1468px);
    margin-left: auto;
    margin-right: auto;
  }
}

.bdk-account-hero-headline {
  height: var(--bdk-space-5, 3.333rem);
}
@media all and (min-width: 960px) {
  .bdk-account-hero-headline {
    display: none;
  }
}

.bdk-account-hero-banner-content-container {
  margin: auto 0;
}
@media all and (min-width: 360px) {
  .bdk-account-hero-banner-content-container {
    margin-left: calc(var(--bdk-space-3, 2rem) + 196px + var(--bdk-space-8, 5.333rem));
  }
}
@media all and (min-width: 560px) {
  .bdk-account-hero-banner-content-container {
    margin-left: calc(var(--bdk-space-4, 2.667rem) + 196px + var(--bdk-space-8, 5.333rem));
  }
}
@media all and (min-width: 760px) {
  .bdk-account-hero-banner-content-container {
    margin-left: calc(var(--bdk-space-6, 4rem) + 196px + var(--bdk-space-8, 5.333rem));
  }
}
@media all and (min-width: 1660px) {
  .bdk-account-hero-banner-content-container {
    margin-left: calc(var(--bdk-space-12, 8rem) + 196px + var(--bdk-space-8, 5.333rem));
  }
}
@media all and (min-width: 1920px) {
  .bdk-account-hero-banner-content-container {
    margin-left: calc(300px + var(--bdk-space-8, 5.333rem));
  }
}
@media all and (min-width: 1921px) {
  .bdk-account-hero-banner-content-container {
    width: calc(196px + var(--bdk-space-8, 5.333rem) + 1468px);
    margin-left: auto;
    margin-right: auto;
  }
}

@media all and (min-width: 1921px) {
  .bdk-account-hero-banner-content {
    margin-left: calc(196px + var(--bdk-space-8, 5.333rem));
  }
}

.bdk-sr-only {
  position: fixed;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.bdk-button-l {
  font-family: var(--bdk-button-l-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-button-l-font-size, 2.667rem);
  font-weight: var(--bdk-button-l-font-weight, 500);
  letter-spacing: var(--bdk-button-l-letter-spacing, 0.05rem);
  line-height: var(--bdk-button-l-line-height, 4rem);
  text-decoration: var(--bdk-button-l-text-decoration, none);
  text-transform: var(--bdk-button-l-text-transform, uppercase);
}

.bdk-button-m {
  font-family: var(--bdk-button-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-button-m-font-size, 2.333rem);
  font-weight: var(--bdk-button-m-font-weight, 500);
  letter-spacing: var(--bdk-button-m-letter-spacing, 0.033rem);
  line-height: var(--bdk-button-m-line-height, 3.667rem);
  text-decoration: var(--bdk-button-m-text-decoration, none);
  text-transform: var(--bdk-button-m-text-transform, uppercase);
}

.bdk-button-s {
  font-family: var(--bdk-button-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-button-s-font-size, 2rem);
  font-weight: var(--bdk-button-s-font-weight, 500);
  letter-spacing: var(--bdk-button-s-letter-spacing, 0.033rem);
  line-height: var(--bdk-button-s-line-height, 3rem);
  text-decoration: var(--bdk-button-s-text-decoration, none);
  text-transform: var(--bdk-button-s-text-transform, uppercase);
}

.bdk-heading-2xl {
  font-family: var(--bdk-heading-2xl-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-heading-2xl-font-size, 7rem);
  font-weight: var(--bdk-heading-2xl-font-weight, 500);
  letter-spacing: var(--bdk-heading-2xl-letter-spacing, 0.267rem);
  line-height: var(--bdk-heading-2xl-line-height, 10.667rem);
  text-decoration: var(--bdk-heading-2xl-text-decoration, none);
  text-transform: var(--bdk-heading-2xl-text-transform, uppercase);
}

.bdk-heading-2xs {
  font-family: var(--bdk-heading-2xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-heading-2xs-font-size, 1.667rem);
  font-weight: var(--bdk-heading-2xs-font-weight, 500);
  letter-spacing: var(--bdk-heading-2xs-letter-spacing, 0.017rem);
  line-height: var(--bdk-heading-2xs-line-height, 2.667rem);
  text-decoration: var(--bdk-heading-2xs-text-decoration, none);
  text-transform: var(--bdk-heading-2xs-text-transform, uppercase);
}

.bdk-heading-l {
  font-family: var(--bdk-heading-l-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-heading-l-font-size, 4rem);
  font-weight: var(--bdk-heading-l-font-weight, 500);
  letter-spacing: var(--bdk-heading-l-letter-spacing, 0.117rem);
  line-height: var(--bdk-heading-l-line-height, 6rem);
  text-decoration: var(--bdk-heading-l-text-decoration, none);
  text-transform: var(--bdk-heading-l-text-transform, uppercase);
}

.bdk-heading-m {
  font-family: var(--bdk-heading-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-heading-m-font-size, 3.333rem);
  font-weight: var(--bdk-heading-m-font-weight, 500);
  letter-spacing: var(--bdk-heading-m-letter-spacing, 0.083rem);
  line-height: var(--bdk-heading-m-line-height, 5rem);
  text-decoration: var(--bdk-heading-m-text-decoration, none);
  text-transform: var(--bdk-heading-m-text-transform, uppercase);
}

.bdk-heading-s {
  font-family: var(--bdk-heading-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-heading-s-font-size, 2.667rem);
  font-weight: var(--bdk-heading-s-font-weight, 500);
  letter-spacing: var(--bdk-heading-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-heading-s-line-height, 4rem);
  text-decoration: var(--bdk-heading-s-text-decoration, none);
  text-transform: var(--bdk-heading-s-text-transform, uppercase);
}

.bdk-heading-xl {
  font-family: var(--bdk-heading-xl-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-heading-xl-font-size, 5.333rem);
  font-weight: var(--bdk-heading-xl-font-weight, 500);
  letter-spacing: var(--bdk-heading-xl-letter-spacing, 0.2rem);
  line-height: var(--bdk-heading-xl-line-height, 8rem);
  text-decoration: var(--bdk-heading-xl-text-decoration, none);
  text-transform: var(--bdk-heading-xl-text-transform, uppercase);
}

.bdk-heading-xs {
  font-family: var(--bdk-heading-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-heading-xs-font-size, 2.333rem);
  font-weight: var(--bdk-heading-xs-font-weight, 500);
  letter-spacing: var(--bdk-heading-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-heading-xs-line-height, 3.667rem);
  text-decoration: var(--bdk-heading-xs-text-decoration, none);
  text-transform: var(--bdk-heading-xs-text-transform, uppercase);
}

.bdk-list-m {
  font-family: var(--bdk-list-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-list-m-font-size, 2.667rem);
  font-weight: var(--bdk-list-m-font-weight, 400);
  letter-spacing: var(--bdk-list-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-list-m-line-height, 4rem);
  text-decoration: var(--bdk-list-m-text-decoration, none);
  text-transform: var(--bdk-list-m-text-transform, inherit);
}

.bdk-strong-2xs {
  font-family: var(--bdk-strong-2xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-2xs-font-size, 1.667rem);
  font-weight: var(--bdk-strong-2xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-2xs-letter-spacing, 0.017rem);
  line-height: var(--bdk-strong-2xs-line-height, 2.667rem);
  text-decoration: var(--bdk-strong-2xs-text-decoration, none);
  text-transform: var(--bdk-strong-2xs-text-transform, inherit);
}

.bdk-strong-l {
  font-family: var(--bdk-strong-l-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-l-font-size, 3.333rem);
  font-weight: var(--bdk-strong-l-font-weight, 500);
  letter-spacing: var(--bdk-strong-l-letter-spacing, 0.1rem);
  line-height: var(--bdk-strong-l-line-height, 5rem);
  text-decoration: var(--bdk-strong-l-text-decoration, none);
  text-transform: var(--bdk-strong-l-text-transform, inherit);
}

.bdk-strong-m {
  font-family: var(--bdk-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-strong-m-text-decoration, none);
  text-transform: var(--bdk-strong-m-text-transform, inherit);
}

.bdk-strong-s {
  font-family: var(--bdk-strong-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-s-font-size, 2.333rem);
  font-weight: var(--bdk-strong-s-font-weight, 500);
  letter-spacing: var(--bdk-strong-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-strong-s-line-height, 3.667rem);
  text-decoration: var(--bdk-strong-s-text-decoration, none);
  text-transform: var(--bdk-strong-s-text-transform, inherit);
}

.bdk-strong-xs {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
}

.bdk-text-l {
  font-family: var(--bdk-text-l-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-l-font-size, 3.333rem);
  font-weight: var(--bdk-text-l-font-weight, 400);
  letter-spacing: var(--bdk-text-l-letter-spacing, 0.1rem);
  line-height: var(--bdk-text-l-line-height, 5rem);
  text-decoration: var(--bdk-text-l-text-decoration, none);
  text-transform: var(--bdk-text-l-text-transform, inherit);
}

.bdk-text-m {
  font-family: var(--bdk-text-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-m-font-size, 2.667rem);
  font-weight: var(--bdk-text-m-font-weight, 400);
  letter-spacing: var(--bdk-text-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-text-m-line-height, 4rem);
  text-decoration: var(--bdk-text-m-text-decoration, none);
  text-transform: var(--bdk-text-m-text-transform, inherit);
}

.bdk-text-s {
  font-family: var(--bdk-text-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-s-font-size, 2.333rem);
  font-weight: var(--bdk-text-s-font-weight, 400);
  letter-spacing: var(--bdk-text-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-text-s-line-height, 3.667rem);
  text-decoration: var(--bdk-text-s-text-decoration, none);
  text-transform: var(--bdk-text-s-text-transform, inherit);
}

.bdk-text-xs {
  font-family: var(--bdk-text-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-xs-font-size, 2rem);
  font-weight: var(--bdk-text-xs-font-weight, 400);
  letter-spacing: var(--bdk-text-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-text-xs-line-height, 3rem);
  text-decoration: var(--bdk-text-xs-text-decoration, none);
  text-transform: var(--bdk-text-xs-text-transform, inherit);
}

.bdk-underline-m {
  font-family: var(--bdk-underline-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-underline-m-font-size, 2.667rem);
  font-weight: var(--bdk-underline-m-font-weight, 400);
  letter-spacing: var(--bdk-underline-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-underline-m-line-height, 4rem);
  text-decoration: var(--bdk-underline-m-text-decoration, underline);
  text-transform: var(--bdk-underline-m-text-transform, inherit);
}

.bdk-underline-s {
  font-family: var(--bdk-underline-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-underline-s-font-size, 2.333rem);
  font-weight: var(--bdk-underline-s-font-weight, 400);
  letter-spacing: var(--bdk-underline-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-underline-s-line-height, 3.667rem);
  text-decoration: var(--bdk-underline-s-text-decoration, underline);
  text-transform: var(--bdk-underline-s-text-transform, inherit);
}

.bdk-underline-strong-m {
  font-family: var(--bdk-underline-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-underline-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-underline-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-underline-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-underline-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-underline-strong-m-text-decoration, underline);
  text-transform: var(--bdk-underline-strong-m-text-transform, inherit);
}

.bdk-underline-strong-s {
  font-family: var(--bdk-underline-strong-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-underline-strong-s-font-size, 2.333rem);
  font-weight: var(--bdk-underline-strong-s-font-weight, 500);
  letter-spacing: var(--bdk-underline-strong-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-underline-strong-s-line-height, 3.667rem);
  text-decoration: var(--bdk-underline-strong-s-text-decoration, underline);
  text-transform: var(--bdk-underline-strong-s-text-transform, inherit);
}

.bdk-underline-strong-xs {
  font-family: var(--bdk-underline-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-underline-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-underline-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-underline-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-underline-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-underline-strong-xs-text-decoration, underline);
  text-transform: var(--bdk-underline-strong-xs-text-transform, inherit);
}

.bdk-underline-xs {
  font-family: var(--bdk-underline-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-underline-xs-font-size, 2rem);
  font-weight: var(--bdk-underline-xs-font-weight, 400);
  letter-spacing: var(--bdk-underline-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-underline-xs-line-height, 3rem);
  text-decoration: var(--bdk-underline-xs-text-decoration, underline);
  text-transform: var(--bdk-underline-xs-text-transform, inherit);
}

.bdk-button {
  --_bdk-button-width: var(--bdk-button-width, auto);
  --bdk-button-height-small: var(--bdk-space-11, 7.333rem);
  --bdk-button-padding-y-small: var(--bdk-space-3, 2rem);
  --bdk-button-padding-x-small: var(--bdk-space-4, 2.667rem);
  --bdk-button-height-medium: var(--bdk-space-14, 9.333rem);
  --bdk-button-padding-y-medium: var(--bdk-space-4, 2.667rem);
  --bdk-button-padding-x-medium: var(--bdk-space-6, 4rem);
  --bdk-button-height-large: var(--bdk-space-16, 10.667rem);
  --bdk-button-padding-y-large: var(--bdk-space-5, 3.333rem);
  --bdk-button-padding-x-large: var(--bdk-space-7, 4.667rem);
  display: inline-flex;
  height: var(--bdk-button-height);
  width: var(--_bdk-button-width);
  border-width: 1px;
  border-style: solid;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  padding: var(--bdk-button-padding-y) var(--bdk-button-padding-x);
  gap: var(--bdk-space-2, 1.333rem);
  transition: background-color var(--bdk-transition-duration-default, 0.2s) ease, color var(--bdk-transition-duration-default, 0.2s) ease, border-color var(--bdk-transition-duration-default, 0.2s) ease;
}
@media (prefers-reduced-motion: reduce) {
  .bdk-button {
    transition: none;
  }
}
.bdk-button:not(:disabled):focus-visible {
  outline: 2px solid var(--bdk-focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color);
}
.bdk-button:not(:disabled)[inverted]:focus-visible {
  outline: 2px solid var(--bdk-focus-color-inverted);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color-inverted);
}
.bdk-button[full-width] {
  width: 100%;
}
.bdk-button[size=small] {
  --bdk-button-height: var(--bdk-button-height-small);
  --bdk-button-padding-y: var(--bdk-button-padding-y-small);
  --bdk-button-padding-x: var(--bdk-button-padding-x-small);
  font-family: var(--bdk-button-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-button-s-font-size, 2rem);
  font-weight: var(--bdk-button-s-font-weight, 500);
  letter-spacing: var(--bdk-button-s-letter-spacing, 0.033rem);
  line-height: var(--bdk-button-s-line-height, 3rem);
  text-decoration: var(--bdk-button-s-text-decoration, none);
  text-transform: var(--bdk-button-s-text-transform, uppercase);
}
.bdk-button[size=medium] {
  --bdk-button-height: var(--bdk-button-height-medium);
  --bdk-button-padding-y: var(--bdk-button-padding-y-medium);
  --bdk-button-padding-x: var(--bdk-button-padding-x-medium);
  font-family: var(--bdk-button-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-button-m-font-size, 2.333rem);
  font-weight: var(--bdk-button-m-font-weight, 500);
  letter-spacing: var(--bdk-button-m-letter-spacing, 0.033rem);
  line-height: var(--bdk-button-m-line-height, 3.667rem);
  text-decoration: var(--bdk-button-m-text-decoration, none);
  text-transform: var(--bdk-button-m-text-transform, uppercase);
}
.bdk-button[size=large] {
  --bdk-button-height: var(--bdk-button-height-large);
  --bdk-button-padding-y: var(--bdk-button-padding-y-large);
  --bdk-button-padding-x: var(--bdk-button-padding-x-large);
  font-family: var(--bdk-button-l-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-button-l-font-size, 2.667rem);
  font-weight: var(--bdk-button-l-font-weight, 500);
  letter-spacing: var(--bdk-button-l-letter-spacing, 0.05rem);
  line-height: var(--bdk-button-l-line-height, 4rem);
  text-decoration: var(--bdk-button-l-text-decoration, none);
  text-transform: var(--bdk-button-l-text-transform, uppercase);
}
.bdk-button[variant=primary] {
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
  border-color: var(--bdk-coal-100, rgb(26, 26, 26));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  border-radius: var(--bdk-radius-2, 1.333rem);
}
.bdk-button[variant=primary]:hover {
  background-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-button[variant=primary]:disabled {
  cursor: auto;
  background-color: color-mix(in srgb, var(--bdk-coal-100, rgb(26, 26, 26)) 25%, transparent);
  border-color: transparent;
  color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 50%, transparent);
}
.bdk-button[variant=primary][inverted] {
  background-color: var(--bdk-snow-100, rgb(255, 255, 255));
  border-color: var(--bdk-snow-100, rgb(255, 255, 255));
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-button[variant=primary][inverted]:hover {
  background-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-button[variant=primary][inverted]:disabled {
  cursor: auto;
  background-color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 25%, transparent);
  border-color: transparent;
  color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 25%, transparent);
}
.bdk-button[variant=highlight] {
  background-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  border-radius: var(--bdk-radius-2, 1.333rem);
}
.bdk-button[variant=highlight]:hover {
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
  border-color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-button[variant=highlight]:disabled {
  cursor: auto;
  background-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 50%, transparent);
}
.bdk-button[variant=highlight][inverted]:hover {
  background-color: var(--bdk-snow-100, rgb(255, 255, 255));
  border-color: var(--bdk-snow-100, rgb(255, 255, 255));
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-button[variant=highlight][inverted]:disabled {
  cursor: auto;
  background-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 50%, transparent);
}
.bdk-button[variant=outline] {
  background-color: transparent;
  border-color: var(--bdk-coal-100, rgb(26, 26, 26));
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  border-radius: var(--bdk-radius-2, 1.333rem);
}
.bdk-button[variant=outline]:hover {
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
  border-color: var(--bdk-coal-100, rgb(26, 26, 26));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-button[variant=outline]:disabled {
  cursor: auto;
  background-color: transparent;
  border-color: color-mix(in srgb, var(--bdk-coal-100, rgb(26, 26, 26)) 25%, transparent);
  color: color-mix(in srgb, var(--bdk-coal-100, rgb(26, 26, 26)) 25%, transparent);
}
.bdk-button[variant=outline][inverted] {
  border-color: var(--bdk-snow-100, rgb(255, 255, 255));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-button[variant=outline][inverted]:hover {
  background-color: var(--bdk-snow-100, rgb(255, 255, 255));
  border-color: var(--bdk-snow-100, rgb(255, 255, 255));
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-button[variant=outline][inverted]:disabled {
  background-color: transparent;
  border-color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 25%, transparent);
  color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 25%, transparent);
}

.bdk-button-icon {
  --bdk-button-icon-size-extra-extra-small: var(--bdk-space-6, 4rem);
  --bdk-button-icon-size-extra-small: var(--bdk-space-8, 5.333rem);
  --bdk-button-icon-size-small: var(--bdk-space-11, 7.333rem);
  --bdk-button-icon-size-medium: var(--bdk-space-14, 9.333rem);
  --bdk-button-icon-size-large: var(--bdk-space-16, 10.667rem);
  --bdk-button-icon-radius-pill: var(--bdk-radius-pill, 166.5rem);
  --bdk-button-icon-radius-rounded: var(--bdk-radius-2, 1.333rem);
  --bdk-button-icon-radius: var(--bdk-button-icon-radius-rounded);
  display: inline-flex;
  width: var(--bdk-button-icon-size);
  aspect-ratio: 1;
  border-width: 1px;
  border-style: solid;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  border-radius: var(--bdk-button-icon-radius);
  transition: background-color var(--bdk-transition-duration-default, 0.2s) ease, color var(--bdk-transition-duration-default, 0.2s) ease, border-color var(--bdk-transition-duration-default, 0.2s) ease;
}
@media (prefers-reduced-motion: reduce) {
  .bdk-button-icon {
    transition: none;
  }
}
.bdk-button-icon:not(:disabled):focus-visible {
  outline: 2px solid var(--bdk-focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color);
}
.bdk-button-icon:not(:disabled)[inverted]:focus-visible {
  outline: 2px solid var(--bdk-focus-color-inverted);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color-inverted);
}
.bdk-button-icon[size=extra-extra-small] {
  --bdk-button-icon-size: var(--bdk-button-icon-size-extra-extra-small);
  font-family: var(--bdk-button-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-button-s-font-size, 2rem);
  font-weight: var(--bdk-button-s-font-weight, 500);
  letter-spacing: var(--bdk-button-s-letter-spacing, 0.033rem);
  line-height: var(--bdk-button-s-line-height, 3rem);
  text-decoration: var(--bdk-button-s-text-decoration, none);
  text-transform: var(--bdk-button-s-text-transform, uppercase);
}
.bdk-button-icon[size=extra-small] {
  --bdk-button-icon-size: var(--bdk-button-icon-size-extra-small);
  font-family: var(--bdk-button-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-button-s-font-size, 2rem);
  font-weight: var(--bdk-button-s-font-weight, 500);
  letter-spacing: var(--bdk-button-s-letter-spacing, 0.033rem);
  line-height: var(--bdk-button-s-line-height, 3rem);
  text-decoration: var(--bdk-button-s-text-decoration, none);
  text-transform: var(--bdk-button-s-text-transform, uppercase);
}
.bdk-button-icon[size=small] {
  --bdk-button-icon-size: var(--bdk-button-icon-size-small);
  font-family: var(--bdk-button-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-button-s-font-size, 2rem);
  font-weight: var(--bdk-button-s-font-weight, 500);
  letter-spacing: var(--bdk-button-s-letter-spacing, 0.033rem);
  line-height: var(--bdk-button-s-line-height, 3rem);
  text-decoration: var(--bdk-button-s-text-decoration, none);
  text-transform: var(--bdk-button-s-text-transform, uppercase);
}
.bdk-button-icon[size=medium] {
  --bdk-button-icon-size: var(--bdk-button-icon-size-medium);
  font-family: var(--bdk-button-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-button-m-font-size, 2.333rem);
  font-weight: var(--bdk-button-m-font-weight, 500);
  letter-spacing: var(--bdk-button-m-letter-spacing, 0.033rem);
  line-height: var(--bdk-button-m-line-height, 3.667rem);
  text-decoration: var(--bdk-button-m-text-decoration, none);
  text-transform: var(--bdk-button-m-text-transform, uppercase);
}
.bdk-button-icon[size=large] {
  --bdk-button-icon-size: var(--bdk-button-icon-size-large);
  font-family: var(--bdk-button-l-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-button-l-font-size, 2.667rem);
  font-weight: var(--bdk-button-l-font-weight, 500);
  letter-spacing: var(--bdk-button-l-letter-spacing, 0.05rem);
  line-height: var(--bdk-button-l-line-height, 4rem);
  text-decoration: var(--bdk-button-l-text-decoration, none);
  text-transform: var(--bdk-button-l-text-transform, uppercase);
}
.bdk-button-icon[circle] {
  --bdk-button-icon-radius: var(--bdk-button-icon-radius-pill);
}
.bdk-button-icon[variant=primary] {
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
  border-color: var(--bdk-coal-100, rgb(26, 26, 26));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-button-icon[variant=primary]:hover {
  background-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-button-icon[variant=primary]:disabled {
  cursor: auto;
  background-color: color-mix(in srgb, var(--bdk-coal-100, rgb(26, 26, 26)) 25%, transparent);
  border-color: transparent;
  color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 50%, transparent);
}
.bdk-button-icon[variant=primary][inverted] {
  background-color: var(--bdk-snow-100, rgb(255, 255, 255));
  border-color: var(--bdk-snow-100, rgb(255, 255, 255));
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-button-icon[variant=primary][inverted]:hover {
  background-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-button-icon[variant=primary][inverted]:disabled {
  color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 25%, transparent);
  background-color: rgba(255, 255, 255, 0.25);
  border-color: transparent;
}
.bdk-button-icon[variant=highlight] {
  background-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-button-icon[variant=highlight]:hover {
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
  border-color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-button-icon[variant=highlight]:disabled {
  cursor: auto;
  background-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 50%, transparent);
}
.bdk-button-icon[variant=highlight][inverted]:hover {
  background-color: var(--bdk-snow-100, rgb(255, 255, 255));
  border-color: var(--bdk-snow-100, rgb(255, 255, 255));
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-button-icon[variant=highlight][inverted]:disabled {
  cursor: auto;
  background-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 50%, transparent);
}
.bdk-button-icon[variant=outline] {
  background-color: transparent;
  border-color: var(--bdk-coal-100, rgb(26, 26, 26));
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-button-icon[variant=outline]:hover {
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
  border-color: var(--bdk-coal-100, rgb(26, 26, 26));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-button-icon[variant=outline]:disabled {
  cursor: auto;
  background-color: transparent;
  border-color: color-mix(in srgb, var(--bdk-coal-100, rgb(26, 26, 26)) 25%, transparent);
  color: color-mix(in srgb, var(--bdk-coal-100, rgb(26, 26, 26)) 25%, transparent);
}
.bdk-button-icon[variant=outline][inverted] {
  background-color: transparent;
  border-color: var(--bdk-snow-100, rgb(255, 255, 255));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-button-icon[variant=outline][inverted]:hover {
  background-color: var(--bdk-snow-100, rgb(255, 255, 255));
  border-color: var(--bdk-snow-100, rgb(255, 255, 255));
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-button-icon[variant=outline][inverted]:disabled {
  cursor: auto;
  background-color: transparent;
  border-color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 25%, transparent);
  color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 25%, transparent);
}
.bdk-button-icon[variant=overlay-neutral] {
  background-color: var(--bdk-concrete, rgb(244, 242, 242));
  border-color: var(--bdk-concrete, rgb(244, 242, 242));
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-button-icon[variant=overlay-neutral]:hover {
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
  border-color: var(--bdk-coal-100, rgb(26, 26, 26));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-button-icon[variant=overlay-neutral]:disabled {
  cursor: auto;
  background-color: var(--bdk-alabaster, rgb(250, 248, 247));
  border-color: var(--bdk-alabaster, rgb(250, 248, 247));
  color: color-mix(in srgb, var(--bdk-coal-100, rgb(26, 26, 26)) 25%, transparent);
}
.bdk-button-icon[variant=overlay-light] {
  background-color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 50%, transparent);
  border-color: transparent;
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-button-icon[variant=overlay-light]:hover {
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
  border-color: var(--bdk-coal-100, rgb(26, 26, 26));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-button-icon[variant=overlay-light]:disabled {
  cursor: auto;
  background-color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 50%, transparent);
  border-color: transparent;
  color: color-mix(in srgb, var(--bdk-coal-100, rgb(26, 26, 26)) 25%, transparent);
}
.bdk-button-icon[variant=overlay-dark] {
  background-color: color-mix(in srgb, var(--bdk-coal-100, rgb(26, 26, 26)) 50%, transparent);
  border-color: transparent;
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-button-icon[variant=overlay-dark]:hover {
  background-color: var(--bdk-snow-100, rgb(255, 255, 255));
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-button-icon[variant=overlay-dark]:disabled {
  background-color: color-mix(in srgb, var(--bdk-coal-100, rgb(26, 26, 26)) 25%, transparent);
  color: color-mix(in srgb, var(--bdk-snow-100, rgb(255, 255, 255)) 50%, transparent);
}

.bdk-focus:focus-visible {
  outline: 2px solid var(--bdk-focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color);
}
.bdk-focus[inverted]:focus-visible {
  outline: 2px solid var(--bdk-focus-color-inverted);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color-inverted);
}

.bdk-link-primary {
  display: inline-flex;
  gap: var(--bdk-space-1);
  cursor: pointer;
  align-items: center;
  min-height: var(--bdk-space-6);
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  border-radius: var(--bdk-radius-1, 0.667rem);
  transition: color var(--bdk-transition-duration-default, 0.2s) ease;
}
@media (prefers-reduced-motion: reduce) {
  .bdk-link-primary {
    transition: none;
  }
}
.bdk-link-primary:focus-visible {
  outline: 2px solid var(--bdk-focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color);
}
.bdk-link-primary[inverted]:focus-visible {
  outline: 2px solid var(--bdk-focus-color-inverted);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color-inverted);
}
.bdk-link-primary[size=xs] {
  font-family: var(--bdk-underline-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-underline-xs-font-size, 2rem);
  font-weight: var(--bdk-underline-xs-font-weight, 400);
  letter-spacing: var(--bdk-underline-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-underline-xs-line-height, 3rem);
  text-decoration: var(--bdk-underline-xs-text-decoration, underline);
  text-transform: var(--bdk-underline-xs-text-transform, inherit);
}
.bdk-link-primary[size=s] {
  font-family: var(--bdk-underline-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-underline-s-font-size, 2.333rem);
  font-weight: var(--bdk-underline-s-font-weight, 400);
  letter-spacing: var(--bdk-underline-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-underline-s-line-height, 3.667rem);
  text-decoration: var(--bdk-underline-s-text-decoration, underline);
  text-transform: var(--bdk-underline-s-text-transform, inherit);
}
.bdk-link-primary[size=m] {
  font-family: var(--bdk-underline-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-underline-m-font-size, 2.667rem);
  font-weight: var(--bdk-underline-m-font-weight, 400);
  letter-spacing: var(--bdk-underline-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-underline-m-line-height, 4rem);
  text-decoration: var(--bdk-underline-m-text-decoration, underline);
  text-transform: var(--bdk-underline-m-text-transform, inherit);
}
.bdk-link-primary:hover {
  color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  text-decoration: none;
}
.bdk-link-primary[variant=ondark] {
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-link-primary[variant=ondark]:hover {
  text-decoration: none;
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-link-primary[variant=ondark]:focus-visible {
  box-shadow: 0 0 0 3px transparent;
}
.bdk-link-primary[variant=onlight]:hover {
  text-decoration: none;
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-link-primary[variant=onlight]:focus-visible {
  box-shadow: 0 0 0 3px transparent;
}

.bdk-link-inline {
  cursor: pointer;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  text-decoration: underline;
  border-radius: var(--bdk-radius-1, 0.667rem);
  transition: color var(--bdk-transition-duration-default, 0.2s) ease;
}
@media (prefers-reduced-motion: reduce) {
  .bdk-link-inline {
    transition: none;
  }
}
.bdk-link-inline:focus-visible {
  outline: 2px solid var(--bdk-focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color);
}
.bdk-link-inline[inverted]:focus-visible {
  outline: 2px solid var(--bdk-focus-color-inverted);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color-inverted);
}
.bdk-link-inline:hover {
  color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  text-decoration: none;
}
.bdk-link-inline[variant=ondark] {
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-link-inline[variant=ondark]:hover {
  text-decoration: none;
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-link-inline[variant=ondark]:focus-visible {
  box-shadow: 0 0 0 3px transparent;
}
.bdk-link-inline[variant=onlight]:hover {
  text-decoration: none;
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-link-inline[variant=onlight]:focus-visible {
  box-shadow: 0 0 0 3px transparent;
}

.bdk-link-secondary {
  display: inline-flex;
  gap: var(--bdk-space-1);
  cursor: pointer;
  align-items: center;
  min-height: var(--bdk-space-6);
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  border-radius: var(--bdk-radius-1, 0.667rem);
  transition: color var(--bdk-transition-duration-default, 0.2s) ease;
}
@media (prefers-reduced-motion: reduce) {
  .bdk-link-secondary {
    transition: none;
  }
}
.bdk-link-secondary:focus-visible {
  outline: 2px solid var(--bdk-focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color);
}
.bdk-link-secondary[inverted]:focus-visible {
  outline: 2px solid var(--bdk-focus-color-inverted);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color-inverted);
}
.bdk-link-secondary[size=xs] {
  font-family: var(--bdk-text-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-xs-font-size, 2rem);
  font-weight: var(--bdk-text-xs-font-weight, 400);
  letter-spacing: var(--bdk-text-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-text-xs-line-height, 3rem);
  text-decoration: var(--bdk-text-xs-text-decoration, none);
  text-transform: var(--bdk-text-xs-text-transform, inherit);
}
.bdk-link-secondary[size=s] {
  font-family: var(--bdk-text-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-s-font-size, 2.333rem);
  font-weight: var(--bdk-text-s-font-weight, 400);
  letter-spacing: var(--bdk-text-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-text-s-line-height, 3.667rem);
  text-decoration: var(--bdk-text-s-text-decoration, none);
  text-transform: var(--bdk-text-s-text-transform, inherit);
}
.bdk-link-secondary[size=m] {
  font-family: var(--bdk-text-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-m-font-size, 2.667rem);
  font-weight: var(--bdk-text-m-font-weight, 400);
  letter-spacing: var(--bdk-text-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-text-m-line-height, 4rem);
  text-decoration: var(--bdk-text-m-text-decoration, none);
  text-transform: var(--bdk-text-m-text-transform, inherit);
}
.bdk-link-secondary:hover {
  color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  text-decoration: underline;
}
.bdk-link-secondary[variant=ondark] {
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-link-secondary[variant=ondark]:hover {
  text-decoration: underline;
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-link-secondary[variant=ondark]:focus-visible {
  box-shadow: 0 0 0 3px transparent;
}
.bdk-link-secondary[variant=onlight]:hover {
  text-decoration: underline;
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-link-secondary[variant=onlight]:focus-visible {
  box-shadow: 0 0 0 3px transparent;
}

.bdk-link-brand {
  display: inline-flex;
  gap: var(--bdk-space-1);
  cursor: pointer;
  align-items: center;
  min-height: var(--bdk-space-6);
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  border-radius: var(--bdk-radius-1, 0.667rem);
  transition: color var(--bdk-transition-duration-default, 0.2s) ease;
  text-underline-offset: 8px;
}
@media (prefers-reduced-motion: reduce) {
  .bdk-link-brand {
    transition: none;
  }
}
.bdk-link-brand:focus-visible {
  outline: 2px solid var(--bdk-focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color);
}
.bdk-link-brand[inverted]:focus-visible {
  outline: 2px solid var(--bdk-focus-color-inverted);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color-inverted);
}
.bdk-link-brand[size=s] {
  font-family: var(--bdk-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-strong-m-text-decoration, none);
  text-transform: var(--bdk-strong-m-text-transform, inherit);
}
.bdk-link-brand[size=m] {
  font-family: var(--bdk-strong-l-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-l-font-size, 3.333rem);
  font-weight: var(--bdk-strong-l-font-weight, 500);
  letter-spacing: var(--bdk-strong-l-letter-spacing, 0.1rem);
  line-height: var(--bdk-strong-l-line-height, 5rem);
  text-decoration: var(--bdk-strong-l-text-decoration, none);
  text-transform: var(--bdk-strong-l-text-transform, inherit);
}
.bdk-link-brand:hover {
  color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  text-decoration: underline;
}

.bdk-link-nav-l1 {
  display: inline-flex;
  gap: var(--bdk-space-1);
  align-items: center;
  cursor: pointer;
  min-height: var(--bdk-space-6);
  text-underline-offset: 6px;
  border-radius: var(--bdk-radius-1, 0.667rem);
  transition: color var(--bdk-transition-duration-default, 0.2s) ease;
  font-family: var(--bdk-heading-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-heading-s-font-size, 2.667rem);
  font-weight: var(--bdk-heading-s-font-weight, 500);
  letter-spacing: var(--bdk-heading-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-heading-s-line-height, 4rem);
  text-decoration: var(--bdk-heading-s-text-decoration, none);
  text-transform: var(--bdk-heading-s-text-transform, uppercase);
}
@media (prefers-reduced-motion: reduce) {
  .bdk-link-nav-l1 {
    transition: none;
  }
}
.bdk-link-nav-l1:focus-visible {
  outline: 2px solid var(--bdk-focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color);
}
.bdk-link-nav-l1[inverted]:focus-visible {
  outline: 2px solid var(--bdk-focus-color-inverted);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color-inverted);
}
.bdk-link-nav-l1[aria-current=page], .bdk-link-nav-l1[active] {
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
@media all and (min-width: 960px) {
  .bdk-link-nav-l1:hover {
    color: var(--bdk-red-hover-light, rgb(203, 13, 51));
    text-decoration: underline;
    text-decoration-thickness: 2px;
  }
  .bdk-link-nav-l1[aria-current=page], .bdk-link-nav-l1[active] {
    color: var(--bdk-breuninger-red, rgb(186, 12, 47));
  }
}

.bdk-link-nav-l2 {
  display: inline-flex;
  gap: var(--bdk-space-1);
  align-items: center;
  cursor: pointer;
  min-height: var(--bdk-space-6);
  text-underline-offset: 6px;
  border-radius: var(--bdk-radius-1, 0.667rem);
  transition: color var(--bdk-transition-duration-default, 0.2s) ease;
  font-family: var(--bdk-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-strong-m-text-decoration, none);
  text-transform: var(--bdk-strong-m-text-transform, inherit);
}
@media (prefers-reduced-motion: reduce) {
  .bdk-link-nav-l2 {
    transition: none;
  }
}
.bdk-link-nav-l2:focus-visible {
  outline: 2px solid var(--bdk-focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color);
}
.bdk-link-nav-l2[inverted]:focus-visible {
  outline: 2px solid var(--bdk-focus-color-inverted);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color-inverted);
}
.bdk-link-nav-l2:is([aria-current=page], [active], :hover) {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
.bdk-link-nav-l2:hover {
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-link-nav-l2[aria-current=page], .bdk-link-nav-l2[active] {
  color: var(--bdk-breuninger-red, rgb(186, 12, 47));
}
.bdk-link-nav-l2[aria-current=page]:hover, .bdk-link-nav-l2[active]:hover {
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}

.bdk-text-field {
  width: 100%;
  /* Label Styles */
  /* Input Styles */
  /* Status Icon */
  /* Hint */
}
.bdk-text-field:focus-within label {
  font-family: var(--bdk-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-strong-m-text-decoration, none);
  text-transform: var(--bdk-strong-m-text-transform, inherit);
}
.bdk-text-field:has(input:disabled) label {
  color: var(--bdk-pebble, rgb(224, 223, 222));
  outline-color: var(--bdk-pebble, rgb(224, 223, 222));
}
.bdk-text-field[hidden-label] label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.bdk-text-field[valid] label {
  color: var(--bdk-success, rgb(19, 98, 51));
}
.bdk-text-field[invalid] label {
  color: var(--bdk-error, rgb(178, 12, 22));
}
.bdk-text-field[valid] input:where(:not(:disabled)) {
  outline-color: var(--bdk-success, rgb(19, 98, 51));
  padding-right: var(--bdk-space-11, 7.333rem);
}
.bdk-text-field[invalid] input:where(:not(:disabled)) {
  outline-color: var(--bdk-error, rgb(178, 12, 22));
  padding-right: var(--bdk-space-11, 7.333rem);
}
.bdk-text-field:has(.bdk-text-field--icons) input {
  padding-right: var(--bdk-space-11, 7.333rem);
}
.bdk-text-field:has(* + .bdk-text-field--status-icon) input {
  padding-right: var(--bdk-space-17, 11.333rem);
}
.bdk-text-field[valid] .bdk-text-field--status-icon {
  color: var(--bdk-success, rgb(19, 98, 51));
}
.bdk-text-field[invalid] .bdk-text-field--status-icon {
  color: var(--bdk-error, rgb(178, 12, 22));
}
.bdk-text-field:has(input:disabled) .bdk-text-field--status-icon {
  color: var(--bdk-pebble, rgb(224, 223, 222));
}
.bdk-text-field[valid] .bdk-text-field--hint {
  color: var(--bdk-success, rgb(19, 98, 51));
}
.bdk-text-field:has(input:disabled) .bdk-text-field--hint {
  color: var(--bdk-pebble, rgb(224, 223, 222));
  outline-color: var(--bdk-pebble, rgb(224, 223, 222));
}

.bdk-text-field--container {
  display: flex;
  align-items: center;
  position: relative;
  gap: var(--bdk-space-2, 1.333rem);
}

.bdk-text-field--label {
  font-family: var(--bdk-text-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-m-font-size, 2.667rem);
  font-weight: var(--bdk-text-m-font-weight, 400);
  letter-spacing: var(--bdk-text-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-text-m-line-height, 4rem);
  text-decoration: var(--bdk-text-m-text-decoration, none);
  text-transform: var(--bdk-text-m-text-transform, inherit);
  display: flex;
  align-items: center;
  gap: var(--bdk-space-1, 0.667rem);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  margin-bottom: var(--bdk-space-1, 0.667rem);
}

.bdk-text-field--input {
  font-family: var(--bdk-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-strong-m-text-decoration, none);
  text-transform: var(--bdk-strong-m-text-transform, inherit);
  width: 100%;
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  height: var(--bdk-space-14, 9.333rem);
  padding: 0 var(--bdk-space-3, 2rem);
  outline: 1px solid var(--bdk-smoke, rgb(146, 141, 139));
  border-radius: var(--bdk-radius-2, 1.333rem);
  background-color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-text-field--input::placeholder {
  font-family: var(--bdk-text-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-m-font-size, 2.667rem);
  font-weight: var(--bdk-text-m-font-weight, 400);
  letter-spacing: var(--bdk-text-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-text-m-line-height, 4rem);
  text-decoration: var(--bdk-text-m-text-decoration, none);
  text-transform: var(--bdk-text-m-text-transform, inherit);
  color: var(--bdk-ash, rgb(108, 103, 101));
}
.bdk-text-field--input:not(:disabled):where(:hover, :focus, :active) {
  outline: 2px solid var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-text-field--input:disabled {
  color: var(--bdk-pebble, rgb(224, 223, 222));
  outline-color: var(--bdk-pebble, rgb(224, 223, 222));
}
.bdk-text-field--input:disabled::placeholder {
  color: var(--bdk-pebble, rgb(224, 223, 222));
}

.bdk-text-field--icons {
  display: flex;
  align-items: center;
  gap: var(--bdk-space-1, 0.667rem);
  position: absolute;
  right: var(--bdk-space-3, 2rem);
}

.bdk-text-field--error-message {
  font-family: var(--bdk-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-strong-m-text-decoration, none);
  text-transform: var(--bdk-strong-m-text-transform, inherit);
  color: var(--bdk-error, rgb(178, 12, 22));
  margin-top: var(--bdk-space-1, 0.667rem);
}

.bdk-text-field--hint {
  font-family: var(--bdk-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-strong-m-text-decoration, none);
  text-transform: var(--bdk-strong-m-text-transform, inherit);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  margin-top: var(--bdk-space-1, 0.667rem);
}

.bdk-underline {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.17rem;
}

.bdk-underline-hover:hover {
  cursor: pointer;
  text-decoration-thickness: 0.3rem;
}

.bdk-radio-button {
  --bdk-radio-button-input-border-width: 1px;
  --bdk-radio-button-input-border-color: var(--bdk-coal-100, rgb(26, 26, 26));
  --bdk-radio-button-marker-background-color: var(--bdk-coal-100, rgb(26, 26, 26));
  --bdk-radio-button-marker-transform: scale(0);
  --bdk-radio-button-text-color: var(--bdk-coal-100, rgb(26, 26, 26));
  display: flex;
  align-items: center;
  gap: var(--bdk-space-2, 1.333rem);
}
.bdk-radio-button[multiline] {
  align-items: flex-start;
}
.bdk-radio-button:hover {
  --bdk-radio-button-input-border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  --bdk-radio-button-input-border-width: 2px;
  --bdk-radio-button-text-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  --bdk-radio-button-marker-background-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  cursor: pointer;
}
.bdk-radio-button:has(input:checked) {
  --bdk-radio-button-marker-transform: scale(1);
}
.bdk-radio-button:has(input[aria-invalid=true]) {
  --bdk-radio-button-input-border-color: var(--bdk-error, rgb(178, 12, 22));
  --bdk-radio-button-text-color: var(--bdk-error, rgb(178, 12, 22));
}
.bdk-radio-button:has(input[aria-invalid=true]):hover {
  --bdk-radio-button-input-border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  --bdk-radio-button-text-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
}
.bdk-radio-button:has(input:disabled) {
  --bdk-radio-button-input-border-color: var(--bdk-pebble, rgb(224, 223, 222));
  --bdk-radio-button-text-color: var(--bdk-smoke, rgb(146, 141, 139));
  --bdk-radio-button-marker-background-color: var(--bdk-pebble, rgb(224, 223, 222));
  cursor: auto;
}
.bdk-radio-button:has(input:disabled):hover {
  --bdk-radio-button-input-border-width: 1px;
  --bdk-radio-button-input-border-color: var(--bdk-pebble, rgb(224, 223, 222));
  --bdk-radio-button-text-color: var(--bdk-smoke, rgb(146, 141, 139));
  --bdk-radio-button-marker-background-color: var(--bdk-pebble, rgb(224, 223, 222));
}

.bdk-radio-button-input {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--bdk-space-5, 3.333rem);
  height: var(--bdk-space-5, 3.333rem);
  background-color: var(--bdk-snow-100, rgb(255, 255, 255));
  border: solid var(--bdk-radio-button-input-border-width) var(--bdk-radio-button-input-border-color);
  border-radius: var(--bdk-radius-pill, 166.5rem);
  appearance: none;
  /*
   * To avoid subpixel rendering on low resolution displays.
   * This will become obsolete with introduction of the 4px REM.
   */
}
.bdk-radio-button-input:not(:disabled):focus-visible {
  outline: 2px solid var(--bdk-focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color);
}
.bdk-radio-button-input:not(:disabled)[inverted]:focus-visible {
  outline: 2px solid var(--bdk-focus-color-inverted);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color-inverted);
}
@media only screen and (max-resolution: 1.5dppx) {
  .bdk-radio-button-input {
    width: 20px;
    height: 20px;
  }
}
.bdk-radio-button-input::before {
  content: "";
  width: var(--bdk-space-3, 2rem);
  height: var(--bdk-space-3, 2rem);
  background-color: var(--bdk-radio-button-marker-background-color);
  border-radius: var(--bdk-radius-pill, 166.5rem);
  transform: var(--bdk-radio-button-marker-transform);
  transition: transform var(--bdk-transition-duration-default, 0.2s) ease, background-color var(--bdk-transition-duration-default, 0.2s) ease;
  /*
   * To avoid subpixel rendering on low resolution displays.
   * This will become obsolete with introduction of the 4px REM.
   */
}
@media (prefers-reduced-motion: reduce) {
  .bdk-radio-button-input::before {
    transition: none;
  }
}
@media only screen and (max-resolution: 1.5dppx) {
  .bdk-radio-button-input::before {
    width: 12px;
    height: 12px;
  }
}

.bdk-radio-button-text {
  font-family: var(--bdk-text-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-m-font-size, 2.667rem);
  font-weight: var(--bdk-text-m-font-weight, 400);
  letter-spacing: var(--bdk-text-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-text-m-line-height, 4rem);
  text-decoration: var(--bdk-text-m-text-decoration, none);
  text-transform: var(--bdk-text-m-text-transform, inherit);
  color: var(--bdk-radio-button-text-color);
  transition: color var(--bdk-transition-duration-default, 0.2s) ease;
}
@media (prefers-reduced-motion: reduce) {
  .bdk-radio-button-text {
    transition: none;
  }
}

.bdk-radio-button-text-small {
  font-family: var(--bdk-text-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-s-font-size, 2.333rem);
  font-weight: var(--bdk-text-s-font-weight, 400);
  letter-spacing: var(--bdk-text-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-text-s-line-height, 3.667rem);
  text-decoration: var(--bdk-text-s-text-decoration, none);
  text-transform: var(--bdk-text-s-text-transform, inherit);
  color: var(--bdk-radio-button-text-color);
  transition: color var(--bdk-transition-duration-default, 0.2s) ease;
}
@media (prefers-reduced-motion: reduce) {
  .bdk-radio-button-text-small {
    transition: none;
  }
}

.bdk-checkbox {
  --bdk-checkbox-input-background-color: var(--bdk-snow-100, rgb(255, 255, 255));
  --bdk-checkbox-input-border-width: 1px;
  --bdk-checkbox-input-border-color: var(--bdk-coal-100, rgb(26, 26, 26));
  --bdk-checkbox-text-color: var(--bdk-coal-100, rgb(26, 26, 26));
  display: flex;
  align-items: center;
  gap: var(--bdk-space-2, 1.333rem);
}
.bdk-checkbox[multiline] {
  align-items: flex-start;
}
.bdk-checkbox:has(input:checked) {
  --bdk-checkbox-input-border-color: var(--bdk-coal-100, rgb(26, 26, 26));
  --bdk-checkbox-input-background-color: var(--bdk-coal-100, rgb(26, 26, 26));
  --bdk-checkbox-input-marker-transform: scale(1);
}
.bdk-checkbox:has(input:checked:where(:hover, :active):not(:disabled)) {
  --bdk-checkbox-input-border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  --bdk-checkbox-input-background-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  --bdk-checkbox-input-marker-transform: scale(0.75);
}
.bdk-checkbox:has(input:where(:hover, :active):not(:disabled)) {
  --bdk-checkbox-input-border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  --bdk-checkbox-input-border-width: 2px;
  --bdk-checkbox-text-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  cursor: pointer;
}
.bdk-checkbox:has(input[aria-invalid=true]:not(:disabled)) {
  --bdk-checkbox-input-border-color: var(--bdk-error, rgb(178, 12, 22));
  --bdk-checkbox-text-color: var(--bdk-error, rgb(178, 12, 22));
}
.bdk-checkbox:has(input[aria-invalid=true]:not(:disabled)):hover {
  --bdk-checkbox-input-border-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
  --bdk-checkbox-text-color: var(--bdk-red-hover-light, rgb(203, 13, 51));
}
.bdk-checkbox:has(input:disabled) {
  --bdk-checkbox-input-border-color: var(--bdk-pebble, rgb(224, 223, 222));
  --bdk-checkbox-text-color: var(--bdk-smoke, rgb(146, 141, 139));
  cursor: auto;
}
.bdk-checkbox:has(input:disabled):hover {
  --bdk-checkbox-input-border-color: var(--bdk-pebble, rgb(224, 223, 222));
  --bdk-checkbox-input-border-width: 1px;
  --bdk-checkbox-text-color: var(--bdk-smoke, rgb(146, 141, 139));
}
.bdk-checkbox:has(input:disabled:checked) {
  --bdk-checkbox-input-background-color: var(--bdk-pebble, rgb(224, 223, 222));
}
.bdk-checkbox:has(input:disabled:checked):hover {
  --bdk-checkbox-input-background-color: var(--bdk-pebble, rgb(224, 223, 222));
}

.bdk-checkbox-input {
  display: grid;
  place-content: center;
  width: var(--bdk-space-5, 3.333rem);
  height: var(--bdk-space-5, 3.333rem);
  flex-shrink: 0;
  background-color: var(--bdk-checkbox-input-background-color);
  border: var(--bdk-checkbox-input-border-width) solid var(--bdk-checkbox-input-border-color);
  border-radius: var(--bdk-space-1, 0.667rem);
  appearance: none;
  transition: background-color var(--bdk-transition-duration-default, 0.2s) ease, border-color var(--bdk-transition-duration-default, 0.2s) ease;
}
@media (prefers-reduced-motion: reduce) {
  .bdk-checkbox-input {
    transition: none;
  }
}
.bdk-checkbox-input::before {
  content: "";
  width: var(--bdk-space-4, 2.667rem);
  height: var(--bdk-space-4, 2.667rem);
  transform: var(--bdk-checkbox-input-marker-transform);
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.11108 7.99983l4 3.55557L12.8889 4.44427" stroke="white" stroke-miterlimit="10" stroke-linecap="square"/></svg>');
  transition: transform var(--bdk-transition-duration-default, 0.2s) ease;
}
@media (prefers-reduced-motion: reduce) {
  .bdk-checkbox-input::before {
    transition: none;
  }
}
.bdk-checkbox-input:not(:disabled):focus-visible {
  outline: 2px solid var(--bdk-focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color);
}
.bdk-checkbox-input:not(:disabled)[inverted]:focus-visible {
  outline: 2px solid var(--bdk-focus-color-inverted);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color-inverted);
}

.bdk-checkbox-text {
  font-family: var(--bdk-text-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-m-font-size, 2.667rem);
  font-weight: var(--bdk-text-m-font-weight, 400);
  letter-spacing: var(--bdk-text-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-text-m-line-height, 4rem);
  text-decoration: var(--bdk-text-m-text-decoration, none);
  text-transform: var(--bdk-text-m-text-transform, inherit);
  color: var(--bdk-checkbox-text-color);
}

.bdk-checkbox-text-small {
  font-family: var(--bdk-text-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-s-font-size, 2.333rem);
  font-weight: var(--bdk-text-s-font-weight, 400);
  letter-spacing: var(--bdk-text-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-text-s-line-height, 3.667rem);
  text-decoration: var(--bdk-text-s-text-decoration, none);
  text-transform: var(--bdk-text-s-text-transform, inherit);
  color: var(--bdk-checkbox-text-color);
}

.bdk-dropdown {
  --bdk-dropdown-min-width: 250px;
  --bdk-dropdown-text-color: var(--bdk-coal-100, rgb(26, 26, 26));
  --bdk-dropdown-select-padding-left: var(--bdk-space-3, 2rem);
  --bdk-dropdown-select-padding-right: var(--bdk-space-13, 8.667rem);
  --bdk-dropdown-select-color: var(--bdk-coal-100, rgb(26, 26, 26));
  --bdk-dropdown-border-width: 1px;
  --bdk-dropdown-border-color: var(--bdk-smoke, rgb(146, 141, 139));
  font-family: var(--bdk-text-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-text-m-font-size, 2.667rem);
  font-weight: var(--bdk-text-m-font-weight, 400);
  letter-spacing: var(--bdk-text-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-text-m-line-height, 4rem);
  text-decoration: var(--bdk-text-m-text-decoration, none);
  text-transform: var(--bdk-text-m-text-transform, inherit);
  display: flex;
  flex-direction: column;
  gap: var(--bdk-space-1, 0.667rem);
  color: var(--bdk-dropdown-text-color);
}
.bdk-dropdown:has(select:disabled) {
  --bdk-dropdown-text-color: var(--bdk-smoke, rgb(146, 141, 139));
  --bdk-dropdown-select-color: var(--bdk-smoke, rgb(146, 141, 139));
  --bdk-dropdown-border-color: var(--bdk-pebble, rgb(224, 223, 222));
}
.bdk-dropdown:has(select[aria-invalid=true]) {
  --bdk-dropdown-text-color: var(--bdk-error, rgb(178, 12, 22));
}

.bdk-dropdown-select-container {
  display: grid;
}
.bdk-dropdown-select-container::after {
  content: "";
  display: block;
  width: var(--bdk-space-6, 4rem);
  height: var(--bdk-space-6, 4rem);
  margin-right: var(--bdk-space-4, 2.667rem);
  grid-area: 1/1;
  align-self: center;
  justify-self: end;
  pointer-events: none;
  background-color: var(--bdk-dropdown-select-color);
  mask-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.80005 7.89996 12 16.1l8.2-8.20004" stroke="currentColor" stroke-width="1.25" stroke-miterlimit="10" stroke-linecap="square"/></svg>');
}

.bdk-dropdown-select {
  appearance: none;
  min-width: var(--bdk-dropdown-min-width);
  height: var(--bdk-space-14, 9.333rem);
  padding: 0 var(--bdk-dropdown-select-padding-right) 0 var(--bdk-dropdown-select-padding-left);
  grid-area: 1/1;
  color: var(--bdk-dropdown-select-color);
  border: solid var(--bdk-dropdown-border-width) var(--bdk-dropdown-border-color);
  border-radius: var(--bdk-radius-2, 1.333rem);
  background-color: var(--bdk-snow-100, rgb(255, 255, 255));
  cursor: auto;
  transition: border-color var(--bdk-transition-duration-default, 0.2s) ease;
}
@media (prefers-reduced-motion: reduce) {
  .bdk-dropdown-select {
    transition: none;
  }
}
.bdk-dropdown-select:not(:disabled):focus-visible {
  outline: 2px solid var(--bdk-focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color);
}
.bdk-dropdown-select:not(:disabled)[inverted]:focus-visible {
  outline: 2px solid var(--bdk-focus-color-inverted);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color-inverted);
}
.bdk-dropdown-select:has(option:checked:not(:disabled)) {
  font-family: var(--bdk-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-strong-m-text-decoration, none);
  text-transform: var(--bdk-strong-m-text-transform, inherit);
}
.bdk-dropdown-select:not(:disabled):where(:active, :hover) {
  --bdk-dropdown-border-width: 2px;
  --bdk-dropdown-border-color: var(--bdk-coal-100, rgb(26, 26, 26));
  padding-left: calc(var(--bdk-dropdown-select-padding-left) - 1px);
  padding-right: calc(var(--bdk-dropdown-select-padding-right) - 1px);
}
.bdk-dropdown-select[aria-invalid=true] {
  --bdk-dropdown-border-color: var(--bdk-error, rgb(178, 12, 22));
}

.bdk-dropdown-hint {
  font-family: var(--bdk-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-strong-m-text-decoration, none);
  text-transform: var(--bdk-strong-m-text-transform, inherit);
  color: var(--bdk-dropdown-text-color);
}

.bdk-dropdown-error-message {
  font-family: var(--bdk-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-strong-m-text-decoration, none);
  text-transform: var(--bdk-strong-m-text-transform, inherit);
  color: var(--bdk-error, rgb(178, 12, 22));
}

.bdk-flag-concrete {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  padding: 0.5rem;
  background-color: var(--bdk-concrete, rgb(244, 242, 242));
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}

.bdk-flag-coal {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  padding: 0.5rem;
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}

.bdk-flag-sale {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  padding: 0.5rem;
  background-color: var(--bdk-sale, rgb(255, 237, 0));
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}

.bdk-badge-system {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
}
.bdk-badge-system[variant=neutral] {
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: var(--bdk-concrete, rgb(244, 242, 242));
}
.bdk-badge-system[variant=positive] {
  color: var(--bdk-success, rgb(19, 98, 51));
  background-color: var(--bdk-success-background, rgb(239, 253, 229));
}
.bdk-badge-system[variant=negative] {
  color: var(--bdk-error, rgb(178, 12, 22));
  background-color: var(--bdk-error-background, rgb(255, 237, 244));
}
.bdk-badge-system[variant=sale] {
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: var(--bdk-sale, rgb(255, 237, 0));
}

.bdk-badge-system-neutral {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: var(--bdk-concrete, rgb(244, 242, 242));
}

.bdk-badge-system-positive {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  color: var(--bdk-success, rgb(19, 98, 51));
  background-color: var(--bdk-success-background, rgb(239, 253, 229));
}

.bdk-badge-system-negative {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  color: var(--bdk-error, rgb(178, 12, 22));
  background-color: var(--bdk-error-background, rgb(255, 237, 244));
}

.bdk-badge-system-sale {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: var(--bdk-sale, rgb(255, 237, 0));
}

.bdk-badge-beyond {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-badge-beyond[corner=circle] {
  border-radius: var(--bdk-radius-pill, 166.5rem);
}
.bdk-badge-beyond[variant=bronze] {
  background: linear-gradient(111deg, #936744 0%, #ae5f43 100%);
}
.bdk-badge-beyond[variant=silber] {
  background: linear-gradient(111deg, #7b6c6b 0%, #816a69 100%);
}
.bdk-badge-beyond[variant=gold] {
  background: linear-gradient(111deg, #b46000 0%, #c15628 100%);
}
.bdk-badge-beyond[variant=platin] {
  background: linear-gradient(111deg, #625058 0%, #8d5157 100%);
}

.bdk-badge-beyond-bronze {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  background: linear-gradient(111deg, #936744 0%, #ae5f43 100%);
}
.bdk-badge-beyond-bronze[corner=circle] {
  border-radius: var(--bdk-radius-pill, 166.5rem);
}

.bdk-badge-beyond-silber {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  background: linear-gradient(111deg, #7b6c6b 0%, #816a69 100%);
}
.bdk-badge-beyond-silber[corner=circle] {
  border-radius: var(--bdk-radius-pill, 166.5rem);
}

.bdk-badge-beyond-gold {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  background: linear-gradient(111deg, #b46000 0%, #c15628 100%);
}
.bdk-badge-beyond-gold[corner=circle] {
  border-radius: var(--bdk-radius-pill, 166.5rem);
}

.bdk-badge-beyond-platin {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  background: linear-gradient(111deg, #625058 0%, #8d5157 100%);
}
.bdk-badge-beyond-platin[corner=circle] {
  border-radius: var(--bdk-radius-pill, 166.5rem);
}

.bdk-badge-article {
  font-family: var(--bdk-strong-2xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-2xs-font-size, 1.667rem);
  font-weight: var(--bdk-strong-2xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-2xs-letter-spacing, 0.017rem);
  line-height: var(--bdk-strong-2xs-line-height, 2.667rem);
  text-decoration: var(--bdk-strong-2xs-text-decoration, none);
  text-transform: var(--bdk-strong-2xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  height: var(--bdk-space-5, 3.333rem);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-badge-article[variant=sale] {
  background-color: var(--bdk-sale, rgb(255, 237, 0));
}
.bdk-badge-article[variant=coal] {
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-badge-article[variant=concrete] {
  background-color: var(--bdk-concrete, rgb(244, 242, 242));
}

.bdk-badge-article-sale {
  font-family: var(--bdk-strong-2xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-2xs-font-size, 1.667rem);
  font-weight: var(--bdk-strong-2xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-2xs-letter-spacing, 0.017rem);
  line-height: var(--bdk-strong-2xs-line-height, 2.667rem);
  text-decoration: var(--bdk-strong-2xs-text-decoration, none);
  text-transform: var(--bdk-strong-2xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  height: var(--bdk-space-5, 3.333rem);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: var(--bdk-sale, rgb(255, 237, 0));
}

.bdk-badge-article-coal {
  font-family: var(--bdk-strong-2xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-2xs-font-size, 1.667rem);
  font-weight: var(--bdk-strong-2xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-2xs-letter-spacing, 0.017rem);
  line-height: var(--bdk-strong-2xs-line-height, 2.667rem);
  text-decoration: var(--bdk-strong-2xs-text-decoration, none);
  text-transform: var(--bdk-strong-2xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  height: var(--bdk-space-5, 3.333rem);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
}

.bdk-badge-article-concrete {
  font-family: var(--bdk-strong-2xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-2xs-font-size, 1.667rem);
  font-weight: var(--bdk-strong-2xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-2xs-letter-spacing, 0.017rem);
  line-height: var(--bdk-strong-2xs-line-height, 2.667rem);
  text-decoration: var(--bdk-strong-2xs-text-decoration, none);
  text-transform: var(--bdk-strong-2xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  height: var(--bdk-space-5, 3.333rem);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: var(--bdk-concrete, rgb(244, 242, 242));
}

.bdk-badge-price {
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: transparent;
}
.bdk-badge-price:not([sale]) {
  padding: 0;
}
.bdk-badge-price[sale] {
  padding: var(--bdk-space-0-5, 0.333rem) var(--bdk-space-2, 1.333rem);
  background-color: var(--bdk-sale, rgb(255, 237, 0));
}
.bdk-badge-price[size=s] {
  font-family: var(--bdk-strong-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-s-font-size, 2.333rem);
  font-weight: var(--bdk-strong-s-font-weight, 500);
  letter-spacing: var(--bdk-strong-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-strong-s-line-height, 3.667rem);
  text-decoration: var(--bdk-strong-s-text-decoration, none);
  text-transform: var(--bdk-strong-s-text-transform, inherit);
  height: var(--bdk-space-6, 4rem);
}
.bdk-badge-price[size=m] {
  font-family: var(--bdk-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-strong-m-text-decoration, none);
  text-transform: var(--bdk-strong-m-text-transform, inherit);
}
.bdk-badge-price[size=l] {
  font-family: var(--bdk-strong-l-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-l-font-size, 3.333rem);
  font-weight: var(--bdk-strong-l-font-weight, 500);
  letter-spacing: var(--bdk-strong-l-letter-spacing, 0.1rem);
  line-height: var(--bdk-strong-l-line-height, 5rem);
  text-decoration: var(--bdk-strong-l-text-decoration, none);
  text-transform: var(--bdk-strong-l-text-transform, inherit);
  height: var(--bdk-space-8, 5.333rem);
}

.bdk-badge-price-s {
  font-family: var(--bdk-strong-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-s-font-size, 2.333rem);
  font-weight: var(--bdk-strong-s-font-weight, 500);
  letter-spacing: var(--bdk-strong-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-strong-s-line-height, 3.667rem);
  text-decoration: var(--bdk-strong-s-text-decoration, none);
  text-transform: var(--bdk-strong-s-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: transparent;
  font-family: var(--bdk-strong-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-s-font-size, 2.333rem);
  font-weight: var(--bdk-strong-s-font-weight, 500);
  letter-spacing: var(--bdk-strong-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-strong-s-line-height, 3.667rem);
  text-decoration: var(--bdk-strong-s-text-decoration, none);
  text-transform: var(--bdk-strong-s-text-transform, inherit);
  height: var(--bdk-space-6, 4rem);
}
.bdk-badge-price-s:not([sale]) {
  padding: 0;
}
.bdk-badge-price-s[sale] {
  padding: var(--bdk-space-0-5, 0.333rem) var(--bdk-space-2, 1.333rem);
  background-color: var(--bdk-sale, rgb(255, 237, 0));
}

.bdk-badge-price-m {
  font-family: var(--bdk-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-strong-m-text-decoration, none);
  text-transform: var(--bdk-strong-m-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: transparent;
  font-family: var(--bdk-strong-m-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-m-font-size, 2.667rem);
  font-weight: var(--bdk-strong-m-font-weight, 500);
  letter-spacing: var(--bdk-strong-m-letter-spacing, 0.067rem);
  line-height: var(--bdk-strong-m-line-height, 4rem);
  text-decoration: var(--bdk-strong-m-text-decoration, none);
  text-transform: var(--bdk-strong-m-text-transform, inherit);
}
.bdk-badge-price-m:not([sale]) {
  padding: 0;
}
.bdk-badge-price-m[sale] {
  padding: var(--bdk-space-0-5, 0.333rem) var(--bdk-space-2, 1.333rem);
  background-color: var(--bdk-sale, rgb(255, 237, 0));
}

.bdk-badge-price-l {
  font-family: var(--bdk-strong-l-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-l-font-size, 3.333rem);
  font-weight: var(--bdk-strong-l-font-weight, 500);
  letter-spacing: var(--bdk-strong-l-letter-spacing, 0.1rem);
  line-height: var(--bdk-strong-l-line-height, 5rem);
  text-decoration: var(--bdk-strong-l-text-decoration, none);
  text-transform: var(--bdk-strong-l-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: transparent;
  font-family: var(--bdk-strong-l-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-l-font-size, 3.333rem);
  font-weight: var(--bdk-strong-l-font-weight, 500);
  letter-spacing: var(--bdk-strong-l-letter-spacing, 0.1rem);
  line-height: var(--bdk-strong-l-line-height, 5rem);
  text-decoration: var(--bdk-strong-l-text-decoration, none);
  text-transform: var(--bdk-strong-l-text-transform, inherit);
  height: var(--bdk-space-8, 5.333rem);
}
.bdk-badge-price-l:not([sale]) {
  padding: 0;
}
.bdk-badge-price-l[sale] {
  padding: var(--bdk-space-0-5, 0.333rem) var(--bdk-space-2, 1.333rem);
  background-color: var(--bdk-sale, rgb(255, 237, 0));
}

.bdk-badge-count {
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  border-radius: var(--bdk-radius-pill, 166.5rem);
}
.bdk-badge-count[size=s] {
  font-family: var(--bdk-strong-2xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-2xs-font-size, 1.667rem);
  font-weight: var(--bdk-strong-2xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-2xs-letter-spacing, 0.017rem);
  line-height: var(--bdk-strong-2xs-line-height, 2.667rem);
  text-decoration: var(--bdk-strong-2xs-text-decoration, none);
  text-transform: var(--bdk-strong-2xs-text-transform, inherit);
  padding: var(--bdk-space-1, 0.667rem);
  min-width: var(--bdk-space-4, 2.667rem);
  height: var(--bdk-space-4, 2.667rem);
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  outline: 2px solid var(--bdk-snow-100, rgb(255, 255, 255));
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-badge-count[size=m] {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  height: var(--bdk-space-5, 3.333rem);
}
.bdk-badge-count[variant=coal] {
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-badge-count[variant=brand][size=m] {
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  background-color: var(--bdk-breuninger-red, rgb(186, 12, 47));
}
.bdk-badge-count[variant=snow][size=m] {
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: var(--bdk-snow-100, rgb(255, 255, 255));
}
.bdk-badge-count[variant=concrete][size=m] {
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: var(--bdk-concrete, rgb(244, 242, 242));
}

.bdk-badge-count-s {
  font-family: var(--bdk-strong-2xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-2xs-font-size, 1.667rem);
  font-weight: var(--bdk-strong-2xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-2xs-letter-spacing, 0.017rem);
  line-height: var(--bdk-strong-2xs-line-height, 2.667rem);
  text-decoration: var(--bdk-strong-2xs-text-decoration, none);
  text-transform: var(--bdk-strong-2xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  border-radius: var(--bdk-radius-pill, 166.5rem);
  padding: var(--bdk-space-1, 0.667rem);
  min-width: var(--bdk-space-4, 2.667rem);
  height: var(--bdk-space-4, 2.667rem);
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  outline: 2px solid var(--bdk-snow-100, rgb(255, 255, 255));
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
}

.bdk-badge-count-m-coal {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  border-radius: var(--bdk-radius-pill, 166.5rem);
  height: var(--bdk-space-5, 3.333rem);
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  background-color: var(--bdk-coal-100, rgb(26, 26, 26));
}

.bdk-badge-count-m-brand {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  border-radius: var(--bdk-radius-pill, 166.5rem);
  height: var(--bdk-space-5, 3.333rem);
  color: var(--bdk-snow-100, rgb(255, 255, 255));
  background-color: var(--bdk-breuninger-red, rgb(186, 12, 47));
}

.bdk-badge-count-m-snow {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  border-radius: var(--bdk-radius-pill, 166.5rem);
  height: var(--bdk-space-5, 3.333rem);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: var(--bdk-snow-100, rgb(255, 255, 255));
}

.bdk-badge-count-m-concrete {
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
  display: inline-flex;
  width: auto;
  height: var(--bdk-space-7, 4.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-1, 0.667rem);
  padding: var(--bdk-space-1, 0.667rem) var(--bdk-space-2, 1.333rem);
  border-radius: var(--bdk-radius-1, 0.667rem);
  border-radius: var(--bdk-radius-pill, 166.5rem);
  height: var(--bdk-space-5, 3.333rem);
  color: var(--bdk-coal-100, rgb(26, 26, 26));
  background-color: var(--bdk-concrete, rgb(244, 242, 242));
}

.bdk-alert {
  display: grid;
  padding: var(--bdk-space-4, 2.667rem);
  border-radius: var(--bdk-radius-2, 1.333rem);
  grid-template-columns: 1fr;
  gap: var(--bdk-space-2, 1.333rem);
}
.bdk-alert > div {
  display: flex;
  flex-direction: column;
  gap: var(--bdk-space-2, 1.333rem);
}
.bdk-alert[variant=neutral] {
  background-color: var(--bdk-alabaster, rgb(250, 248, 247));
  color: var(--bdk-coal-100, rgb(26, 26, 26));
}
.bdk-alert[variant=success] {
  background-color: var(--bdk-success-background, rgb(239, 253, 229));
  color: var(--bdk-success, rgb(19, 98, 51));
}
.bdk-alert[variant=error] {
  background-color: var(--bdk-error-background, rgb(255, 237, 244));
  color: var(--bdk-error, rgb(178, 12, 22));
}
.bdk-alert:has(.bdk-alert--icon) {
  grid-template-columns: var(--bdk-space-6, 4rem) 1fr;
}
.bdk-alert[closable] {
  grid-template-columns: 1fr var(--bdk-space-6, 4rem);
}
.bdk-alert[closable]:has(.bdk-alert--icon) {
  grid-template-columns: var(--bdk-space-6, 4rem) 1fr var(--bdk-space-6, 4rem);
}

.bdk-chip {
  --bdk-chip-height-small: var(--bdk-space-10, 6.667rem);
  --bdk-chip-height-medium: var(--bdk-space-11, 7.333rem);
  --bdk-chip-text-color: var(--bdk-coal-100, rgb(26, 26, 26));
  --bdk-chip-text-color-hover: var(--bdk-red-hover-light, rgb(203, 13, 51));
  --bdk-chip-background-color-primary: var(--bdk-concrete, rgb(244, 242, 242));
  --bdk-chip-background-color-secondary: var(--bdk-snow-100, rgb(255, 255, 255));
  --bdk-chip-background-color-hover: var(--bdk-snow-100, rgb(255, 255, 255));
  --bdk-chip-border-radius-primary: var(--bdk-radius-1-5, 1rem);
  --bdk-chip-border-radius-secondary: var(--bdk-radius-pill, 166.5rem);
  --bdk-chip-border-width: 1px;
  --bdk-chip-border-width-active: 2px;
  --bdk-chip-border-color-primary: var(--bdk-concrete, rgb(244, 242, 242));
  --bdk-chip-border-color-primary-active: var(--bdk-coal-100, rgb(26, 26, 26));
  --bdk-chip-border-color-primary-hover: var(--bdk-red-hover-light, rgb(203, 13, 51));
  --bdk-chip-border-color-secondary: var(--bdk-pebble, rgb(224, 223, 222));
  --bdk-chip-border-color-secondary-active: var(--bdk-coal-100, rgb(26, 26, 26));
  --bdk-chip-border-color-secondary-hover: var(--bdk-red-hover-light, rgb(203, 13, 51));
  display: flex;
  width: auto;
  height: var(--bdk-chip-height);
  padding: var(--bdk-space-2-5, 1.667rem) var(--bdk-space-4, 2.667rem);
  align-items: center;
  justify-content: center;
  gap: var(--bdk-space-2, 1.333rem);
  background-color: var(--bdk-chip-background-color);
  border-radius: var(--bdk-chip-border-radius);
  border: solid var(--bdk-chip-border-width) var(--bdk-chip-border-color);
  color: var(--bdk-chip-text-color);
  transition: color var(--bdk-transition-duration-default, 0.2s) ease, background-color var(--bdk-transition-duration-default, 0.2s) ease, border-color var(--bdk-transition-duration-default, 0.2s) ease;
}
@media (prefers-reduced-motion: reduce) {
  .bdk-chip {
    transition: none;
  }
}
.bdk-chip:focus-visible {
  outline: 2px solid var(--bdk-focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color);
}
.bdk-chip[inverted]:focus-visible {
  outline: 2px solid var(--bdk-focus-color-inverted);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px var(--bdk-focus-background-color-inverted);
}
.bdk-chip[variant=primary] {
  --bdk-chip-background-color: var(--bdk-chip-background-color-primary);
  --bdk-chip-border-radius: var(--bdk-chip-border-radius-primary);
  --bdk-chip-border-color: var(--bdk-chip-border-color-primary);
  --bdk-chip-border-color-active: var(--bdk-chip-border-color-primary-active);
}
.bdk-chip[variant=secondary] {
  --bdk-chip-background-color: var(--bdk-chip-background-color-secondary);
  --bdk-chip-border-radius: var(--bdk-chip-border-radius-secondary);
  --bdk-chip-border-color: var(--bdk-chip-border-color-secondary);
  --bdk-chip-border-color-active: var(
    --bdk-chip-border-color-secondary-active
  );
}
.bdk-chip[size=small] {
  --bdk-chip-height: var(--bdk-chip-height-small);
  font-family: var(--bdk-strong-xs-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-xs-font-size, 2rem);
  font-weight: var(--bdk-strong-xs-font-weight, 500);
  letter-spacing: var(--bdk-strong-xs-letter-spacing, 0.033rem);
  line-height: var(--bdk-strong-xs-line-height, 3rem);
  text-decoration: var(--bdk-strong-xs-text-decoration, none);
  text-transform: var(--bdk-strong-xs-text-transform, inherit);
}
.bdk-chip[size=medium] {
  --bdk-chip-height: var(--bdk-chip-height-medium);
  font-family: var(--bdk-strong-s-font-family, "Eduard Breuninger", Helvetica, Arial, sans-serif);
  font-size: var(--bdk-strong-s-font-size, 2.333rem);
  font-weight: var(--bdk-strong-s-font-weight, 500);
  letter-spacing: var(--bdk-strong-s-letter-spacing, 0.05rem);
  line-height: var(--bdk-strong-s-line-height, 3.667rem);
  text-decoration: var(--bdk-strong-s-text-decoration, none);
  text-transform: var(--bdk-strong-s-text-transform, inherit);
}
.bdk-chip[active] {
  --bdk-chip-border-width: var(--bdk-chip-border-width-active);
  --bdk-chip-border-color: var(--bdk-chip-border-color-active);
}
.bdk-chip:hover {
  color: var(--bdk-chip-text-color-hover);
  background-color: var(--bdk-chip-background-color-hover);
  border-color: var(--bdk-chip-border-color-hover);
  cursor: pointer;
}

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