/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

@import url("/assets/a_la_minute/minutes-bb915cde.css");

.app__header {
  background-color: var(--op-color-primary-minus-two);
  color: var(--op-color-neutral-on-minus-two);
  padding: var(--op-space-small);
}

.app__content {
  max-inline-size: var(--op-breakpoint-x-large);
}

lexxy-editor {
  margin: 0;
  min-height: 5em;
  outline: none;
}

.meeting_members {
  column-count: 3;
  display: block;

  .form-label {
    display: none;
  }

  .checkbox {
    display: block;
  }
}

.ai-settings-popover {
  position-area: bottom;
  right: anchor(right);

  margin-top: var(--op-space-2x-small);

  min-width: 400px;

  border: var(--op-border-width) var(--op-color-border);
  border-radius: var(--op-radius-medium);

  background-color: var(--op-color-background);
  color: var(--op-color-on-background);

  box-shadow: var(--op-shadow-small);

  padding: var(--op-space-small);
}