.anvil2{@layer starter, reset, base, state, application;._segmented-control_12jil_1 {
  --a2-mod-segmented-control-background-color: var(--a2-segmented-control-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
  --a2-mod-segmented-control-background-color-active: var(--a2-segmented-control-segment-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(rgba(139, 139, 139, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
  --a2-mod-segmented-control-background-color-hover: var(--a2-segmented-control-segment-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(rgba(139, 139, 139, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
  --a2-mod-segmented-control-border-color: var(--a2-segmented-control-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
  --a2-mod-segmented-control-button-background-color: var(--a2-segmented-control-button-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
  --a2-mod-segmented-control-button-foreground-color: var(--a2-segmented-control-button-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
  --a2-mod-segmented-control-focus-ring-color: var(--a2-segmented-control-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
  --a2-mod-segmented-control-height: var(--a2-size-10, 2.5rem);
  --a2-mod-segmented-control-segment-padding: var(--a2-size-4, 1rem);
  --a2-mod-segmented-control-shadow-color: var(--a2-segmented-control-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
  background-color: var(--a2-mod-segmented-control-background-color);
  border-color: var(--a2-mod-segmented-control-border-color);
  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
  border-style: solid;
  border-width: var(--a2-size-quarter, 0.0625rem);
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: var(--a2-typography-label-size-large, var(--a2-font-size-400, 1rem));
  gap: var(--a2-size-2, 0.5rem);
  height: var(--a2-mod-segmented-control-height);
  isolation: isolate;
  max-width: 100%;
  padding: var(--a2-size-1, 0.25rem);
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}._segmented-control_12jil_1:disabled {
  opacity: var(--a2-opacity-disabled, 0.6);
}._segmented-control_12jil_1 > * {
  height: auto;
}._segment_12jil_1 {
  align-items: center;
  background-color: transparent;
  border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
  color: var(--a2-mod-segmented-control-button-foreground-color);
  cursor: pointer;
  display: inline-flex;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: var(--a2-typography-label-size-large, var(--a2-font-size-400, 1rem));
  gap: var(--a2-size-2, 0.5rem);
  justify-content: center;
  line-height: normal;
  margin-block-end: 0;
  padding-inline: var(--a2-mod-segmented-control-segment-padding);
  position: relative;
}._segment_12jil_1:has(._input_12jil_54:checked) {
  pointer-events: none;
}._segment_12jil_1::before {
  height: 100%;
  inset: 0;
  pointer-events: none;
  position: absolute;
  transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  z-index: -1;
}._segment_12jil_1:not(:has(._input_12jil_54:checked)):hover, ._segment_12jil_1:not(:has(._input_12jil_54:checked))[data-interactive=hover] {
  background-color: var(--a2-mod-segmented-control-background-color-hover);
}._segment_12jil_1:not(:has(._input_12jil_54:checked)):active, ._segment_12jil_1:not(:has(._input_12jil_54:checked))[data-interactive=active] {
  background-color: var(--a2-mod-segmented-control-background-color-active);
}._segment_12jil_1:has(._input_12jil_54:focus-visible) ._select-indicator_12jil_73, ._segment_12jil_1[data-interactive=focus-visible] ._select-indicator_12jil_73 {
  outline-width: var(--a2-size-half, 0.125rem);
}._input_12jil_54 {
  height: 0;
  inset-block-start: 0;
  inset-inline-start: 0;
  opacity: 0;
  position: absolute;
}._select-indicator_12jil_73 {
  background-color: var(--a2-mod-segmented-control-button-background-color);
  border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
  box-shadow: var(--a2-mod-segmented-control-shadow-color) var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem));
  display: inline-block;
  inset: 0;
  outline: 0 solid var(--a2-mod-segmented-control-focus-ring-color);
  outline-offset: var(--a2-size-half, 0.125rem);
  position: absolute;
  transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
  z-index: -1;
}._fill_12jil_98 {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}._small_12jil_102 {
  --a2-mod-segmented-control-height: var(--a2-size-8, 2rem);
  --a2-mod-segmented-control-segment-padding: var(--a2-size-3, 0.75rem);
}._small_12jil_102 ._icon-only_12jil_107 {
  --a2-mod-segmented-control-segment-padding: calc(
    var(--a2-size-1, 0.25rem) - var(--a2-size-quarter, 0.0625rem)
  );
}._medium_12jil_113 {
  --a2-mod-segmented-control-height: var(--a2-size-10, 2.5rem);
  --a2-mod-segmented-control-segment-padding: var(--a2-size-4, 1rem);
}._medium_12jil_113 ._icon-only_12jil_107 {
  --a2-mod-segmented-control-segment-padding: calc(
    var(--a2-size-2, 0.5rem) - var(--a2-size-quarter, 0.0625rem)
  );
}
}