/* @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"] {
--padding: calc((100% - (var(--fraction-gap) * 11)) / 12 * 3);
}

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

}

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

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

}

/* @end @variables */

/* @group @m-fraction */

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

/* @end @m-fraction */

/* note-list -------------------------------------------------------- */


/* @group @variables */

[class*="o-fraccion"] {
--content-gap: 3rem;
--fraccion-gap: 1.5rem;
--layout-y-spacing-top: 3.75rem;
--layout-x-padding-right: var(--x-padding-right);
--layout-y-spacing-bottom: 2.25rem;
--layout-x-padding-left: var(--x-padding-left);
}

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

[class*="o-fraccion"] {
--layout-x-padding-right: var(--padding);
--layout-x-padding-left: var(--padding);
}

[class*="o-fraccion"] {
--padding: calc((100% - var(--x-padding-right) - var(--x-padding-left) - (var(--fraccion-gap) * 11)) / 24 * 10);

}

}

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

[class*="o-fraccion-primary"] {
--padding: calc((100% - var(--x-padding-right) - var(--x-padding-left) - (var(--fraccion-gap) * 11)) / 24 * 12);
}

}

/* @end @variables */

/* @group @o-fraccion */

[class*="o-fraccion"] {
padding-top: var(--layout-y-spacing-top);
padding-right: var(--layout-x-padding-right);
padding-bottom: var(--layout-y-spacing-bottom);
padding-left: var(--layout-x-padding-left);
}

/* @end @o-fraccion */
