/* 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%);
}
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;
  }
}