/**** styles that belong to all admonitions ****/
.md-typeset .admonition,
.md-typeset details {
  border-width: 0;
  border-radius: 3px;
  box-shadow: var(--md-shadow-z1);
}

/**** CSS for an admonition that contains details (data type, etc) of an API property ****/

.md-typeset .api-property > .admonition-title,
.md-typeset .api-property > summary {
    background-color: var(--md-primary-bg-color); 
}

/* use a different bg color in dark mode, since shadows will not be visible at night */
[data-md-color-scheme="slate"] .md-typeset .api-property > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .api-property > summary {
    background-color: hsl(from var(--md-primary-bg-color) h s calc(l + 8%));/* a slightly lighter color than the bg */
}

/* no icon for this type of admonition */
.md-typeset .api-property > summary:before {
    display: none;
}

/*no icon, so less padding needed*/
.md-typeset details.api-property > summary {
    padding-left: 1em;
}

/* styles for this type of admonition to blend into bg better without disappearing */
.md-typeset details.api-property {
    border-width: 0px;
    box-shadow: var(--md-shadow-z3)!important;
    margin: 0.4em 0
}

/*normal admonitions do not blend in to bg color, so they don't need a box shadow when closed, this does */
.md-typeset details:not([open]).api-property {
    box-shadow: var(--md-shadow-z1)!important;
}

/*only open/expanded api properties are bold */
.md-typeset details:not([open]).api-property > summary {
    font-weight: normal;
}

/* users use `string` in markup to denote this, which renders as <code>string</code> */
.md-typeset .api-property > summary code {
    padding: 0 5px;
}

/* users use *Warning* in markup to denote this, which renders as <em>Warning</em> */
.md-typeset .api-property > summary em {
    background-color: #ff910036;
    color: #ff9100;
}

/* users use **Deprecated** in markup to denote this, which renders as <strong>Deprecated</strong> */
.md-typeset .api-property > summary strong {
    background-color: #ff002236;
    color: #ff0022;
}

.md-typeset .api-property > summary strong,
.md-typeset .api-property > summary em {
    font-size: smaller;
    padding: 0px 10px;
    margin: 0 10px;
    border-radius: 15px;
}

.md-typeset .api-property > summary strong,
.md-typeset .api-property > summary em, 
.md-typeset .api-property > summary code {
    font-style: normal;
    font-weight: normal;
    float: right;
}