.rsc-root {
  --rsc-bg: #fff;
  --rsc-surface: #f5f7fa;
  --rsc-border-color: #e4e4e7;
  --rsc-text-color: #71717a;
  --rsc-active-text-color: #1a1d23;
  --rsc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial,
    sans-serif;
  --rsc-font-weight: 500;
  --rsc-line-height: 1.45;
  --rsc-letter-spacing: 0px;
  --rsc-border-radius: 10px;
  --rsc-gap: 0;
  --rsc-container-offset: 4px;
  --rsc-padding: var(--rsc-container-offset);
  --rsc-track-size: 4px;
  --rsc-indicator-bg: #e6e8ec;
  --rsc-indicator-color: var(--rsc-indicator-bg);
  --_rsc-default-indicator-hover-bg: #e3e5e9;
  --rsc-indicator-border-width: 0px;
  --rsc-indicator-shadow: none;
  --rsc-focus-ring-color: #00000014;
  --rsc-font-size: 14px;
  --rsc-description-font-size: 12px;
  --rsc-label-gap: 6px;
  --rsc-disabled-opacity: .42;
  --rsc-option-min-size: 32px;
  --rsc-option-padding-block: 6px;
  --rsc-option-padding-inline: 12px;
  --rsc-option-radius: 8px;
  font-size: var(--rsc-font-size);
  font-family: var(--rsc-font-family);
  font-weight: var(--rsc-font-weight);
  line-height: var(--rsc-line-height);
  letter-spacing: var(--rsc-letter-spacing);
  color: var(--rsc-text-color);
  -webkit-tap-highlight-color: var(--rsc-tap-highlight-color, transparent);
  max-width: 100%;
  display: inline-block;
}

.rsc-root[data-size="sm"] {
  --rsc-border-radius: 8px;
  --rsc-container-offset: 2px;
  --rsc-font-size: 12px;
  --rsc-description-font-size: 10px;
  --rsc-label-gap: 4px;
  --rsc-option-min-size: 28px;
  --rsc-option-padding-block: 4px;
  --rsc-option-padding-inline: 10px;
  --rsc-option-radius: 6px;
}

.rsc-root[data-size="lg"] {
  --rsc-border-radius: 12px;
  --rsc-container-offset: 6px;
  --rsc-font-size: 16px;
  --rsc-description-font-size: 14px;
  --rsc-label-gap: 8px;
  --rsc-option-min-size: 40px;
  --rsc-option-padding-block: 8px;
  --rsc-option-padding-inline: 16px;
  --rsc-option-radius: 8px;
}

.rsc-list {
  gap: var(--rsc-gap);
  isolation: isolate;
  cursor: var(--_rsc-list-cursor, auto);
  display: flex;
  position: relative;
}

.rsc-root[data-rsc-option-distribution="space-between"] .rsc-list {
  justify-content: space-between;
}

.rsc-root[data-rsc-option-distribution="space-around"] .rsc-list {
  justify-content: space-around;
}

.rsc-root[data-orientation="horizontal"] .rsc-list {
  touch-action: var(--_rsc-list-touch-action, pan-y);
}

.rsc-root[data-orientation="vertical"] .rsc-list {
  touch-action: var(--_rsc-list-touch-action, pan-x);
}

.rsc-root[data-unstyled="false"] .rsc-list {
  padding: var(--rsc-padding, var(--rsc-container-offset));
}

.rsc-root[data-orientation="vertical"] .rsc-list {
  flex-direction: column;
}

.rsc-track {
  pointer-events: none;
  z-index: 0;
  transition: background-color .16s, border-color .16s, opacity .12s;
  position: absolute;
}

.rsc-root[data-rsc-track-layout="container"] .rsc-track {
  border-radius: var(--rsc-border-radius);
  inset: 0;
}

.rsc-root[data-rsc-track-layout="container"][data-orientation="vertical"] .rsc-track {
  border-radius: var(--rsc-border-radius);
}

.rsc-root[data-rsc-track-layout="center-span"] .rsc-track {
  inset: auto;
  top: var(--_rsc-track-y, 50%);
  left: var(--_rsc-track-x, 0px);
  width: var(--_rsc-track-width, 0px);
  height: var(--rsc-track-size);
  border-radius: calc(var(--rsc-track-size) / 2);
  transform: translateY(-50%);
}

.rsc-root[data-rsc-track-layout="center-span"][data-orientation="vertical"] .rsc-track {
  inset: auto;
  top: var(--_rsc-track-y, 0px);
  left: var(--_rsc-track-x, 50%);
  width: var(--rsc-track-size);
  height: var(--_rsc-track-height, 0px);
  transform: translateX(-50%);
}

.rsc-root[data-rsc-track-style="surface"][data-unstyled="false"] .rsc-track {
  background: var(--rsc-surface, var(--rsc-bg));
  box-shadow: inset 0 0 0 1px var(--rsc-border-color);
}

.rsc-root[data-rsc-track-style="none"] .rsc-track {
  box-shadow: none;
  background: none;
}

.rsc-root[data-disabled="true"] {
  opacity: var(--rsc-disabled-opacity);
}

.rsc-indicator {
  width: var(--_rsc-indicator-width, auto);
  height: var(--_rsc-indicator-height, auto);
  border-radius: var(--rsc-option-radius);
  box-sizing: border-box;
  color: var(--rsc-active-text-color);
  opacity: var(--_rsc-indicator-opacity, 0);
  transform: var(--_rsc-indicator-transform, translate3d(0px, 0px, 0px) scale(1));
  pointer-events: none;
  cursor: var(--_rsc-indicator-cursor, auto);
  border: 0 solid #0000;
  justify-content: center;
  align-items: center;
  transition: transform .18s cubic-bezier(.24, 1, .32, 1), width .18s cubic-bezier(.24, 1, .32, 1), height .18s cubic-bezier(.24, 1, .32, 1), opacity .12s, background-color .16s, border-color .16s, border-width .16s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.rsc-root[data-rsc-selection-mode="underlay"] .rsc-indicator {
  z-index: 1;
}

.rsc-root[data-rsc-selection-mode="overlay"] .rsc-indicator {
  z-index: 3;
  pointer-events: auto;
}

.rsc-root[data-dragging="true"][data-rsc-drag-previewing="true"] .rsc-indicator {
  transition: width .18s cubic-bezier(.24, 1, .32, 1), height .18s cubic-bezier(.24, 1, .32, 1), opacity .12s, background-color .16s, border-color .16s, border-width .16s;
}

.rsc-root[data-rsc-indicator-transition="instant"] .rsc-indicator {
  transition: opacity .12s, background-color .16s, border-color .16s, border-width .16s;
}

.rsc-root[data-rsc-indicator-motion="initial"] .rsc-indicator, .rsc-root[data-rsc-indicator-motion="initial"] .rsc-indicator:before, .rsc-root[data-rsc-indicator-motion="initial"] .rsc-indicator:after, .rsc-root[data-rsc-indicator-motion="initial"] .rsc-indicator-content, .rsc-root[data-rsc-indicator-motion="initial"] .rsc-indicator-content * {
  transition: none !important;
  animation: none !important;
}

.rsc-root[data-rsc-indicator-style="fill"] .rsc-indicator {
  background: var(--_rsc-indicator-color, var(--rsc-indicator-color));
  box-shadow: var(--rsc-indicator-shadow);
}

.rsc-root[data-rsc-selection-mode="overlay"][data-rsc-indicator-style="fill"] .rsc-indicator:hover {
  background: var(--rsc-indicator-hover-bg, var(--_rsc-indicator-color, var(--_rsc-default-indicator-hover-bg)));
}

.rsc-root[data-rsc-indicator-style="ring"] .rsc-indicator {
  border-width: var(--_rsc-indicator-border-width, var(--rsc-indicator-border-width));
  border-color: var(--_rsc-indicator-color, var(--rsc-indicator-color));
  box-shadow: none;
  background: none;
}

.rsc-root[data-rsc-indicator-style="none"] .rsc-indicator {
  box-shadow: none;
  background: none;
  border-color: #0000;
}

.rsc-indicator-content {
  align-items: inherit;
  justify-content: inherit;
  gap: var(--rsc-label-gap);
  width: 100%;
  height: 100%;
  padding: inherit;
  border-radius: inherit;
  text-align: inherit;
  color: inherit;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.rsc-root[data-rsc-indicator-content-mode="none"] .rsc-indicator-content {
  display: none;
}

.rsc-root[data-rsc-selection-mode="overlay"][data-rsc-indicator-content-mode="clone-active"] .rsc-indicator {
  overflow: hidden;
}

.rsc-option {
  z-index: 2;
  border-radius: var(--rsc-option-radius);
  flex: none;
  min-width: 0;
  transition: background-color .14s;
  display: block;
  position: relative;
}

.rsc-option-input {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  margin: 0;
  position: absolute;
  inset: 0;
}

.rsc-option-content {
  justify-content: center;
  align-items: center;
  gap: var(--rsc-label-gap);
  min-block-size: var(--rsc-option-min-size);
  min-inline-size: 0;
  padding-block: var(--rsc-option-padding-block);
  padding-inline: var(--rsc-option-padding-inline);
  border-radius: var(--rsc-option-radius);
  box-sizing: border-box;
  text-align: center;
  color: inherit;
  cursor: pointer;
  user-select: none;
  flex-direction: column;
  transition: background-color .14s, color .16s, opacity .16s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rsc-root[data-rsc-option-sizing="equal"] .rsc-option-content {
  width: 100%;
  min-inline-size: 0;
}

.rsc-root[data-rsc-option-sizing="equal"] .rsc-option {
  width: var(--_rsc-equal-option-inline-size, auto);
  min-inline-size: var(--_rsc-equal-option-inline-size, 0px);
}

.rsc-root[data-rsc-option-sizing="equal"][data-orientation="vertical"] .rsc-option {
  min-block-size: var(--_rsc-equal-option-block-size, 0px);
}

.rsc-root[data-rsc-option-sizing="fixed"] .rsc-option {
  width: var(--_rsc-option-size);
  height: var(--_rsc-option-size);
  min-inline-size: var(--_rsc-option-size);
  min-block-size: var(--_rsc-option-size);
  flex: none;
}

.rsc-root[data-rsc-option-sizing="fixed"] .rsc-option-content {
  width: var(--_rsc-option-size);
  height: var(--_rsc-option-size);
  min-inline-size: var(--_rsc-option-size);
  min-block-size: var(--_rsc-option-size);
  padding: 0;
}

.rsc-option-anchor {
  border-radius: inherit;
  box-sizing: border-box;
  pointer-events: none;
  background: none;
  margin: auto;
  transition: background-color .16s, border-color .16s, opacity .16s, transform .16s;
  position: absolute;
  inset: 0;
}

.rsc-root[data-rsc-anchor-sizing="explicit"] .rsc-option-anchor {
  width: var(--_rsc-anchor-width);
  height: var(--_rsc-anchor-height);
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.rsc-root[data-dragging="true"] .rsc-option-content, .rsc-root[data-dragging="true"] .rsc-option-anchor {
  transition: none;
}

.rsc-root[data-rsc-selection-mode="overlay"] .rsc-option-content, .rsc-root[data-rsc-selection-mode="overlay"] .rsc-indicator-content {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.rsc-root[data-rsc-selection-mode="underlay"][data-rsc-indicator-style="fill"][data-unstyled="false"] .rsc-option[data-selected="true"] .rsc-option-content {
  color: var(--rsc-active-text-color);
}

.rsc-root[data-disabled="false"] .rsc-option[data-disabled="false"]:not([data-selected="true"]):hover .rsc-option-content {
  color: color-mix(in srgb, var(--rsc-text-color) 84%, var(--rsc-active-text-color));
}

.rsc-option[data-disabled="true"] .rsc-option-content {
  cursor: not-allowed;
}

.rsc-root[data-rsc-selection-mode="underlay"] .rsc-option[data-focus-visible="true"] .rsc-option-content {
  outline: 2px solid var(--rsc-focus-ring-color);
  outline-offset: 2px;
}

.rsc-root[data-rsc-selection-mode="underlay"] .rsc-option:hover .rsc-option-content {
  outline: none;
}

.rsc-root[data-rsc-selection-mode="overlay"] .rsc-option[data-focus-visible="true"] .rsc-option-anchor {
  outline: 2px solid var(--rsc-focus-ring-color);
  outline-offset: 2px;
}

.rsc-root[data-rsc-selection-mode="overlay"] .rsc-option:hover .rsc-option-anchor, .rsc-root[data-rsc-selection-mode="overlay"] .rsc-option[data-selected="true"][data-focus-visible="true"] .rsc-option-anchor {
  outline: none;
}

.rsc-root[data-rsc-selection-mode="overlay"] .rsc-indicator[data-rsc-focused="true"] {
  outline: 2px solid var(--rsc-focus-ring-color);
  outline-offset: 2px;
  box-shadow: var(--rsc-indicator-shadow);
}

.rsc-root[data-rsc-selection-mode="overlay"] .rsc-indicator:hover {
  outline: none;
}

.rsc-root[data-rsc-selection-mode="overlay"][data-rsc-indicator-style="ring"] .rsc-indicator[data-rsc-focused="true"] {
  outline: 2px solid var(--rsc-focus-ring-color);
  outline-offset: 2px;
  box-shadow: none;
}

.rsc-root[data-rsc-selection-mode="overlay"][data-rsc-indicator-style="ring"] .rsc-indicator:hover {
  outline: none;
}

.rsc-root[data-rsc-selection-mode="overlay"][data-dragging="true"] .rsc-indicator[data-rsc-focused="true"] {
  outline-color: var(--rsc-focus-ring-color);
  outline-offset: 2px;
  box-shadow: var(--rsc-indicator-shadow);
}

.rsc-root[data-rsc-selection-mode="overlay"][data-dragging="true"][data-rsc-indicator-style="ring"] .rsc-indicator[data-rsc-focused="true"] {
  outline-color: var(--rsc-focus-ring-color);
  outline-offset: 2px;
  box-shadow: none;
}

.rsc-option-label, .rsc-option-description {
  z-index: 1;
  position: relative;
}

.rsc-option-label {
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: var(--rsc-label-gap);
  min-inline-size: 0;
  max-inline-size: 100%;
  font-family: var(--rsc-font-family);
  font-size: var(--rsc-font-size);
  font-weight: var(--rsc-font-weight);
  line-height: var(--rsc-line-height);
  letter-spacing: var(--rsc-letter-spacing);
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  overflow: hidden;
}

.rsc-option-description {
  font-family: var(--rsc-font-family);
  font-size: var(--rsc-description-font-size);
  font-weight: var(--rsc-font-weight);
  line-height: var(--rsc-line-height);
  letter-spacing: var(--rsc-letter-spacing);
  color: color-mix(in srgb, currentColor 62%, transparent);
  opacity: .62;
  opacity: 1;
  min-inline-size: 0;
  max-inline-size: 100%;
}

.rsc-root[data-unstyled="true"] .rsc-list {
  padding: 0;
}

.rsc-root[data-unstyled="true"] .rsc-track, .rsc-root[data-unstyled="true"] .rsc-indicator, .rsc-root[data-unstyled="true"] .rsc-option-anchor, .rsc-root[data-unstyled="true"] .rsc-option-content {
  box-shadow: none;
  background: none;
  border-color: #0000;
}