/* @group @variables */

[class*="m-fraction"] {
--fraction-gap: 1.5rem;
}

[class*="m-fraction-primo"],
[class*="m-fraction-secondo"],
[class*="m-fraction-terzo"],
[class*="m-fraction-premier"],
[class*="m-fraction-deutero"],
[class*="m-fraction-quarto"] {
--padding-right: var(--x-padding-right);
--padding-left: var(--x-padding-left);
}

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

[class*="m-fraction"] {
--padding-right: var(--padding);
--padding-left: var(--padding);
}

[class*="m-fraction-primary"],
[class*="m-fraction-primo"] {
--padding: calc((100% - (var(--fraction-gap) * 11)) / 12 * 1);
}

[class*="m-fraction-secondary"],
[class*="m-fraction-secondo"] {
--padding: calc((100% - (var(--fraction-gap) * 11)) / 12 * 2);
}

[class*="m-fraction-tertiary"],
[class*="m-fraction-terzo"] {
--padding: calc((100% - (var(--fraction-gap) * 11)) / 12 * 3);
}

[class*="m-fraction-quaternary"],
[class*="m-fraction-quarto"] {
--padding: calc((100% - (var(--fraction-gap) * 11)) / 12 * 4);
}

[class*="m-fraction-proto"],
[class*="m-fraction-premier"] {
--padding: calc((100% - (var(--fraction-gap) * 11)) / 12 * 1);
}

[class*="m-fraction-deutero"],
[class*="m-fraction-deutero"] {
--padding: calc((100% - (var(--fraction-gap) * 11)) / 12 * 2);
}

}

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

[class*="m-fraction-proto"],
[class*="m-fraction-premier"] {
--padding: calc((100% - (var(--fraction-gap) * 11)) / 12 * 2);
}

[class*="m-fraction-deutero"],
[class*="m-fraction-deuxieme"] {
--padding: calc((100% - (var(--fraction-gap) * 11)) / 12 * 3);
}


[class*="m-fraction-primero"] {
--padding: calc((100% - (var(--fraction-gap) * 11)) / 12 * 1);
}

[class*="m-fraction-segundo"] {
--padding: calc((100% - (var(--fraction-gap) * 11)) / 12 * 2);
}

[class*="m-fraction-tercero"] {
--padding: calc((100% - (var(--fraction-gap) * 11)) / 12 * 3);
}

}

/* @end @variables */

/* @group @m-fraction */

[class*="m-fraction"] {
padding-right: var(--padding-right);
padding-left: var(--padding-left);
}

/* @end @m-fraction */