.ty-segmented {
  display: inline-flex;
  align-items: center;
  padding: var(--ty-segmented-padding);
  background: var(--ty-segmented-bg);
  border-radius: var(--ty-segmented-radius);
  box-sizing: border-box;
}
.ty-segmented_block {
  display: flex;
  width: 100%;
}
.ty-segmented_block .ty-segmented__item {
  flex: 1;
}
.ty-segmented_block .ty-segmented__item-content {
  justify-content: center;
  width: 100%;
}
.ty-segmented_disabled {
  cursor: not-allowed;
}
.ty-segmented_disabled .ty-segmented__item {
  cursor: not-allowed;
  pointer-events: none;
}
.ty-segmented_disabled .ty-segmented__item .ty-segmented__item-content {
  color: var(--ty-segmented-item-color-disabled);
  background: var(--ty-segmented-item-bg-disabled);
  opacity: var(--ty-segmented-item-opacity-disabled);
}
.ty-segmented_sm .ty-segmented__item {
  min-height: var(--ty-segmented-item-height-sm);
  padding-block: var(--ty-segmented-item-padding-block-sm);
  padding-inline: var(--ty-segmented-item-padding-inline-sm);
  font-size: var(--ty-segmented-font-size-sm);
}
.ty-segmented_md .ty-segmented__item {
  min-height: var(--ty-segmented-item-height-md);
  padding-block: var(--ty-segmented-item-padding-block-md);
  padding-inline: var(--ty-segmented-item-padding-inline-md);
  font-size: var(--ty-segmented-font-size-md);
}
.ty-segmented_lg .ty-segmented__item {
  min-height: var(--ty-segmented-item-height-lg);
  padding-block: var(--ty-segmented-item-padding-block-lg);
  padding-inline: var(--ty-segmented-item-padding-inline-lg);
  font-size: var(--ty-segmented-font-size-lg);
}
.ty-segmented__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  border-radius: var(--ty-segmented-radius);
  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  color: var(--ty-segmented-item-color);
  background: var(--ty-segmented-item-bg);
}
.ty-segmented__item:hover:not(.ty-segmented__item_active, .ty-segmented__item_disabled) {
  color: var(--ty-segmented-item-color-hover);
  background: var(--ty-segmented-item-bg-hover);
}
.ty-segmented__item_active {
  background: var(--ty-segmented-item-bg-selected);
  color: var(--ty-segmented-item-color-selected);
  box-shadow: var(--ty-segmented-item-shadow-selected);
  font-weight: var(--ty-segmented-item-font-weight-selected);
}
.ty-segmented__item_disabled {
  cursor: not-allowed;
  color: var(--ty-segmented-item-color-disabled);
  background: var(--ty-segmented-item-bg-disabled);
  opacity: var(--ty-segmented-item-opacity-disabled);
}
.ty-segmented__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ty-segmented__input:focus-visible + .ty-segmented__item-content {
  box-shadow: var(--ty-segmented-item-shadow-focus);
  outline: none;
}
.ty-segmented__item-content {
  display: inline-flex;
  align-items: center;
  gap: var(--ty-segmented-item-gap);
  border-radius: var(--ty-segmented-radius);
  color: inherit;
  box-sizing: border-box;
}
.ty-segmented__icon {
  display: inline-flex;
  align-items: center;
}
.ty-segmented__icon svg {
  width: var(--ty-segmented-icon-size);
  height: var(--ty-segmented-icon-size);
}
.ty-segmented__label {
  display: inline-block;
}