/* 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, .inline-icon) {
  display:block;
}

/* General table style */
table {
  border-collapse: separate;
  border-spacing: 0;
}
table th {
  background: var(--devsite-gm3-sys-color--surface-container-highest);
}
table td {
  border-top: 1px solid var(--devsite-gm3-sys-color--surface-container-highest);
}
table > :first-child > tr:first-child > :first-child {
  border-radius: 10px 0 0 0;
}
table > :first-child > tr:first-child > :last-child {
  border-radius: 0 10px 0 0;
}
table > :last-child > tr:last-child > :first-child {
  border-radius: 0 0 0 10px;
}
table > :last-child > tr:last-child > :last-child {
  border-radius: 0 0 10px 0;
}

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

/* Comparison tables */
table.compare td,
table.compare th {
  border: 1px solid var(--devsite-gm3-sys-color--surface-container-highest);
}
table.compare tr td:not(:first-child),
table.compare tr th:not(:first-child) {
  border-left: 0;
}
table.compare tr:not(:first-child) td,
table.compare tr:not(:first-child) th {
  border-top: 0;
}
table.compare th+th,
table.compare td+td {
  text-align: center;
}

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