.auto-save-container[data-v-61e1fccb] {
  min-height: 42px;
}
.auto-save-content[data-v-61e1fccb] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fade-enter-active[data-v-61e1fccb],
.fade-leave-active[data-v-61e1fccb] {
  transition: opacity 300ms ease-in-out;
}
.fade-enter-from[data-v-61e1fccb],
.fade-leave-to[data-v-61e1fccb] {
  opacity: 0;
}
.auto-save-button .button-content[data-v-61e1fccb] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.auto-save-button .icon-container[data-v-61e1fccb] {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auto-save-button .countdown-circle[data-v-61e1fccb] {
  position: absolute;
  flex-shrink: 0;
}
.auto-save-button .countdown-circle .countdown-circle-progress[data-v-61e1fccb] {
  transition: stroke-dashoffset var(--21eb7682) linear;
}
.auto-save-button .save-spinner[data-v-61e1fccb] {
  position: absolute;
  width: 16px;
  height: 16px;
}
.auto-save-button .button-text[data-v-61e1fccb] {
  white-space: nowrap;
}
.auto-save-button.saving[data-v-61e1fccb] {
  pointer-events: none;
}
.cancel-button[data-v-61e1fccb] {
  --padding-start: 8px;
  --padding-end: 8px;
  min-height: 32px;
}