/**
* Colors
*/
/* Signal colors */
/* Old colors (TODO: cleanup when not needed anymore) */
/**
 * Base
 */
/**
 * Selection
 */
/**
 * Flyingfocus
 */
/**
 * Icons
 */
/**
 * Link
 */
/**
 * Text
 */
/**
 * Section
 */
/**
 * Header
 */
/**
 * Footer
 */
/**
 * Fieldset
 */
/**
 * Stepper
 */
/**
 * Loader
 */
/**
 * Table
 */
/**
 * Heading
 */
/**
 * Text
 */
/**
 * Menu (Item)
 */
/**
 * Form Elements (Input / Checkbox / Radio / Select / Datepicker)
 */
/**
 * Popover
 */
/**
 * Tooltips
 */
/**
 * Dialogs / Popover
 */
/**
 * Overlays
 */
/**
 * Accordions
 */
/**
 * Timeline
 */
/**
 * Buttons
 */
/**
 * Ratios
 */
/**
 * Pagetitle
 */
/**
 * TopnewsMostsearched
 */
/**
 * Calendar
 */
/**
 * Cta
 */
/**
 * Toasts
 */
/**
 * Uploads
 */
/**
 * Box Shadows
 */
/**
 * Z-Indexes
 * Inspired by https://www.duetds.com/tokens/#z-index
 */
/**
 * Icon sizes
 */
/**
 * Grid
 */
/**
 * Container
 */
/**
 * Breakpoints
 */
/**
 * Ratios
 */
/**
 * Spaces
 */
/**
 * Fonts
 */
:host {
  font-family: var(--stzh-font-family-medium);
  font-weight: var(--stzh-font-weight-medium);
  font-style: var(--stzh-font-style-medium);
  color: var(--stzh-base-color);
  box-sizing: border-box;
  display: block;
}
:host[hidden], :host[stzh-hidden] {
  display: none;
}
:host::selection {
  color: var(--stzh-selection-color);
  background-color: var(--stzh-selection-background-color);
}
:host *,
:host *::before,
:host *::after {
  box-sizing: border-box;
  text-underline-offset: var(--stzh-link-text-underline-offset);
  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);
  -webkit-text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);
          text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);
}
:host {
  /* default outline value, which will be applied to all elements receiving focus
  the .has-focus class is used by the focus target */
}
:host .has-focus {
  outline: var(--stzh-flyingfocus-color) solid 0.125rem;
  outline-offset: 0.125rem;
}
:host .stzh-fylingfocus-focused {
  outline-style: none !important;
}
:host .stzh-fylingfocus-focused::-moz-focus-inner {
  border: 0 !important;
}

:host {
  --label-color: var(--stzh-radio-label-color, var(--stzh-base-color));
  --label-hover-color: var(--stzh-radio-label-hover-color, var(--stzh-color-primary70));
  --label-hover-checked-color: var(
    --stzh-radio-label-hover-checked-color,
    var(--stzh-color-primary90)
  );
  --check-color: var(--stzh-radio-check-color, var(--stzh-color-primary70));
  --invalid-color: var(--stzh-radio-invalid-color, var(--stzh-color-error60));
  --disabled-color: var(--stzh-radio-disabled-color, var(--stzh-color-grey50));
  display: inline-block;
}
:host[disabled]:not([disabled=false]) {
  --description-color: var(--stzh-color-grey70);
}

.stzh-radio__marker-symbol {
  font-family: var(--stzh-font-family-medium);
  font-weight: var(--stzh-font-weight-medium);
  font-style: var(--stzh-font-style-medium);
}
.stzh-radio__marker-text {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  width: 0.0625rem;
  height: 0.0625rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.stzh-radio__description-wrapper {
  display: flex;
  flex-direction: column-reverse;
  min-height: var(--description-min-height, var(--stzh-description-min-height, none));
}
.stzh-radio__error, .stzh-radio__description {
  font-size: var(--stzh-font-nano-font-size);
  line-height: var(--stzh-font-nano-text-line-height);
}
.stzh-radio__error {
  color: var(--stzh-color-error60);
}
.stzh-radio__error-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.stzh-radio__description {
  display: flex;
  align-items: flex-start;
  color: var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));
  transition: color var(--stzh-base-transition-animation-speed);
}
.stzh-radio__description-long {
  margin-right: var(--stzh-space-xxsmall, 4px);
  margin-top: 0.125rem;
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
  .stzh-radio__description-long {
    margin-top: 0;
  }
}
.stzh-radio__description-long-popover {
  --width: auto;
  --max-width: 27.3125rem;
}
.stzh-radio__description-long-button {
  display: flex;
  justify-content: center;
  align-items: center;
  appearance: none;
  font-family: inherit;
  padding: 0;
  border: none;
  background-color: transparent;
  border-radius: 0.5rem;
  cursor: pointer;
}
.stzh-radio stzh-icon.stzh-radio__description-long-icon {
  --size: var(--stzh-icon-size-xsmall);
}
.stzh-radio--has-error .stzh-radio__error, .stzh-radio--has-description .stzh-radio__description {
  margin-top: var(--stzh-space-xxxsmall, 2px);
}
.stzh-radio {
  display: grid;
}
.stzh-radio__field-wrapper {
  font-size: var(--stzh-font-milli-font-size);
  line-height: var(--stzh-font-milli-text-line-height);
  letter-spacing: var(--stzh-font-curve---text-letter-spacing);
  position: relative;
  display: flex;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.stzh-radio__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  appearance: none;
  border-radius: var(--stzh-form-input-border-radius);
}
.stzh-radio__mark {
  border: 0.125rem solid var(--stzh-color-black);
  background-color: var(--stzh-color-white);
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: border-color var(--stzh-base-transition-animation-speed);
}
.stzh-radio__mark::before {
  content: "";
}
@media (forced-colors: active) {
  .stzh-radio__mark {
    transition: none;
    border-color: ButtonBorder;
  }
}
.stzh-radio__check {
  background-color: currentColor;
  color: var(--check-color, var(--stzh-color-primary70));
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  opacity: 0;
  transition-property: color;
  transition-duration: var(--stzh-base-transition-animation-speed);
}
@media (forced-colors: active) {
  .stzh-radio__check {
    transition: none;
    forced-color-adjust: none;
    color: Highlight;
  }
}
.stzh-radio__label {
  --stzh-base-color: initial;
  display: flex;
  align-items: flex-start;
  gap: var(--stzh-space-xsmall, 8px);
  color: var(--label-color);
  transition: color var(--stzh-base-transition-animation-speed);
  margin-left: var(--stzh-space-small, 12px);
  line-height: 1.5rem;
}
.stzh-radio__label:empty {
  display: none;
}
.stzh-radio__label-content {
  min-width: 0;
}
.stzh-radio__label-content stzh-text {
  display: block;
}
.stzh-radio__marker {
  flex: 0 0 auto;
  margin-left: 0;
}
.stzh-radio__label > .stzh-radio__description-wrapper {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  margin: 0;
  transform: translateY(0.125rem);
}
.stzh-radio__label .stzh-radio__description, .stzh-radio__label .stzh-radio__description-long {
  display: inline-flex;
  align-items: flex-start;
  margin: 0;
}
.stzh-radio__label .stzh-radio__description-long-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
}
.stzh-radio__label stzh-popover .stzh-radio__description-long-icon {
  --size: var(--stzh-icon-size-small);
  display: block;
  line-height: 0;
  color: var(--stzh-color-primary70);
}
.stzh-radio {
  /* Hover / Focus / Checked */
}
.stzh-radio:hover .stzh-radio__label, .stzh-radio__input:checked ~ .stzh-radio__label {
  color: var(--label-hover-color);
}
.stzh-radio__input:checked:hover ~ .stzh-radio__label, .stzh-radio__input:checked:hover ~ .stzh-radio__mark .stzh-radio__check {
  color: var(--label-hover-checked-color);
}
@media (forced-colors: active) {
  .stzh-radio__input:checked:hover ~ .stzh-radio__mark .stzh-radio__check {
    color: Highlight;
  }
}
.stzh-radio:hover .stzh-radio__mark, .stzh-radio__input:checked ~ .stzh-radio__mark {
  border-color: var(--label-hover-color);
}
@media (forced-colors: active) {
  .stzh-radio:hover .stzh-radio__mark, .stzh-radio__input:checked ~ .stzh-radio__mark {
    border-color: Highlight;
  }
}
.stzh-radio__input:checked:hover ~ .stzh-radio__mark {
  border-color: var(--label-hover-checked-color);
}
@media (forced-colors: active) {
  .stzh-radio__input:checked:hover ~ .stzh-radio__mark {
    border-color: Highlight;
  }
}
.stzh-radio__input:checked ~ .stzh-radio__mark .stzh-radio__check {
  opacity: 1;
}
.stzh-radio {
  /* Invalid */
}
@media (forced-colors: none) {
  .stzh-radio--is-invalid .stzh-radio__input ~ .stzh-radio__label, .stzh-radio--is-invalid .stzh-radio__input ~ .stzh-radio__mark .stzh-radio__check {
    color: var(--invalid-color);
  }
}
@media (forced-colors: none) {
  .stzh-radio--is-invalid .stzh-radio__input ~ .stzh-radio__mark {
    border-color: var(--invalid-color);
  }
}
.stzh-radio {
  /* Disabled */
}
.stzh-radio--is-disabled .stzh-radio__field-wrapper {
  cursor: not-allowed;
}
.stzh-radio--is-disabled .stzh-radio__input ~ .stzh-radio__label {
  color: var(--stzh-color-grey60);
}
@media (forced-colors: active) {
  .stzh-radio--is-disabled .stzh-radio__input ~ .stzh-radio__label {
    color: GrayText;
  }
}
.stzh-radio--is-disabled .stzh-radio__input ~ .stzh-radio__mark {
  border-color: var(--disabled-color);
  background-color: var(--stzh-color-grey20);
}
@media (forced-colors: active) {
  .stzh-radio--is-disabled .stzh-radio__input ~ .stzh-radio__mark {
    border-color: GrayText;
  }
}
.stzh-radio--is-disabled .stzh-radio__input ~ .stzh-radio__mark .stzh-radio__check {
  color: var(--disabled-color);
}
@media (forced-colors: active) {
  .stzh-radio--is-disabled .stzh-radio__input ~ .stzh-radio__mark .stzh-radio__check {
    color: GrayText;
  }
}