/* [project]/UIKit/web/packages/components/LevelStep/LevelStep.module.scss.module.css [app-client] (css) */
.LevelStep-module-scss-module__rx5ymW__Root {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.LevelStep-module-scss-module__rx5ymW__Step {
  position: relative;
}

.LevelStep-module-scss-module__rx5ymW__Step[data-interactive="true"] .LevelStep-module-scss-module__rx5ymW__Control {
  cursor: pointer;
}

.LevelStep-module-scss-module__rx5ymW__Step[data-interactive="true"] .LevelStep-module-scss-module__rx5ymW__Control:hover .LevelStep-module-scss-module__rx5ymW__Indicator, .LevelStep-module-scss-module__rx5ymW__Step[data-interactive="true"] .LevelStep-module-scss-module__rx5ymW__Control:focus-visible .LevelStep-module-scss-module__rx5ymW__Indicator {
  opacity: .78;
}

.LevelStep-module-scss-module__rx5ymW__Control {
  text-align: left;
  position: relative;
}

.LevelStep-module-scss-module__rx5ymW__Content {
  min-width: 0;
}

.LevelStep-module-scss-module__rx5ymW__Indicator {
  flex: none;
  transition: opacity .14s linear;
}

.LevelStep-module-scss-module__rx5ymW__Separator {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
}

.LevelStep-module-scss-module__rx5ymW__Separator[data-complete="true"] .LevelStep-module-scss-module__rx5ymW__SeparatorFill {
  transform: scaleX(1);
}

.LevelStep-module-scss-module__rx5ymW__SeparatorFill {
  transform-origin: 0;
  transition: transform .14s linear;
  position: absolute;
  inset: 0;
  transform: scaleX(0);
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="horizontal"] {
  padding-block: var(--level-step-stem-gap);
  align-items: flex-start;
  overflow-x: auto;
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="horizontal"] .LevelStep-module-scss-module__rx5ymW__Step {
  min-width: calc(var(--level-step-indicator-size) + var(--level-step-gap) * 2);
  flex: 1 1 0;
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="horizontal"] .LevelStep-module-scss-module__rx5ymW__Control {
  flex-direction: column;
  align-items: flex-start;
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="horizontal"] .LevelStep-module-scss-module__rx5ymW__Content {
  max-width: calc(100% - var(--level-step-gap));
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="horizontal"] .LevelStep-module-scss-module__rx5ymW__Separator {
  top: calc(var(--level-step-indicator-size) * .5 - .1rem);
  right: var(--level-step-stem-gap);
  left: calc(var(--level-step-indicator-size) + var(--level-step-stem-gap));
  height: .2rem;
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="vertical"] {
  flex-direction: column;
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="vertical"] .LevelStep-module-scss-module__rx5ymW__Step {
  width: 100%;
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="vertical"] .LevelStep-module-scss-module__rx5ymW__Step:not(:last-child) {
  padding-bottom: var(--level-step-gap);
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="vertical"] .LevelStep-module-scss-module__rx5ymW__Control {
  align-items: flex-start;
  width: 100%;
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="vertical"] .LevelStep-module-scss-module__rx5ymW__Content {
  flex: 1;
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="vertical"] .LevelStep-module-scss-module__rx5ymW__Separator {
  top: calc(var(--level-step-indicator-size) + var(--level-step-stem-gap));
  bottom: var(--level-step-stem-gap);
  left: calc(var(--level-step-indicator-size) * .5 - .1rem);
  width: .2rem;
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="vertical"] .LevelStep-module-scss-module__rx5ymW__Separator[data-complete="true"] .LevelStep-module-scss-module__rx5ymW__SeparatorFill {
  transform: scaleY(1);
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="vertical"] .LevelStep-module-scss-module__rx5ymW__SeparatorFill {
  transform-origin: top;
  transform: scaleY(0);
}

@media (prefers-reduced-motion: reduce) {
  .LevelStep-module-scss-module__rx5ymW__Indicator, .LevelStep-module-scss-module__rx5ymW__SeparatorFill {
    transition: none;
  }
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="horizontal"][data-alignment="center"] .LevelStep-module-scss-module__rx5ymW__Control {
  text-align: center;
  align-items: center;
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="horizontal"][data-alignment="center"] .LevelStep-module-scss-module__rx5ymW__Content {
  max-width: 100%;
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="horizontal"][data-alignment="center"] .LevelStep-module-scss-module__rx5ymW__Content > div {
  justify-content: center;
}

.LevelStep-module-scss-module__rx5ymW__Root[data-orientation="horizontal"][data-alignment="center"] .LevelStep-module-scss-module__rx5ymW__Separator {
  left: calc(50% + var(--level-step-indicator-size) * .5 + var(--level-step-stem-gap));
  right: calc(-50% + var(--level-step-indicator-size) * .5 + var(--level-step-stem-gap));
}

/* [project]/UIKit/web/packages/components/Pill/Pill.group.module.scss.module.css [app-client] (css) */
.Pill-group-module-scss-module__EbuXAG__ControlOverlay {
  width: 100%;
  height: 100%;
  position: relative;
}

.Pill-group-module-scss-module__EbuXAG__ControlSlotStart, .Pill-group-module-scss-module__EbuXAG__ControlSlotEnd {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.Pill-group-module-scss-module__EbuXAG__ControlSlotStart {
  left: 0;
}

.Pill-group-module-scss-module__EbuXAG__ControlSlotEnd {
  right: 0;
}

/* [project]/UIKit/web/packages/components/Pagination/Pagination.module.scss.module.css [app-client] (css) */
.Pagination-module-scss-module__L7Tcda__Root {
  --pagination-control-icon-size: 2.4rem;
  --pagination-control-padding: 1rem;
  --pagination-control-size: calc(var(--pagination-control-icon-size) + (var(--pagination-control-padding) * 2));
  --pagination-gap: .8rem;
  --pagination-field-padding-inline: .6rem;
  --pagination-value-gap: 1.2rem;
  align-items: center;
  gap: var(--pagination-gap);
  width: 100%;
  height: var(--pagination-control-size);
  -webkit-user-select: none;
  user-select: none;
  display: flex;
}

.Pagination-module-scss-module__L7Tcda__Control {
  padding: var(--pagination-control-padding) !important;
}

.Pagination-module-scss-module__L7Tcda__Control i {
  font-size: var(--pagination-control-icon-size) !important;
  line-height: var(--pagination-control-icon-size) !important;
}

.Pagination-module-scss-module__L7Tcda__Field {
  width: auto;
  height: 100%;
  border: 0;
  flex: 1 1 0;
  min-inline-size: 0;
  margin-inline: 0;
  padding: 0;
}

.Pagination-module-scss-module__L7Tcda__FieldSurface {
  padding-block: 0 !important;
  padding-inline: var(--pagination-field-padding-inline) !important;
}

.Pagination-module-scss-module__L7Tcda__ValueGrid {
  gap: var(--pagination-value-gap) !important;
}

.Pagination-module-scss-module__L7Tcda__Picker {
  width: 100%;
}

.Pagination-module-scss-module__L7Tcda__PageText {
  white-space: nowrap;
  overflow-wrap: normal;
}

@media (max-width: 409.98px) {
  .Pagination-module-scss-module__L7Tcda__Root {
    --pagination-control-icon-size: 2rem;
    --pagination-control-padding: .8rem;
    --pagination-gap: .4rem;
    --pagination-field-padding-inline: .2rem;
    --pagination-value-gap: .8rem;
  }

  .Pagination-module-scss-module__L7Tcda__ValueText {
    font-size: var(--font-subheadline-size) !important;
  }

  .Pagination-module-scss-module__L7Tcda__Spinner {
    --spinner-size: calc(1.5rem * .86) !important;
  }
}

/*# sourceMappingURL=UIKit_web_packages_components_1w32ylzj6e4do._.css.map*/