/* @group @variables */

[class*="m-sort-info"] {
--padding: .75rem var(--x-padding-right) .75rem var(--x-padding-left);
--icon-width: 1.25rem;
--icon-height: 1.25rem;
--emphasis-font-weight: 500;
--emphasis-font-variation-settings: "wght" 500;
}

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

[class*="m-sort-info"] {
--padding: .75rem 0;
}

}

/* @end @variables */

/* @group @m-sort-info */

[class*="a-sort-list"] {
display: flex;
flex-wrap: wrap;
gap: .5625rem;
}

/* @end @m-sort-info */

/* @group @m-sort-info */

[class*="m-sort-info"] {
padding: var(--padding);
box-shadow: 0 1px 0 0 var(--color-gainsboro), 0 -1px 0 0 var(--color-gainsboro);
}

[class*="m-sort-info"] dt:after {
content: '：';
}

[class*="m-sort-info"] li:not(:first-of-type) {
position: relative;
display: grid;
align-items: center;
grid-template-columns: 1px 1fr;
gap: .5625rem;
}

[class*="m-sort-info"] li:not(:first-of-type):before {
content: '';
position: relative;
display: block;
width: 1px;
height: 1rem;
background-color: var(--color-gainsboro);
}

/* @end @m-sort-info */

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

/* @group @a-sort-current */

[class*="a-sort-current"] {
display: grid;
align-items: center;
grid-template-columns: auto 1fr;
}

/* @end @a-sort-current */