import o,{css as t}from"styled-components";const l=o.div`
  min-height: 44px;
  margin: 11px 0;
  display: flex;
  align-items: center;
`,n=o.div`
  flex: 0 0 160px;
  color: var(--text-color-secondary);
  align-self: flex-start;
  min-height: 44px;
  align-items: center;
  display: flex;
`,c=o.div`
  flex: 1;
`,r=t`
  border: 1px solid
    ${e=>e.error?"var(--color-error-500)":"var(--border-color-primary)"};
  padding: var(--spacing-sm);
  font-size: var(--font-size-base);
  color: var(--text-color);
  font-family: var(--font-family-base);
  border-radius: var(--border-radius);
  width: 100%;
  display: block;
  outline: transparent;
  transition: outline 0.25s ease;
  background-color: var(--bg-color-raised);

  &:hover,
  &:focus {
    border-color: var(--color-primary-base, var(--color-blueberry-6));
  }

  &::placeholder {
    color: var(--input-content-placeholder-color);
  }
`,i=o.input`
  ${r}
`,s=o.textarea`
  ${r}
`,p=o(i)`
  font-size: 32px;
  font-weight: var(--font-weight-bold);
  background-color: var(--bg-color-raised);

  &::placeholder {
    color: var(--input-content-placeholder-color);
  }
`,d=o.div`
  min-height: 390px;
  display: flex;
  flex-direction: column;
  min-width: 664px;
  width: 100%;
`,x=o.div`
  margin-top: var(--spacing-xs);
  font-size: var(--font-size-sm);
  color: var(--text-color-secondary);
`;export{d as DialogBodyWrapper,x as DialogHelperText,i as DialogInput,s as DialogInputMultiline,l as DialogRow,c as DialogRowContent,n as DialogRowTitle,p as DialogTitleInput};
