:root{--media-max-width:34em}#post-create{--modal-width:100%;--modal-max-width:640px}@media screen and (width<=40em){#post-create{--modal-max-width:calc(100% - var(--spacing))}}#post-create .popup__container{width:auto}#post-create .popup__content{max-width:var(--modal-max-width);width:auto}.post-create{color:var(--color-foreground)}.post-create,.post-create__field{display:flex;flex-direction:column;gap:var(--space)}.post-create__field{justify-content:flex-start}.post-create__header p{font-size:.75em;opacity:.75}.post-create__editor{width:100%;--editor-min-height:320px;--editor-padding:var(--space);--editor-background-color:var(--color-background)}.post-create__editor-container{display:flex;flex-direction:column;gap:var(--space)}.post-create__editor-container--is-posting{opacity:.75}.post-create__post-success{display:flex;flex-direction:column;gap:var(--space)}.post-create__post-preview{background-color:color-mix(in srgb,var(--color-foreground-rgb),.05);border:1px solid color-mix(in srgb,var(--color-foreground-rgb),.1);border-radius:var(--border-radius);padding:var(--space)}