/* [project]/components/community/builds/team-editor/team-editor.css [app-client] (css) */
.hn-team-editor {
  flex-direction: column;
  gap: clamp(.85rem, 1.4vw, 1.25rem);
  width: 100%;
  min-width: 0;
  display: flex;
}

.hn-team-editor__rail-mobile {
  display: block;
}

.hn-team-editor__main {
  grid-template-columns: 1fr;
  align-items: start;
  gap: clamp(1rem, 2vw, 1.5rem);
  min-width: 0;
  display: grid;
}

@media (min-width: 768px) {
  .hn-team-editor__main {
    grid-template-columns: auto 1fr;
  }

  .hn-team-editor__rail-mobile {
    display: none;
  }
}

@media (min-width: 1100px) {
  .hn-team-editor__main {
    grid-template-columns: auto minmax(0, 1fr) clamp(18rem, 24vw, 22rem);
  }

  .hn-team-editor[data-mode="simple"] .hn-team-editor__main {
    grid-template-columns: auto minmax(0, 1fr);
  }
}

.hn-team-editor__rail-desktop {
  display: none;
}

@media (min-width: 768px) {
  .hn-team-editor__rail-desktop {
    align-self: start;
    display: block;
    position: sticky;
    top: 0;
  }
}

.hn-team-editor__column {
  flex-direction: column;
  gap: clamp(.85rem, 1.4vw, 1.25rem);
  min-width: 0;
  display: flex;
}

.hn-team-editor__preview {
  display: none;
}

@media (min-width: 1100px) {
  .hn-team-editor__preview {
    align-self: start;
    display: block;
    position: sticky;
    top: 0;
  }
}

.hn-team-editor__chrome-action {
  appearance: none;
  border: 1px solid color-mix(in srgb, var(--accent, #6cf) 40%, var(--line-bright));
  color: var(--text-primary, #e8eef8);
  min-height: var(--hit-min, 44px);
  letter-spacing: .02em;
  cursor: pointer;
  background: none;
  border-radius: 999px;
  padding: 0 clamp(.7rem, 1.2vw, 1.1rem);
  font-size: clamp(.78rem, 1.1vw, .9rem);
  font-weight: 700;
  transition: background .12s, border-color .12s;
}

.hn-team-editor__chrome-action:hover {
  background: color-mix(in srgb, var(--accent, #6cf) 12%, transparent);
}

.hn-team-editor__chrome-action:focus-visible {
  outline: 2px solid var(--accent, #6cf);
  outline-offset: 2px;
}

.hn-team-editor__drafts-row {
  justify-content: flex-end;
  display: flex;
}

@media (max-width: 640px) {
  .hn-team-editor__drafts-row {
    justify-content: stretch;
  }

  .hn-team-editor__drafts-row .hn-team-editor__chrome-action {
    flex: auto;
  }
}

.hn-team-editor__errors {
  background: color-mix(in srgb, #fb7185 10%, var(--surface-2, #162132));
  border: 1px solid #fb7185;
  border-radius: clamp(10px, 1.4vw, 14px);
  margin: 0;
  padding: clamp(.75rem, 1.2vw, 1rem) clamp(.85rem, 1.4vw, 1.1rem);
}

.hn-team-editor__errors-title {
  color: #fda4af;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .4rem;
  margin: 0 0 .4rem;
  font-size: clamp(.88rem, 1.1vw, .98rem);
  font-weight: 800;
  display: flex;
}

.hn-team-editor__errors-mode {
  color: var(--text-dim, #7a8aaa);
  text-transform: lowercase;
  font-size: .82em;
  font-weight: 600;
}

.hn-team-editor__errors-list {
  flex-direction: column;
  gap: .2rem;
  margin: 0;
  padding-left: 1.1rem;
  display: flex;
}

.hn-team-editor__errors-list li {
  color: var(--text-secondary, #a9b6cf);
}

.hn-team-editor__errors-link {
  appearance: none;
  text-align: left;
  color: #fda4af;
  font: inherit;
  cursor: pointer;
  text-underline-offset: 3px;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-decoration: underline;
}

.hn-team-editor__errors-link:hover {
  color: #fecaca;
}

.hn-team-editor__errors-link:focus-visible {
  outline-offset: 2px;
  border-radius: 4px;
  outline: 2px solid #fb7185;
}

.hn-team-editor__errors-text {
  color: var(--text-primary, #e8eef8);
}

.hn-team-editor__status {
  border: 1px solid var(--line-bright, #3b567a);
  background: color-mix(in srgb, var(--accent, #6cf) 4%, var(--surface-2, #162132));
  color: var(--text-secondary, #a9b6cf);
  border-radius: 999px;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem 1rem;
  padding: clamp(.55rem, .9vw, .75rem) clamp(.85rem, 1.2vw, 1rem);
  font-size: clamp(.78rem, 1vw, .86rem);
  display: flex;
}

.hn-team-editor__status-fill strong {
  color: var(--accent, #6cf);
  font-weight: 800;
}

.hn-team-editor__status-bar {
  background: color-mix(in srgb, var(--text-primary, #e8eef8) 8%, transparent);
  border-radius: 999px;
  flex: 6rem;
  min-width: 4rem;
  max-width: 14rem;
  height: 6px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.hn-team-editor__status-bar-fill {
  background: var(--accent, #6cf);
  height: 100%;
  transition: width .24s;
  display: block;
}

.hn-team-editor__status-saved {
  color: var(--text-dim, #7a8aaa);
  font-variant-numeric: tabular-nums;
  margin-left: auto;
}

.hn-team-editor__status-saved--unsaved {
  color: #fda4af;
}

@media (prefers-reduced-motion: reduce) {
  .hn-team-editor__status-bar-fill {
    transition: none;
  }
}

.hn-team-editor__foot {
  grid-template-columns: 1fr;
  align-items: center;
  gap: .6rem 1rem;
  width: 100%;
  padding: clamp(.5rem, 1vw, .85rem) clamp(.5rem, 1.2vw, 1rem);
  display: grid;
}

@media (min-width: 768px) {
  .hn-team-editor__foot {
    grid-template-columns: 1fr auto auto;
  }
}

.hn-team-editor__foot-status {
  color: var(--text-secondary, #a9b6cf);
  flex-wrap: wrap;
  align-items: baseline;
  gap: .3rem .6rem;
  font-size: clamp(.78rem, 1vw, .86rem);
  display: flex;
}

.hn-team-editor__foot-status strong {
  color: var(--text-primary, #e8eef8);
}

.hn-team-editor__foot-step {
  color: var(--text-secondary, #a9b6cf);
  align-items: center;
  gap: .6rem;
  font-size: clamp(.78rem, 1vw, .86rem);
  display: flex;
}

.hn-team-editor__foot-step strong {
  color: var(--text-primary, #e8eef8);
}

.hn-team-editor__foot-step-bar {
  gap: .25rem;
  display: inline-flex;
}

.hn-team-editor__foot-step-seg {
  appearance: none;
  background: color-mix(in srgb, var(--text-dim, #7a8aaa) 20%, transparent);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  width: 1.5rem;
  height: .35rem;
  padding: 0;
}

.hn-team-editor__foot-step-seg[aria-current="step"] {
  background: var(--accent, #6cf);
}

.hn-team-editor__foot-step-seg:focus-visible {
  outline: 2px solid var(--accent, #6cf);
  outline-offset: 2px;
}

.hn-team-editor__foot-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .4rem;
  display: flex;
}

.hn-team-editor__foot-btn {
  appearance: none;
  border: 1px solid var(--line-bright, #3b567a);
  color: var(--text-primary, #e8eef8);
  min-height: var(--hit-min, 44px);
  cursor: pointer;
  background: none;
  border-radius: 999px;
  padding: 0 clamp(.85rem, 1.2vw, 1.1rem);
  font-size: clamp(.82rem, 1vw, .92rem);
  font-weight: 700;
  transition: background .12s, border-color .12s, color .12s;
}

.hn-team-editor__foot-btn:hover {
  border-color: color-mix(in srgb, var(--accent, #6cf) 60%, var(--line-bright));
}

.hn-team-editor__foot-btn:focus-visible {
  outline: 2px solid var(--accent, #6cf);
  outline-offset: 2px;
}

.hn-team-editor__foot-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.hn-team-editor__foot-btn--primary {
  background: var(--accent, #6cf);
  color: var(--accent-ink, #0d1829);
  border-color: var(--accent, #6cf);
}

.hn-team-editor__foot-btn--primary:hover {
  background: color-mix(in srgb, var(--accent, #6cf) 85%, #000);
}

select.hn-team-editor__foot-btn {
  background-color: color-mix(in srgb, var(--surface-2, #162132) 92%, transparent);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  text-overflow: ellipsis;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23a9b6cf' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><polyline points='2.5,4.5 6,8 9.5,4.5'/></svg>");
  background-position: right .85rem center;
  background-repeat: no-repeat;
  background-size: .75rem .75rem;
  padding-inline-end: clamp(2rem, 1.4vw + 1.6rem, 2.4rem);
}

select.hn-team-editor__foot-btn:hover {
  background-color: color-mix(in srgb, var(--accent, #6cf) 10%, var(--surface-2, #162132));
}

select.hn-team-editor__foot-btn option {
  background: var(--surface-2, #162132);
  color: var(--text-primary, #e8eef8);
}

/*# sourceMappingURL=0vrw_7llm5iog.css.map*/