/* --------------------------------------------------------*/

/* @group @variables */

[class*="m-info-descriptor"] {
--info-list-grid-columns: repeat(1, 1fr);
--info-list-padding: .75rem;
--info-list-align-content: center;
--text-block-margin-bottom: 0;
--info-list-dd-margin-bottom: .375rem;
}

@media all and (max-width: 47.9375em) {

[class*="m-info-descriptor"] {
--info-list-dt-padding: var(--info-list-padding) var(--info-list-padding) 0;
--info-list-dd-padding: calc(var(--info-list-padding) / 2) var(--info-list-padding) var(--info-list-padding);
}

}

@media all and (min-width:48em) {

[class*="m-info-descriptor"] {
--info-list-grid-columns: auto 1fr;
--info-list-gap: .375rem 0;
--info-list-dt-padding: var(--info-list-padding);
--info-list-dd-padding: var(--info-list-padding);
}

}

/* @end @variables */

/* @group @variables */

@media all and (min-width:48em) {

[class*="m-info-descriptor-10"] {
--info-list-grid-columns: 10rem 1fr;
}

}

/* @end @variables */

/* @group @variables */

[class*="m-info-descriptor-proto"] {
--info-list-grid-columns: auto 1fr;
--info-list-gap: 0;
--info-list-dd-margin-bottom: 0;
--info-list-dt-box-shadow: 0 1px 0 var(--color-darkgray), inset 0 1px 0 var(--color-darkgray);
--info-list-dd-box-shadow: 0 1px 0 var(--color-darkgray), inset 0 1px 0 var(--color-darkgray);
}

@media all and (max-width: 47.9375em) {

[class*="m-info-descriptor-proto"] {
--info-list-dt-padding: var(--info-list-padding);
--info-list-dd-padding: var(--info-list-padding);
}

}

/* @end @variables */

/* @group @m-info-descriptor */

[class*="m-info-descriptor"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(--info-list-grid-columns);
gap: var(--info-list-gap);
}

[class*="m-info-descriptor"] dt {
padding: var(--info-list-dt-padding);
background-color: var(--info-list-background-color);
box-shadow: var(--info-list-dt-box-shadow);
color: var(--info-list-label-color);
font-weight: var(--text-font-weight-bold);
word-break: keep-all;
}

[class*="m-info-descriptor"] dd {
display: grid;
align-content: var(--info-list-align-content);
grid-template-columns: repeat(1, 1fr);
gap: .75rem;
padding: var(--info-list-dd-padding);
background-color: var(--info-list-background-color);
box-shadow: var(--info-list-dd-box-shadow);
color: var(--info-list-contents-color);
}

@media all and (max-width: 47.9375em) {

[class*="m-info-descriptor"] dd:not(:last-child) {
margin-bottom: var(--info-list-dt\d-margin-bottom);
}

}

/* @end @m-info-descriptor */

/* --------------------------------------------------------*/

/* @group @variables */

[class*="m-info-descriptor"] [class*="m-note-list"] {
--content-list-gap: .375rem;
--note-list-font-size: .875rem;
--note-list-line-height: 1.714285714;
}

/* @end @variables */

/* @group @m-note-list */

[class*="m-info-descriptor"] [class*="m-note-list"] {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: var(--content-list-gap);
}

[class*="m-info-descriptor"] [class*="m-note-list"]>li  {
position: relative;
display: block;
padding-left: var(--note-list-font-size);
font-size: var(--note-list-font-size);
line-height: var(--note-list-line-height);
}

[class*="m-info-descriptor"] [class*="m-note-list"]>li:before {
display: none;
}

[class*="m-info-descriptor"] [class*="m-note-list"]>li>span:first-of-type {
position: absolute;
top: 0;
left: 0;
}

/* @end @m-note-list */