.fy-head {
  height: var(--fy-head-height);
}

.fy-body {
  height: var(--fy-body-height);
}

.fy-overlay-container {
  pointer-events: none;
  /* background-color: aqua; */
}

.fy-card {
  position: relative;
  /* height: 700px; */
  background: white;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  pointer-events: auto;
  box-shadow: var(--el-box-shadow-dark);
  /* padding: 0 8px; */
}

.fy-main {
  /* background-color: aliceblue; */
  padding: 8px 8px 16px 8px;
  font-size: var(--el-font-size-base);
}

.fy-main-border {
  /* background-color: aliceblue; */
  padding: 0 8px;
  font-size: var(--el-font-size-base);
  border: var(--el-border);
  border-radius: 6px;
}

.fy-column-reverse {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
}

.fy-flex-row {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
}

.fy-flex-row>span{
  color: var(--el-text-color-regular);
}