/**
 * InputLabel 组件样式 - 100% 一比一复刻 MUI
 * 对应 MUI: packages/mui-material/src/InputLabel/InputLabel.js
 */

/* =============================================
   Root 基础样式
   ============================================= */
.MuiInputLabel-root {
  display: block;
  transform-origin: top left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.6);
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4375em;
  letter-spacing: 0.00938em;
  padding: 0;
}

.MuiInputLabel-text {
  display: inline;
}

/* =============================================
   动画
   ============================================= */
.MuiInputLabel-animated {
  transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,
              transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,
              max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}

/* =============================================
   变体 - Outlined
   ============================================= */
.MuiInputLabel-outlined {
  transform: translate(14px, 16px) scale(1);
}

.MuiInputLabel-outlined.MuiInputLabel-shrink {
  transform: translate(14px, -9px) scale(0.75);
  max-width: calc(133% - 32px);
}

.MuiInputLabel-outlined.MuiInputLabel-sizeSmall {
  transform: translate(14px, 9px) scale(1);
}

.MuiInputLabel-outlined.MuiInputLabel-sizeSmall.MuiInputLabel-shrink {
  transform: translate(14px, -9px) scale(0.75);
}

/* =============================================
   变体 - Filled
   ============================================= */
.MuiInputLabel-filled {
  transform: translate(12px, 16px) scale(1);
}

.MuiInputLabel-filled.MuiInputLabel-shrink {
  transform: translate(12px, 7px) scale(0.75);
}

.MuiInputLabel-filled.MuiInputLabel-sizeSmall {
  transform: translate(12px, 13px) scale(1);
}

.MuiInputLabel-filled.MuiInputLabel-sizeSmall.MuiInputLabel-shrink {
  transform: translate(12px, 6px) scale(0.75);
}

/* =============================================
   变体 - Standard
   ============================================= */
.MuiInputLabel-standard {
  transform: translate(0, 20px) scale(1);
}

.MuiInputLabel-standard.MuiInputLabel-shrink {
  transform: translate(0, -1.5px) scale(0.75);
  transform-origin: top left;
}

.MuiInputLabel-standard.MuiInputLabel-sizeSmall {
  transform: translate(0, 17px) scale(1);
}

/* =============================================
   状态
   ============================================= */
.MuiInputLabel-root.Mui-focused {
  color: #1976d2;
}

.MuiInputLabel-root.Mui-error {
  color: #d32f2f;
}

.MuiInputLabel-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
}

/* =============================================
   必填星号
   ============================================= */
.MuiInputLabel-asterisk {
  color: #d32f2f;
}

.MuiInputLabel-root.Mui-error .MuiInputLabel-asterisk {
  color: #d32f2f;
}

/* =============================================
   FormControl 内样式
   ============================================= */
.MuiInputLabel-formControl {
  position: absolute;
  left: 0;
  top: 0;
}