@use "../mixins/media";
@use "../mixins/toolbar";

/**
 * Styles that are shared in components used within modal
 */

div.modal {
  form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: var(--padding-2x);
  }

  .toolbar {
    padding: var(--padding-2x) 0 0;

    @include toolbar.base;
  }
}