/* GENERATED by tools/arcana/build_grid.py -- edit the generator, never this file */
/* Unsemantic grid grammar, float-free, scoped to [data-arcana]. Tablet build:
   mobile <= 47.9375em, tablet 48em-64em, bare classes >= 64.0625em. */
:where([data-arcana]) .grid-container { box-sizing: border-box; max-width: var(--arc-grid-max, 75rem); margin-inline: auto; padding-inline: var(--arc-gutter, 10px); display: flex; flex-wrap: wrap; align-items: flex-start; }
:where([data-arcana]) .grid-parent { display: flex; flex-wrap: wrap; align-items: flex-start; }
:where([data-arcana]) :is(.grid-container, .grid-parent) > * { box-sizing: border-box; flex: 0 0 100%; min-width: 0; position: relative; }
:where([data-arcana]) .grid-container[data-align="stretch"] { align-items: stretch; }
:where([data-arcana]) .grid-container[data-align="center"] { align-items: center; }
:where([data-arcana]) :is(.grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-33, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-66, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-33, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-66, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100) { padding-inline: var(--arc-gutter, 10px); }
:where([data-arcana]) .grid-parent { padding-inline: 0; }
:where([data-arcana]) .clearfix::after { content: ""; display: block; clear: both; }
:where([data-arcana]) .clear { flex-basis: 100%; width: 100%; height: 0; margin: 0; padding: 0; clear: both; }
@media screen and (max-width: 47.9375em) {
  :where([data-arcana]) .mobile-grid-5 { flex-basis: 5%; }
  :where([data-arcana]) .mobile-grid-10 { flex-basis: 10%; }
  :where([data-arcana]) .mobile-grid-15 { flex-basis: 15%; }
  :where([data-arcana]) .mobile-grid-20 { flex-basis: 20%; }
  :where([data-arcana]) .mobile-grid-25 { flex-basis: 25%; }
  :where([data-arcana]) .mobile-grid-30 { flex-basis: 30%; }
  :where([data-arcana]) .mobile-grid-33 { flex-basis: 33.33333%; }
  :where([data-arcana]) .mobile-grid-35 { flex-basis: 35%; }
  :where([data-arcana]) .mobile-grid-40 { flex-basis: 40%; }
  :where([data-arcana]) .mobile-grid-45 { flex-basis: 45%; }
  :where([data-arcana]) .mobile-grid-50 { flex-basis: 50%; }
  :where([data-arcana]) .mobile-grid-55 { flex-basis: 55%; }
  :where([data-arcana]) .mobile-grid-60 { flex-basis: 60%; }
  :where([data-arcana]) .mobile-grid-65 { flex-basis: 65%; }
  :where([data-arcana]) .mobile-grid-66 { flex-basis: 66.66667%; }
  :where([data-arcana]) .mobile-grid-70 { flex-basis: 70%; }
  :where([data-arcana]) .mobile-grid-75 { flex-basis: 75%; }
  :where([data-arcana]) .mobile-grid-80 { flex-basis: 80%; }
  :where([data-arcana]) .mobile-grid-85 { flex-basis: 85%; }
  :where([data-arcana]) .mobile-grid-90 { flex-basis: 90%; }
  :where([data-arcana]) .mobile-grid-95 { flex-basis: 95%; }
  :where([data-arcana]) .mobile-grid-100 { flex-basis: 100%; }
  :where([data-arcana]) .mobile-prefix-5 { margin-inline-start: 5%; }
  :where([data-arcana]) .mobile-suffix-5 { margin-inline-end: 5%; }
  :where([data-arcana]) .mobile-push-5 { inset-inline-start: 5%; }
  :where([data-arcana]) .mobile-pull-5 { inset-inline-start: -5%; }
  :where([data-arcana]) .mobile-prefix-10 { margin-inline-start: 10%; }
  :where([data-arcana]) .mobile-suffix-10 { margin-inline-end: 10%; }
  :where([data-arcana]) .mobile-push-10 { inset-inline-start: 10%; }
  :where([data-arcana]) .mobile-pull-10 { inset-inline-start: -10%; }
  :where([data-arcana]) .mobile-prefix-15 { margin-inline-start: 15%; }
  :where([data-arcana]) .mobile-suffix-15 { margin-inline-end: 15%; }
  :where([data-arcana]) .mobile-push-15 { inset-inline-start: 15%; }
  :where([data-arcana]) .mobile-pull-15 { inset-inline-start: -15%; }
  :where([data-arcana]) .mobile-prefix-20 { margin-inline-start: 20%; }
  :where([data-arcana]) .mobile-suffix-20 { margin-inline-end: 20%; }
  :where([data-arcana]) .mobile-push-20 { inset-inline-start: 20%; }
  :where([data-arcana]) .mobile-pull-20 { inset-inline-start: -20%; }
  :where([data-arcana]) .mobile-prefix-25 { margin-inline-start: 25%; }
  :where([data-arcana]) .mobile-suffix-25 { margin-inline-end: 25%; }
  :where([data-arcana]) .mobile-push-25 { inset-inline-start: 25%; }
  :where([data-arcana]) .mobile-pull-25 { inset-inline-start: -25%; }
  :where([data-arcana]) .mobile-prefix-30 { margin-inline-start: 30%; }
  :where([data-arcana]) .mobile-suffix-30 { margin-inline-end: 30%; }
  :where([data-arcana]) .mobile-push-30 { inset-inline-start: 30%; }
  :where([data-arcana]) .mobile-pull-30 { inset-inline-start: -30%; }
  :where([data-arcana]) .mobile-prefix-33 { margin-inline-start: 33.33333%; }
  :where([data-arcana]) .mobile-suffix-33 { margin-inline-end: 33.33333%; }
  :where([data-arcana]) .mobile-push-33 { inset-inline-start: 33.33333%; }
  :where([data-arcana]) .mobile-pull-33 { inset-inline-start: -33.33333%; }
  :where([data-arcana]) .mobile-prefix-35 { margin-inline-start: 35%; }
  :where([data-arcana]) .mobile-suffix-35 { margin-inline-end: 35%; }
  :where([data-arcana]) .mobile-push-35 { inset-inline-start: 35%; }
  :where([data-arcana]) .mobile-pull-35 { inset-inline-start: -35%; }
  :where([data-arcana]) .mobile-prefix-40 { margin-inline-start: 40%; }
  :where([data-arcana]) .mobile-suffix-40 { margin-inline-end: 40%; }
  :where([data-arcana]) .mobile-push-40 { inset-inline-start: 40%; }
  :where([data-arcana]) .mobile-pull-40 { inset-inline-start: -40%; }
  :where([data-arcana]) .mobile-prefix-45 { margin-inline-start: 45%; }
  :where([data-arcana]) .mobile-suffix-45 { margin-inline-end: 45%; }
  :where([data-arcana]) .mobile-push-45 { inset-inline-start: 45%; }
  :where([data-arcana]) .mobile-pull-45 { inset-inline-start: -45%; }
  :where([data-arcana]) .mobile-prefix-50 { margin-inline-start: 50%; }
  :where([data-arcana]) .mobile-suffix-50 { margin-inline-end: 50%; }
  :where([data-arcana]) .mobile-push-50 { inset-inline-start: 50%; }
  :where([data-arcana]) .mobile-pull-50 { inset-inline-start: -50%; }
  :where([data-arcana]) .mobile-prefix-55 { margin-inline-start: 55%; }
  :where([data-arcana]) .mobile-suffix-55 { margin-inline-end: 55%; }
  :where([data-arcana]) .mobile-push-55 { inset-inline-start: 55%; }
  :where([data-arcana]) .mobile-pull-55 { inset-inline-start: -55%; }
  :where([data-arcana]) .mobile-prefix-60 { margin-inline-start: 60%; }
  :where([data-arcana]) .mobile-suffix-60 { margin-inline-end: 60%; }
  :where([data-arcana]) .mobile-push-60 { inset-inline-start: 60%; }
  :where([data-arcana]) .mobile-pull-60 { inset-inline-start: -60%; }
  :where([data-arcana]) .mobile-prefix-65 { margin-inline-start: 65%; }
  :where([data-arcana]) .mobile-suffix-65 { margin-inline-end: 65%; }
  :where([data-arcana]) .mobile-push-65 { inset-inline-start: 65%; }
  :where([data-arcana]) .mobile-pull-65 { inset-inline-start: -65%; }
  :where([data-arcana]) .mobile-prefix-66 { margin-inline-start: 66.66667%; }
  :where([data-arcana]) .mobile-suffix-66 { margin-inline-end: 66.66667%; }
  :where([data-arcana]) .mobile-push-66 { inset-inline-start: 66.66667%; }
  :where([data-arcana]) .mobile-pull-66 { inset-inline-start: -66.66667%; }
  :where([data-arcana]) .mobile-prefix-70 { margin-inline-start: 70%; }
  :where([data-arcana]) .mobile-suffix-70 { margin-inline-end: 70%; }
  :where([data-arcana]) .mobile-push-70 { inset-inline-start: 70%; }
  :where([data-arcana]) .mobile-pull-70 { inset-inline-start: -70%; }
  :where([data-arcana]) .mobile-prefix-75 { margin-inline-start: 75%; }
  :where([data-arcana]) .mobile-suffix-75 { margin-inline-end: 75%; }
  :where([data-arcana]) .mobile-push-75 { inset-inline-start: 75%; }
  :where([data-arcana]) .mobile-pull-75 { inset-inline-start: -75%; }
  :where([data-arcana]) .mobile-prefix-80 { margin-inline-start: 80%; }
  :where([data-arcana]) .mobile-suffix-80 { margin-inline-end: 80%; }
  :where([data-arcana]) .mobile-push-80 { inset-inline-start: 80%; }
  :where([data-arcana]) .mobile-pull-80 { inset-inline-start: -80%; }
  :where([data-arcana]) .mobile-prefix-85 { margin-inline-start: 85%; }
  :where([data-arcana]) .mobile-suffix-85 { margin-inline-end: 85%; }
  :where([data-arcana]) .mobile-push-85 { inset-inline-start: 85%; }
  :where([data-arcana]) .mobile-pull-85 { inset-inline-start: -85%; }
  :where([data-arcana]) .mobile-prefix-90 { margin-inline-start: 90%; }
  :where([data-arcana]) .mobile-suffix-90 { margin-inline-end: 90%; }
  :where([data-arcana]) .mobile-push-90 { inset-inline-start: 90%; }
  :where([data-arcana]) .mobile-pull-90 { inset-inline-start: -90%; }
  :where([data-arcana]) .mobile-prefix-95 { margin-inline-start: 95%; }
  :where([data-arcana]) .mobile-suffix-95 { margin-inline-end: 95%; }
  :where([data-arcana]) .mobile-push-95 { inset-inline-start: 95%; }
  :where([data-arcana]) .mobile-pull-95 { inset-inline-start: -95%; }
}
@media screen and (min-width: 48em) and (max-width: 64em) {
  :where([data-arcana]) .tablet-grid-5 { flex-basis: 5%; }
  :where([data-arcana]) .tablet-grid-10 { flex-basis: 10%; }
  :where([data-arcana]) .tablet-grid-15 { flex-basis: 15%; }
  :where([data-arcana]) .tablet-grid-20 { flex-basis: 20%; }
  :where([data-arcana]) .tablet-grid-25 { flex-basis: 25%; }
  :where([data-arcana]) .tablet-grid-30 { flex-basis: 30%; }
  :where([data-arcana]) .tablet-grid-33 { flex-basis: 33.33333%; }
  :where([data-arcana]) .tablet-grid-35 { flex-basis: 35%; }
  :where([data-arcana]) .tablet-grid-40 { flex-basis: 40%; }
  :where([data-arcana]) .tablet-grid-45 { flex-basis: 45%; }
  :where([data-arcana]) .tablet-grid-50 { flex-basis: 50%; }
  :where([data-arcana]) .tablet-grid-55 { flex-basis: 55%; }
  :where([data-arcana]) .tablet-grid-60 { flex-basis: 60%; }
  :where([data-arcana]) .tablet-grid-65 { flex-basis: 65%; }
  :where([data-arcana]) .tablet-grid-66 { flex-basis: 66.66667%; }
  :where([data-arcana]) .tablet-grid-70 { flex-basis: 70%; }
  :where([data-arcana]) .tablet-grid-75 { flex-basis: 75%; }
  :where([data-arcana]) .tablet-grid-80 { flex-basis: 80%; }
  :where([data-arcana]) .tablet-grid-85 { flex-basis: 85%; }
  :where([data-arcana]) .tablet-grid-90 { flex-basis: 90%; }
  :where([data-arcana]) .tablet-grid-95 { flex-basis: 95%; }
  :where([data-arcana]) .tablet-grid-100 { flex-basis: 100%; }
  :where([data-arcana]) .tablet-prefix-5 { margin-inline-start: 5%; }
  :where([data-arcana]) .tablet-suffix-5 { margin-inline-end: 5%; }
  :where([data-arcana]) .tablet-push-5 { inset-inline-start: 5%; }
  :where([data-arcana]) .tablet-pull-5 { inset-inline-start: -5%; }
  :where([data-arcana]) .tablet-prefix-10 { margin-inline-start: 10%; }
  :where([data-arcana]) .tablet-suffix-10 { margin-inline-end: 10%; }
  :where([data-arcana]) .tablet-push-10 { inset-inline-start: 10%; }
  :where([data-arcana]) .tablet-pull-10 { inset-inline-start: -10%; }
  :where([data-arcana]) .tablet-prefix-15 { margin-inline-start: 15%; }
  :where([data-arcana]) .tablet-suffix-15 { margin-inline-end: 15%; }
  :where([data-arcana]) .tablet-push-15 { inset-inline-start: 15%; }
  :where([data-arcana]) .tablet-pull-15 { inset-inline-start: -15%; }
  :where([data-arcana]) .tablet-prefix-20 { margin-inline-start: 20%; }
  :where([data-arcana]) .tablet-suffix-20 { margin-inline-end: 20%; }
  :where([data-arcana]) .tablet-push-20 { inset-inline-start: 20%; }
  :where([data-arcana]) .tablet-pull-20 { inset-inline-start: -20%; }
  :where([data-arcana]) .tablet-prefix-25 { margin-inline-start: 25%; }
  :where([data-arcana]) .tablet-suffix-25 { margin-inline-end: 25%; }
  :where([data-arcana]) .tablet-push-25 { inset-inline-start: 25%; }
  :where([data-arcana]) .tablet-pull-25 { inset-inline-start: -25%; }
  :where([data-arcana]) .tablet-prefix-30 { margin-inline-start: 30%; }
  :where([data-arcana]) .tablet-suffix-30 { margin-inline-end: 30%; }
  :where([data-arcana]) .tablet-push-30 { inset-inline-start: 30%; }
  :where([data-arcana]) .tablet-pull-30 { inset-inline-start: -30%; }
  :where([data-arcana]) .tablet-prefix-33 { margin-inline-start: 33.33333%; }
  :where([data-arcana]) .tablet-suffix-33 { margin-inline-end: 33.33333%; }
  :where([data-arcana]) .tablet-push-33 { inset-inline-start: 33.33333%; }
  :where([data-arcana]) .tablet-pull-33 { inset-inline-start: -33.33333%; }
  :where([data-arcana]) .tablet-prefix-35 { margin-inline-start: 35%; }
  :where([data-arcana]) .tablet-suffix-35 { margin-inline-end: 35%; }
  :where([data-arcana]) .tablet-push-35 { inset-inline-start: 35%; }
  :where([data-arcana]) .tablet-pull-35 { inset-inline-start: -35%; }
  :where([data-arcana]) .tablet-prefix-40 { margin-inline-start: 40%; }
  :where([data-arcana]) .tablet-suffix-40 { margin-inline-end: 40%; }
  :where([data-arcana]) .tablet-push-40 { inset-inline-start: 40%; }
  :where([data-arcana]) .tablet-pull-40 { inset-inline-start: -40%; }
  :where([data-arcana]) .tablet-prefix-45 { margin-inline-start: 45%; }
  :where([data-arcana]) .tablet-suffix-45 { margin-inline-end: 45%; }
  :where([data-arcana]) .tablet-push-45 { inset-inline-start: 45%; }
  :where([data-arcana]) .tablet-pull-45 { inset-inline-start: -45%; }
  :where([data-arcana]) .tablet-prefix-50 { margin-inline-start: 50%; }
  :where([data-arcana]) .tablet-suffix-50 { margin-inline-end: 50%; }
  :where([data-arcana]) .tablet-push-50 { inset-inline-start: 50%; }
  :where([data-arcana]) .tablet-pull-50 { inset-inline-start: -50%; }
  :where([data-arcana]) .tablet-prefix-55 { margin-inline-start: 55%; }
  :where([data-arcana]) .tablet-suffix-55 { margin-inline-end: 55%; }
  :where([data-arcana]) .tablet-push-55 { inset-inline-start: 55%; }
  :where([data-arcana]) .tablet-pull-55 { inset-inline-start: -55%; }
  :where([data-arcana]) .tablet-prefix-60 { margin-inline-start: 60%; }
  :where([data-arcana]) .tablet-suffix-60 { margin-inline-end: 60%; }
  :where([data-arcana]) .tablet-push-60 { inset-inline-start: 60%; }
  :where([data-arcana]) .tablet-pull-60 { inset-inline-start: -60%; }
  :where([data-arcana]) .tablet-prefix-65 { margin-inline-start: 65%; }
  :where([data-arcana]) .tablet-suffix-65 { margin-inline-end: 65%; }
  :where([data-arcana]) .tablet-push-65 { inset-inline-start: 65%; }
  :where([data-arcana]) .tablet-pull-65 { inset-inline-start: -65%; }
  :where([data-arcana]) .tablet-prefix-66 { margin-inline-start: 66.66667%; }
  :where([data-arcana]) .tablet-suffix-66 { margin-inline-end: 66.66667%; }
  :where([data-arcana]) .tablet-push-66 { inset-inline-start: 66.66667%; }
  :where([data-arcana]) .tablet-pull-66 { inset-inline-start: -66.66667%; }
  :where([data-arcana]) .tablet-prefix-70 { margin-inline-start: 70%; }
  :where([data-arcana]) .tablet-suffix-70 { margin-inline-end: 70%; }
  :where([data-arcana]) .tablet-push-70 { inset-inline-start: 70%; }
  :where([data-arcana]) .tablet-pull-70 { inset-inline-start: -70%; }
  :where([data-arcana]) .tablet-prefix-75 { margin-inline-start: 75%; }
  :where([data-arcana]) .tablet-suffix-75 { margin-inline-end: 75%; }
  :where([data-arcana]) .tablet-push-75 { inset-inline-start: 75%; }
  :where([data-arcana]) .tablet-pull-75 { inset-inline-start: -75%; }
  :where([data-arcana]) .tablet-prefix-80 { margin-inline-start: 80%; }
  :where([data-arcana]) .tablet-suffix-80 { margin-inline-end: 80%; }
  :where([data-arcana]) .tablet-push-80 { inset-inline-start: 80%; }
  :where([data-arcana]) .tablet-pull-80 { inset-inline-start: -80%; }
  :where([data-arcana]) .tablet-prefix-85 { margin-inline-start: 85%; }
  :where([data-arcana]) .tablet-suffix-85 { margin-inline-end: 85%; }
  :where([data-arcana]) .tablet-push-85 { inset-inline-start: 85%; }
  :where([data-arcana]) .tablet-pull-85 { inset-inline-start: -85%; }
  :where([data-arcana]) .tablet-prefix-90 { margin-inline-start: 90%; }
  :where([data-arcana]) .tablet-suffix-90 { margin-inline-end: 90%; }
  :where([data-arcana]) .tablet-push-90 { inset-inline-start: 90%; }
  :where([data-arcana]) .tablet-pull-90 { inset-inline-start: -90%; }
  :where([data-arcana]) .tablet-prefix-95 { margin-inline-start: 95%; }
  :where([data-arcana]) .tablet-suffix-95 { margin-inline-end: 95%; }
  :where([data-arcana]) .tablet-push-95 { inset-inline-start: 95%; }
  :where([data-arcana]) .tablet-pull-95 { inset-inline-start: -95%; }
}
@media screen and (min-width: 64.0625em) {
  :where([data-arcana]) .grid-5 { flex-basis: 5%; }
  :where([data-arcana]) .grid-10 { flex-basis: 10%; }
  :where([data-arcana]) .grid-15 { flex-basis: 15%; }
  :where([data-arcana]) .grid-20 { flex-basis: 20%; }
  :where([data-arcana]) .grid-25 { flex-basis: 25%; }
  :where([data-arcana]) .grid-30 { flex-basis: 30%; }
  :where([data-arcana]) .grid-33 { flex-basis: 33.33333%; }
  :where([data-arcana]) .grid-35 { flex-basis: 35%; }
  :where([data-arcana]) .grid-40 { flex-basis: 40%; }
  :where([data-arcana]) .grid-45 { flex-basis: 45%; }
  :where([data-arcana]) .grid-50 { flex-basis: 50%; }
  :where([data-arcana]) .grid-55 { flex-basis: 55%; }
  :where([data-arcana]) .grid-60 { flex-basis: 60%; }
  :where([data-arcana]) .grid-65 { flex-basis: 65%; }
  :where([data-arcana]) .grid-66 { flex-basis: 66.66667%; }
  :where([data-arcana]) .grid-70 { flex-basis: 70%; }
  :where([data-arcana]) .grid-75 { flex-basis: 75%; }
  :where([data-arcana]) .grid-80 { flex-basis: 80%; }
  :where([data-arcana]) .grid-85 { flex-basis: 85%; }
  :where([data-arcana]) .grid-90 { flex-basis: 90%; }
  :where([data-arcana]) .grid-95 { flex-basis: 95%; }
  :where([data-arcana]) .grid-100 { flex-basis: 100%; }
  :where([data-arcana]) .prefix-5 { margin-inline-start: 5%; }
  :where([data-arcana]) .suffix-5 { margin-inline-end: 5%; }
  :where([data-arcana]) .push-5 { inset-inline-start: 5%; }
  :where([data-arcana]) .pull-5 { inset-inline-start: -5%; }
  :where([data-arcana]) .prefix-10 { margin-inline-start: 10%; }
  :where([data-arcana]) .suffix-10 { margin-inline-end: 10%; }
  :where([data-arcana]) .push-10 { inset-inline-start: 10%; }
  :where([data-arcana]) .pull-10 { inset-inline-start: -10%; }
  :where([data-arcana]) .prefix-15 { margin-inline-start: 15%; }
  :where([data-arcana]) .suffix-15 { margin-inline-end: 15%; }
  :where([data-arcana]) .push-15 { inset-inline-start: 15%; }
  :where([data-arcana]) .pull-15 { inset-inline-start: -15%; }
  :where([data-arcana]) .prefix-20 { margin-inline-start: 20%; }
  :where([data-arcana]) .suffix-20 { margin-inline-end: 20%; }
  :where([data-arcana]) .push-20 { inset-inline-start: 20%; }
  :where([data-arcana]) .pull-20 { inset-inline-start: -20%; }
  :where([data-arcana]) .prefix-25 { margin-inline-start: 25%; }
  :where([data-arcana]) .suffix-25 { margin-inline-end: 25%; }
  :where([data-arcana]) .push-25 { inset-inline-start: 25%; }
  :where([data-arcana]) .pull-25 { inset-inline-start: -25%; }
  :where([data-arcana]) .prefix-30 { margin-inline-start: 30%; }
  :where([data-arcana]) .suffix-30 { margin-inline-end: 30%; }
  :where([data-arcana]) .push-30 { inset-inline-start: 30%; }
  :where([data-arcana]) .pull-30 { inset-inline-start: -30%; }
  :where([data-arcana]) .prefix-33 { margin-inline-start: 33.33333%; }
  :where([data-arcana]) .suffix-33 { margin-inline-end: 33.33333%; }
  :where([data-arcana]) .push-33 { inset-inline-start: 33.33333%; }
  :where([data-arcana]) .pull-33 { inset-inline-start: -33.33333%; }
  :where([data-arcana]) .prefix-35 { margin-inline-start: 35%; }
  :where([data-arcana]) .suffix-35 { margin-inline-end: 35%; }
  :where([data-arcana]) .push-35 { inset-inline-start: 35%; }
  :where([data-arcana]) .pull-35 { inset-inline-start: -35%; }
  :where([data-arcana]) .prefix-40 { margin-inline-start: 40%; }
  :where([data-arcana]) .suffix-40 { margin-inline-end: 40%; }
  :where([data-arcana]) .push-40 { inset-inline-start: 40%; }
  :where([data-arcana]) .pull-40 { inset-inline-start: -40%; }
  :where([data-arcana]) .prefix-45 { margin-inline-start: 45%; }
  :where([data-arcana]) .suffix-45 { margin-inline-end: 45%; }
  :where([data-arcana]) .push-45 { inset-inline-start: 45%; }
  :where([data-arcana]) .pull-45 { inset-inline-start: -45%; }
  :where([data-arcana]) .prefix-50 { margin-inline-start: 50%; }
  :where([data-arcana]) .suffix-50 { margin-inline-end: 50%; }
  :where([data-arcana]) .push-50 { inset-inline-start: 50%; }
  :where([data-arcana]) .pull-50 { inset-inline-start: -50%; }
  :where([data-arcana]) .prefix-55 { margin-inline-start: 55%; }
  :where([data-arcana]) .suffix-55 { margin-inline-end: 55%; }
  :where([data-arcana]) .push-55 { inset-inline-start: 55%; }
  :where([data-arcana]) .pull-55 { inset-inline-start: -55%; }
  :where([data-arcana]) .prefix-60 { margin-inline-start: 60%; }
  :where([data-arcana]) .suffix-60 { margin-inline-end: 60%; }
  :where([data-arcana]) .push-60 { inset-inline-start: 60%; }
  :where([data-arcana]) .pull-60 { inset-inline-start: -60%; }
  :where([data-arcana]) .prefix-65 { margin-inline-start: 65%; }
  :where([data-arcana]) .suffix-65 { margin-inline-end: 65%; }
  :where([data-arcana]) .push-65 { inset-inline-start: 65%; }
  :where([data-arcana]) .pull-65 { inset-inline-start: -65%; }
  :where([data-arcana]) .prefix-66 { margin-inline-start: 66.66667%; }
  :where([data-arcana]) .suffix-66 { margin-inline-end: 66.66667%; }
  :where([data-arcana]) .push-66 { inset-inline-start: 66.66667%; }
  :where([data-arcana]) .pull-66 { inset-inline-start: -66.66667%; }
  :where([data-arcana]) .prefix-70 { margin-inline-start: 70%; }
  :where([data-arcana]) .suffix-70 { margin-inline-end: 70%; }
  :where([data-arcana]) .push-70 { inset-inline-start: 70%; }
  :where([data-arcana]) .pull-70 { inset-inline-start: -70%; }
  :where([data-arcana]) .prefix-75 { margin-inline-start: 75%; }
  :where([data-arcana]) .suffix-75 { margin-inline-end: 75%; }
  :where([data-arcana]) .push-75 { inset-inline-start: 75%; }
  :where([data-arcana]) .pull-75 { inset-inline-start: -75%; }
  :where([data-arcana]) .prefix-80 { margin-inline-start: 80%; }
  :where([data-arcana]) .suffix-80 { margin-inline-end: 80%; }
  :where([data-arcana]) .push-80 { inset-inline-start: 80%; }
  :where([data-arcana]) .pull-80 { inset-inline-start: -80%; }
  :where([data-arcana]) .prefix-85 { margin-inline-start: 85%; }
  :where([data-arcana]) .suffix-85 { margin-inline-end: 85%; }
  :where([data-arcana]) .push-85 { inset-inline-start: 85%; }
  :where([data-arcana]) .pull-85 { inset-inline-start: -85%; }
  :where([data-arcana]) .prefix-90 { margin-inline-start: 90%; }
  :where([data-arcana]) .suffix-90 { margin-inline-end: 90%; }
  :where([data-arcana]) .push-90 { inset-inline-start: 90%; }
  :where([data-arcana]) .pull-90 { inset-inline-start: -90%; }
  :where([data-arcana]) .prefix-95 { margin-inline-start: 95%; }
  :where([data-arcana]) .suffix-95 { margin-inline-end: 95%; }
  :where([data-arcana]) .push-95 { inset-inline-start: 95%; }
  :where([data-arcana]) .pull-95 { inset-inline-start: -95%; }
}
@media screen and (max-width: 47.9375em) { :where([data-arcana]) .hide-on-mobile { display: none !important; } }
@media screen and (min-width: 48em) and (max-width: 64em) { :where([data-arcana]) .hide-on-tablet { display: none !important; } }
@media screen and (min-width: 64.0625em) { :where([data-arcana]) .hide-on-desktop { display: none !important; } }
@media print {
  :where([data-arcana]) .grid-container { max-width: none; }
  :where([data-arcana]) :is(.grid-container, .grid-parent) > * { break-inside: avoid; }
  :where([data-arcana]) .hide-on-print { display: none !important; }
}