/* Node preview operations. */
.node-preview-container {
  background-color: rgba(0, 0, 0, 0.5);
}
.node-preview-container a {
  text-decoration: underline;
}
.node-preview-container .form-item {
  display: block;
  padding-block: 0.5rem;
}
.node-preview-container .form-item label {
  display: inline-block;
}
/* Local tasks (tabs). */
.block--plugin-id--local-tasks-block ul {
  margin: 0 0 1rem 0;
  padding: 0;
  text-align: end;
  list-style-type: none;
}
.block--plugin-id--local-tasks-block ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.block--plugin-id--local-tasks-block a {
  display: inline-block;
  border-block-end: none;
  background-color: #eee;
  padding: 0.5rem 1em;
  font-weight: normal;
  text-decoration: none;
  color: #000;
}
.block--plugin-id--local-tasks-block a:hover {
  background-color: #ddd;
  text-decoration: none;
  color: #000;
}
.block--plugin-id--local-tasks-block a.is-active {
  background-color: #999;
  color: #fff;
}
/* Messages (partially cribbed from Claro). */
.messages-list {
  margin-block: 2rem;
}
.field .messages-list,
.form-wrapper .messages-list {
  margin-block-end: 0;
}
.messages {
  box-sizing: border-box;
  margin-block: 1rem;
  border: 1px solid rgb(0, 0, 0);
  padding: 1.5rem 1.5rem 1.5rem 3rem;
}
.messages--error {
  border-color: rgb(255, 0, 0);
  background: rgba(255, 0, 0, 0.2) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 14 14'%3e%3cpath d='M3 11.193L11.45 3' stroke='%23e34f4f' stroke-width='2'/%3e%3ccircle cx='7' cy='7' r='6' fill='none' stroke='%23e34f4f' stroke-width='2'/%3e%3c/svg%3e") no-repeat 1rem center;
}
.messages--status {
  border-color: rgb(0, 255, 0);
  background: rgba(0, 255, 0, 0.2) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 13'%3e%3cpath d='M2 6.571L5.6 10 14 2' fill='none' stroke='%2342a877' stroke-width='3'/%3e%3c/svg%3e") no-repeat 1rem center;
}
.messages--warning {
  border-color: rgb(255, 255, 0);
  background-color: rgba(255, 255, 0, 0.2);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 4 14' fill='%23e0ac00'%3e%3cpath d='M.5 0h3v9h-3z'/%3e%3ccircle cx='2' cy='12.5' r='1.5'/%3e%3c/svg%3e") no-repeat 1rem center;
}
.messages pre {
  margin: 0;
}
.messages--list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.messages--item + .messages--item {
  margin-block-start: 0.75rem;
}
.form-item label.form-required::after,
fieldset > legend > .form-required::after {
  content: '*';
  display: inline-block;
  margin-inline: 0.125rem;
  color: #c00;
  font-size: 0.875rem;
}
/* The full screen throbber is only sort of centred out-of-the-box. See
   /web/core/misc/components/ajax-progress.module.css. */
.ajax-progress-fullscreen {
  inset-block-start: calc(50% - ((24px + 4px) / 2));
  inset-inline-start: calc(50% - ((24px + 4px) / 2));
}