@charset "UTF-8";
nv-fieldradio {
  --nv-fieldradio-border-default: var(--components-form-field-border-default);
  --nv-fieldradio-border-hover: var(--components-form-field-border-hover);
  --nv-fieldradio-border-focus: var(--components-form-field-border-default);
  --nv-fieldradio-background-default: var(--components-form-field-background-default);
  --nv-fieldradio-background-checked: var(--components-form-field-background-checked);
  --nv-fieldradio-background-disabled: var(--components-form-field-background-disabled);
  --nv-fieldradio-focus-box-shadow: var(--color-focus-brand);
  --nv-fieldradio-dot-color-checked: var(--components-form-shape-foreground-default);
  --nv-fieldradio-dot-color-disabled: var(--components-form-shape-foreground-disabled);
  --nv-fieldradio-outline-color: var(--color-focus-brand);
  display: inline-flex;
  align-items: flex-start;
  gap: var(--form-gap-x);
}
nv-fieldradio:not([disabled]) input,
nv-fieldradio:not([disabled]) label, nv-fieldradio[disabled=false] input,
nv-fieldradio[disabled=false] label {
  cursor: pointer;
}
nv-fieldradio.error {
  --nv-fieldradio-border-default: var(--components-form-field-border-error);
  --nv-fieldradio-border-hover: var(--nv-fieldradio-border-default);
  --nv-fieldradio-border-focus: var(--components-form-field-border-error);
  --nv-fieldradio-background-checked: var(--components-form-field-background-error);
  --nv-fieldradio-focus-box-shadow: var(--color-focus-destructive);
  --nv-fieldradio-dot-color-checked: var(--components-form-shape-foreground-default);
  --nv-fieldradio-dot-color-disabled: var(--components-form-field-border-error);
  --nv-fieldradio-outline-color: var(--color-focus-destructive);
}
nv-fieldradio.label-placement-before {
  flex-direction: row-reverse;
}
nv-fieldradio[disabled] {
  opacity: 0.5;
}
nv-fieldradio label {
  align-self: stretch;
  color: var(--components-form-text-label-default);
  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;
  font-size: var(--form-label-font-size);
  font-style: normal;
  font-weight: var(--form-label-font-weight);
  line-height: var(--form-label-line-height);
}
nv-fieldradio input[type=radio] {
  appearance: none;
  position: relative;
  display: flex;
  width: var(--form-radio-size);
  height: var(--form-radio-size);
  padding: var(--form-radio-inner-circle-padding);
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--radius-rounded-full);
  border-width: var(--form-radio-border-width);
  border-style: solid;
  border-color: var(--nv-fieldradio-border-default);
  background: var(--nv-fieldradio-background-default);
}
nv-fieldradio input[type=radio]:hover {
  border-color: var(--nv-fieldradio-border-hover);
}
nv-fieldradio input[type=radio]:focus {
  border-color: var(--nv-fieldradio-border-focus);
}
nv-fieldradio input[type=radio]:focus, nv-fieldradio input[type=radio]:focus-within {
  outline: none;
}
nv-fieldradio input[type=radio]:focus-visible, nv-fieldradio input[type=radio]:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldradio-outline-color);
  outline-offset: calc(var(--focus-outline-offset) * 1);
}
nv-fieldradio input[type=radio]:checked {
  background: var(--nv-fieldradio-background-checked);
  border-color: var(--nv-fieldradio-background-checked);
}
nv-fieldradio input[type=radio]:checked:hover, nv-fieldradio input[type=radio]:checked:focus {
  border-color: var(--nv-fieldradio-background-checked);
  background: var(--nv-fieldradio-background-checked);
}
nv-fieldradio input[type=radio]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  left: 0;
  width: var(--form-radio-inner-circle-size);
  height: var(--form-radio-inner-circle-size);
  flex-shrink: 0;
  border-radius: var(--radius-rounded-full);
  background: var(--nv-fieldradio-dot-color-checked);
}
nv-fieldradio input[type=radio]:disabled {
  border-radius: var(--radius-rounded-full);
  border-width: var(--form-radio-border-width);
  border-style: solid;
  border-color: var(--nv-fieldradio-border-default);
  background: var(--nv-fieldradio-background-disabled);
}
nv-fieldradio input[type=radio]:disabled:checked::before {
  background: var(--nv-fieldradio-dot-color-disabled);
}
nv-fieldradio input[type=radio]:disabled:hover {
  border-color: var(--nv-fieldradio-border-default);
  background: var(--nv-fieldradio-background-disabled);
}
@media print {
  nv-fieldradio input[type=radio]:checked {
    background: transparent;
    border-color: var(--nv-fieldradio-background-checked);
  }
  nv-fieldradio input[type=radio]:checked::before {
    content: "●";
    position: absolute;
    top: calc(50% - 2px);
    left: calc(50% - 4.5px);
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    background: none;
    color: var(--nv-fieldradio-background-checked);
    font-size: calc(var(--form-radio-inner-circle-size) * 3);
    line-height: 1;
  }
}
nv-fieldradio .description {
  align-self: stretch;
  color: var(--components-form-text-description-default);
  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;
  font-size: var(--form-description-font-size);
  font-style: normal;
  font-weight: var(--form-description-font-weight);
  line-height: var(--form-description-line-height);
}
nv-fieldradio .error-description {
  align-self: stretch;
  color: var(--components-form-text-description-default);
  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;
  font-size: var(--form-description-font-size);
  font-style: normal;
  font-weight: var(--form-description-font-weight);
  line-height: var(--form-description-line-height);
  color: var(--components-form-text-description-error);
}
nv-fieldradio .text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}