/* text-transform --------------------------------------------------------*/

/* @group @a-text-transform-primary */

.a-text-transform-primary {
text-transform: uppercase;
}

/* @end @a-text-transform-primary */

/* text-position --------------------------------------------------------*/

/* @group @a-text-position */

.a-text-position-primary {text-align: left;}
.a-text-position-secondary {text-align: center;}
.a-text-position-tertiary {text-align: right;}
.a-text-position-proto {text-align: var(--text-align-proto);}
.a-text-position-deutero {text-align: var(--text-align-deutero);}
.a-text-position-trito {text-align: var(--text-align-trito);}
.a-text-position-primero {text-align: var(--text-align-primero);}
.a-text-position-segundo {text-align: var(--text-align-segundo);}
.a-text-position-tercero {text-align: var(--text-align-tercero);}

.a-text-position-premier {text-align: center;word-break: keep-all;}

/* @end @a-text-position */ 

/* highlight theme --------------------------------------------------------*/

/* @group @variables */

:root {
--highlight-primary-text-color: var(--color-brand);
--highlight-primary-border-width: .1875rem;
--highlight-primary-border-color: var(--color-brand-border-primary);
--highlight-secondary-text-color: var(--color-secondary);
--highlight-secondary-border-width: .1875rem;
--highlight-secondary-border-color: var(--color-secondary-border);
}

.a-structural-theme-senary,
.a-structural-theme-sesto,
.a-structural-theme-proto,
.a-structural-theme-deutero {
--highlight-primary-text-color: var(--color-white);
--highlight-primary-border-color: var(var(--color-dimgray));
--highlight-secondary-text-color: var(--color-white);
--highlight-secondary-border-color: var(var(--color-dimgray));
}

/* @end @variables */

/* @group @a-highlight */

.a-highlight-primary,
.a-highlight-proto,
.a-highlight-primero {
box-shadow: 0 var(--highlight-primary-border-width) 0 var(--highlight-primary-border-color);
color: var(--highlight-primary-text-color);
}

.a-highlight-secondary,
.a-highlight-deutero,
.a-highlight-segundo {
box-shadow: 0 .1875rem 0 var(--highlight-secondary-border-color);
color: var(--highlight-secondary-text-color);
}

.a-highlight-proto,
.a-highlight-deutero {
font-size: 1.5rem;
font-weight: 500;
}

.a-highlight-primero,
.a-highlight-segundo {
font-weight: 500;
}

/* @end @a-highlight */

/* highlight theme --------------------------------------------------------*/

/* @group @a-realce */

.a-realce-primero,
.a-realce-premier {
background-image: linear-gradient(transparent 60%, var(--color-brand-border-primary) 0%);
color: var(--color-brand);
}

.a-realce-segundo,
.a-realce-deuxieme {
background-image: linear-gradient(transparent 60%, var(--highlight-secondary-border-color) 0%);
color: var(--color-secondary);
}

.a-realce-tercero,
.a-realce-toryism {
background-image: linear-gradient(transparent 60%, var(--color-realce) 0%);
color: var(--color-white);
}

.a-realce-primero,
.a-realce-segundo,
.a-realce-tercero {
font-weight: 500;
}

/* @end @a-realce */

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

/* @group @variables */

.m-text-icon-list {
--text-icon-list-spacing: .375rem;
}

/* @end @variables */

/* @group @m-text-icon-list */

.m-text-icon-list {
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--text-icon-list-spacing));
margin-left: calc(-1 * var(--text-icon-list-spacing));
}

.m-text-icon-list>li {
margin-top: var(--text-icon-list-spacing);
margin-left: var(--text-icon-list-spacing);
}

/* @end @m-text-icon-list */

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

/* @group variables */

.a-text-icon-primary {
--font-size-text-icon: .625;/* .625 */
--text-icon-font-size: calc(var(--font-size-base) * var(--font-size-text-icon));
--text-icon-height : 1.125rem;
--text-icon-backgound-color: var(--color-brand);
--text-icon-color: var(--color-white);
}

/* @end @variables */

/* @group @a-text-icon */

[class*="a-text-icon"] {
box-sizing: border-box;
display: inline-grid;
place-items: var(--place-items-center-primary);
height: var(--text-icon-height);
padding: 0 .375rem;
background-color: var(--text-icon-backgound-color);
border: var(--text-icon-border-width) solid var(--text-icon-border-color);
font-size: var(--text-icon-font-size);
color: var(--text-icon-color);
vertical-align: top;
}

/* @end @a-text-icon */

/* line-clamp --------------------------------------------------------*/

/* @group @variables */

:root {
--line-clamp-base: var(--rhythm-baseline);
}

.a-line-clamp-1 {
--line-clamp-line: 1;
}

.a-line-clamp-2 {
--line-clamp-line: 2;
}

.a-line-clamp-3 {
--line-clamp-line: 3;
}

.a-line-clamp-4 {
--line-clamp-line: 4;
}

/* @end @variables */

/* @group @a-line-clamp */

[class*="a-line-clamp"] {
position: relative;
overflow: hidden;
display: -webkit-box;
max-height: calc(var(--line-clamp-base) * var(--line-clamp-line));
-webkit-line-clamp: var(--line-clamp-line);
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}

/* @end @a-line-clamp */

/* word-break --------------------------------------------------------*/

/* @group @a-word-break */

.a-word-break-primary {word-break: keep-all;}

@media all and (min-width:48em) {
.a-word-break-proto {word-break: keep-all;}
}

@media all and (max-width:47.9375em) {
.a-word-break-primero {word-break: keep-all;}
}

wbr:before {
content: "\A";
white-space: pre;
}

/* @end @a-word-break */

/* @group @a-line-break-primary */

.a-line-break-primary {
display: inline-block;
}

/* @end @a-line-break-primary */

/* ruby --------------------------------------------------------*/

/* @group @ruby */

ruby {
display: inline-flex;
flex-direction: column-reverse;
}

rt {
font-size: .625rem;
line-height: 1.2;
text-align: center;
text-align-last: justify;
text-justify:inter-ideograph;
}

/* @end @ruby */