/* This file is required for site administration. Do not delete. */

/* Change expandable zippy style */
devsite-expandable {
  background-color: var(--devsite-gm3-sys-color--surface-container-low);
  border-width: 0 1px 1px 0;
  border-color: var(--devsite-gm3-sys-color--surface-container-high);
  border-style: solid;
  border-radius: 10px;
  margin-bottom: 8px;
  padding: 8px;
}
devsite-expandable .exw-control>h3.showalways,
devsite-expandable .exw-control>h4.showalways {
  margin: 7px 0;
  font-weight: normal;
  font-size: 16px;
  font-family: var(--devsite-headline-font-family);
}
devsite-expandable > div {
  margin: 14px 10px 0 10px;
}
devsite-expandable p,
devsite-expandable li {
  margin-left: 8px;
}
devsite-expandable:hover {
  background-color: var(--devsite-gm3-sys-color--surface-container);
}

/* Image classes from Composer */
img.float-left {
  float: left;
  margin-right: 20px;
}
img.float-right {
  float: right;
  margin-left: 20px;
}
img.instructions-icon {
  margin: 0 2px -3px 2px;
}
.devsite-article-body img:not(.instructions-icon, .inline-image) {
  display:block;
}

/* Layout tables */
table.extra-padding td,
table.extra-padding th {
  padding: 20px;
}

/* Article subtext */
div.subtext {
  color: var(--devsite-gm3-sys-color--outline);
  font-size: 1.25em;
  font-style: italic;
  margin: 0 0 50px 0;
}

/* Callout box styles */
aside + aside {
  margin-top: 15px !important;
}
aside a.button {
  border: 0;
  box-shadow: none;
  background-color: none;
  color: var(--devsite-note-notice-color);
}
aside a.button:hover {
  border: 0;
  box-shadow: none;
  color: var(--devsite-note-notice-color);
  margin: var(--devsite-button-margin, 0);
  padding: var(--devsite-button-padding, 0 16px);
}
aside a.button+a.button:hover {
  margin-inline-start: var(--devsite-button-sibling-gap-x, 16px);
}

/* Text color styles */
span.blue-text {
  color: #1a73e8;
}
span.grey-text {
  color: #5f6368;
}
span.green-text {
  color: #1e8e3e;
}
span.red-text {
  color: #d93025;
}
span.yellow-text {
  color: #e38200;
}