@layer starter, reset, base, state, application;
@layer reset {
  ._segmented-control_1jy4v_2,
  ._legend_1jy4v_3,
  ._children_1jy4v_4,
  ._select-indicator_1jy4v_5,
  ._segment_1jy4v_2 {
    all: unset;
  }
}
@layer base {
  ._segmented-control_1jy4v_2 {
    max-width: 100%;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: var(--background-color-stronger, #eeeeee);
    position: relative;
    border-radius: 0.375rem;
    border-style: solid;
    border-color: var(--border-color-subdued, #dfe0e1);
    border-width: 0.0625rem;
    padding: 0.25rem;
    gap: 0.5rem;
    isolation: isolate;
    box-sizing: border-box;
    font-size: 1rem;
  }
  ._segmented-control_1jy4v_2:disabled {
    opacity: 0.6;
  }
  ._segment_1jy4v_2 {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
    flex-grow: 1;
    gap: 0.5rem;
    color: var(--foreground-color, #141414);
    border-radius: 0.1875rem;
    font-size: 1rem;
  }
  ._segment_1jy4v_2 input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    top: 0;
    left: 0;
  }
  ._segment_1jy4v_2:has(input:checked) {
    pointer-events: none;
  }
  ._segment_1jy4v_2::before {
    position: absolute;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    width: 100%;
    height: 100%;
    inset: 0;
    transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1);
    z-index: -1;
  }
  ._select-indicator_1jy4v_5 {
    display: inline-block;
    position: absolute;
    inset: 0;
    background-color: var(--background-color, #ffffff);
    border-radius: 0.1875rem;
    box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
    outline: 0 solid var(--focus-ring-color, #0265DC);
    outline-offset: 0.125rem;
    z-index: -1;
    transition: outline 200ms cubic-bezier(0, 0, 0.4, 1);
  }
}
@layer state {
  ._segmented-control_1jy4v_2._fill_1jy4v_80 {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
  }
  ._segmented-control_1jy4v_2._small_1jy4v_83 {
    height: 2rem;
  }
  ._segmented-control_1jy4v_2._small_1jy4v_83 ._segment_1jy4v_2 {
    padding-inline: 0.75rem;
  }
  ._segmented-control_1jy4v_2._small_1jy4v_83 ._segment_1jy4v_2._icon-only_1jy4v_89 {
    padding-inline: 0.1875rem;
  }
  ._segmented-control_1jy4v_2._medium_1jy4v_92 {
    height: 2.5rem;
  }
  ._segmented-control_1jy4v_2._medium_1jy4v_92 ._segment_1jy4v_2 {
    padding-inline: 1rem;
  }
  ._segmented-control_1jy4v_2._medium_1jy4v_92 ._segment_1jy4v_2._icon-only_1jy4v_89 {
    padding-inline: 0.4375rem;
  }
  ._segment_1jy4v_2:has(input:focus-visible) ._select-indicator_1jy4v_5,
  ._segment_1jy4v_2[data-interactive=focus-visible] ._select-indicator_1jy4v_5 {
    outline-width: 0.125rem;
  }
  ._segment_1jy4v_2:not(:has(input:checked)):hover,
  ._segment_1jy4v_2:not(:has(input:checked))[data-interactive=hover] {
    background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
  }
  ._segment_1jy4v_2:not(:has(input:checked)):active,
  ._segment_1jy4v_2:not(:has(input:checked))[data-interactive=active] {
    background-color: var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137));
  }
}
@layer application {
  ._segmented-control_1jy4v_2 > * {
    height: auto;
  }
}