/* Generated from frontend/src. Do not edit this asset directly. */
:root {
  --sf-v2-radius-control: 6px;
  --sf-v2-radius-card: 8px;
  --sf-v2-control-size: 30px;
  --sf-v2-color-surface: #131b20;
  --sf-v2-color-surface-raised: #1a272e;
  --sf-v2-color-border: #2c3b43;
  --sf-v2-color-text: #eef4f6;
  --sf-v2-color-muted: #7f9099;
  --sf-v2-color-accent: #9fc9ca;
  --sf-v2-color-danger: #e7bec7;
  --sf-v2-shadow-control: 0 3px 8px rgb(0 0 0 / 24%);
}
#turingIcpFooter {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483647;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.88);
  border-top: 1px solid rgba(104, 132, 150, 0.14);
  backdrop-filter: blur(12px);
  font: 12px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #64748b;
  pointer-events: none;
}

#turingIcpFooter a {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #52657a;
  text-decoration: none;
  pointer-events: auto;
  cursor: pointer;
}

#turingIcpFooter a:hover {
  color: #0f8e91;
  text-decoration: underline;
}
main.workspace.sfProjectHomePage .sfProjectCardV2 {
  position: relative;
}

main.workspace.sfProjectHomePage .sfProjectCardActionsV2 {
  position: absolute;
  inset-block-start: 13px;
  inset-inline-end: 13px;
  z-index: 9;
  display: flex;
  gap: 5px;
  opacity: 0;
  pointer-events: none;
}

main.workspace.sfProjectHomePage .sfProjectCardV2:hover .sfProjectCardActionsV2,
main.workspace.sfProjectHomePage .sfProjectCardV2:focus-within .sfProjectCardActionsV2 {
  opacity: 1;
  pointer-events: auto;
}

main.workspace.sfProjectHomePage .sfProjectActionButtonV2 {
  appearance: none;
  inline-size: 30px;
  min-inline-size: 30px;
  block-size: 30px;
  min-block-size: 30px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: rgb(43 57 65 / 96%);
  color: #d7e1e6;
  box-shadow: 0 3px 8px rgb(0 0 0 / 24%);
  line-height: 1;
  transform: none;
}

main.workspace.sfProjectHomePage .sfProjectActionButtonV2 > svg,
main.workspace.sfProjectHomePage .sfProjectFavoriteButtonV2 > svg,
main.workspace.sfProjectHomePage .sfProjectCreateIconV2 > svg {
  display: block;
  inline-size: 16px;
  block-size: 16px;
  pointer-events: none;
}

main.workspace.sfProjectHomePage .sfProjectActionButtonV2:hover,
main.workspace.sfProjectHomePage .sfProjectActionButtonV2:focus-visible {
  background: #3b4c55;
  color: #fff;
  transform: none;
}

main.workspace.sfProjectHomePage .sfProjectActionDangerV2 {
  background: rgb(83 51 60 / 96%);
  color: #e7bec7;
}

main.workspace.sfProjectHomePage .sfProjectActionDangerV2:hover,
main.workspace.sfProjectHomePage .sfProjectActionDangerV2:focus-visible {
  background: #6a3f4b;
}

main.workspace.sfProjectHomePage.sfProjectFolderBatchMode .sfProjectCardActionsV2 {
  display: none;
}

main.workspace.sfProjectHomePage .sfProjectFavoriteButtonV2 {
  appearance: none;
  inline-size: 22px;
  min-inline-size: 22px;
  block-size: 22px;
  min-block-size: 22px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #71828c;
  box-shadow: none;
  transform: none;
}

main.workspace.sfProjectHomePage .sfProjectFavoriteButtonV2:hover,
main.workspace.sfProjectHomePage .sfProjectFavoriteButtonV2:focus-visible,
main.workspace.sfProjectHomePage .sfProjectFavoriteButtonV2.is-active {
  background: transparent;
  color: #f0c95a;
  transform: none;
}

main.workspace.sfProjectHomePage .sfProjectCreateCardV2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-style: dashed;
  border-color: #3b4b54;
  background: #10171c;
  text-align: center;
  cursor: pointer;
  user-select: none;
}

main.workspace.sfProjectHomePage .sfProjectCreateInnerV2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  inline-size: 100%;
  block-size: 100%;
  padding: 18px;
  box-sizing: border-box;
}

main.workspace.sfProjectHomePage .sfProjectCreateIconV2 {
  inline-size: 58px;
  block-size: 58px;
  display: grid;
  place-items: center;
  border: 1px solid #40535c;
  border-radius: 8px;
  background: #1a272e;
  color: #9fc9ca;
}

main.workspace.sfProjectHomePage .sfProjectCreateIconV2 > svg {
  inline-size: 30px;
  block-size: 30px;
}

main.workspace.sfProjectHomePage .sfProjectCreateTitleV2 {
  color: #eef4f6;
  font-size: 15px;
  line-height: 22px;
  font-weight: 800;
}

main.workspace.sfProjectHomePage .sfProjectCreateDescriptionV2 {
  color: #7f9099;
  font-size: 11px;
  line-height: 17px;
}

@media (max-width: 980px) {
  main.workspace.sfProjectHomePage .sfProjectCardActionsV2 {
    opacity: 0.92;
    pointer-events: auto;
  }
}
.sfVideoRecordList {
  display: grid;
  gap: 10px;
  align-content: start;
  overflow: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
}

.sfVideoRecordCard {
  display: grid;
  grid-template-columns: minmax(200px, 42%) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  border: 1px solid #2d3b42;
  border-radius: 8px;
  background: #131b20;
  color: #e8eff2;
}

.sfVideoRecordCard.fail {
  border-color: #6d4148;
}

.sfVideoRecordCard.applied {
  border-color: #3f817d;
}

.sfVideoRecordMedia {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 6px;
  background: #090f13;
}

.sfVideoRecordMedia video,
.sfVideoRecordMedia img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sfVideoRecordEmpty {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 16px;
  color: #94a4ac;
  font-size: 12px;
  line-height: 1.55;
  text-align: center;
}

.sfVideoRecordEmpty.fail {
  color: #e3a9b0;
}

.sfVideoRecordInfo {
  min-width: 0;
}

.sfVideoRecordInfo b,
.sfVideoRecordInfo small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sfVideoRecordInfo b {
  font-size: 14px;
  line-height: 22px;
}

.sfVideoRecordInfo small {
  margin-top: 2px;
  color: #91a2aa;
  font-size: 11px;
  line-height: 18px;
}

.sfVideoRecordMeta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
  color: #7e9098;
  font-size: 10px;
}

.sfVideoRecordMeta span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sfVideoRecordProgress {
  height: 4px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 2px;
  background: #263239;
}

.sfVideoRecordProgress i {
  display: block;
  height: 100%;
  background: #50aaa5;
}

.sfVideoRecordCard.fail .sfVideoRecordProgress i {
  background: #bd6872;
}

.sfVideoRecordActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  max-width: 180px;
}

.sfVideoRecordActions button {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #3a4a52;
  border-radius: 6px;
  background: #1b272d;
  color: #dbe5e9;
  font-size: 11px;
}

.sfVideoRecordActions button.primary {
  border-color: #3f817d;
  background: #1e4847;
}

.sfVideoRecordActions button.danger {
  border-color: #68434a;
  color: #e0a8af;
}

.sfVideoRecordActions button:disabled {
  opacity: 0.7;
}

@media (max-width: 760px) {
  .sfVideoRecordCard {
    grid-template-columns: 1fr;
  }

  .sfVideoRecordActions {
    justify-content: flex-start;
    max-width: none;
  }
}