/*
 * 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
 */

.drag-and-drop .gu-mirror {
    opacity: 1;
}

.drag-and-drop-category .gu-transit {
    display: none;
}

/*
 * The preview strip's participant search.
 *
 * Written here rather than as utility classes because this is the sheet the preview window
 * actually loads, and because none of it is expressible as a utility: two of the three rules
 * reach a browser's own shadow DOM.
 */

/* Empty until somebody types. Without this the list is still a bordered box, which reads as a
   stray divider under the field -- there is nothing in it, but the border does not know that. */
.preview-participant-results:empty {
  display: none;
}

/* Chrome shows the clear control only on hover or focus, and insets it by the field's padding.
   A clear you find by going looking for it is a clear nobody finds, so it is always on. */
.preview-participant-search::-webkit-search-cancel-button {
  opacity: 1;
  cursor: pointer;
}