Prop Class

@layer lism.base {
  .-bd,
  [class*='-bd:'] {
    --bds: solid;
    --bdw: 1px;
    --bdc: currentColor;
    --bd: var(--bdw) var(--bds) var(--bdc);
  }
}
.-bd {
  border-color: var(--bdc);
  border-style: var(--bds);
  border-width: var(--bdw);
}
.-bd\:n {
  border: none;
}
.-bd\:inherit {
  border: inherit;
}
.-bd\:l {
  border-left: var(--bd);
}
.-bd\:r {
  border-right: var(--bd);
}
.-bd\:t {
  border-top: var(--bd);
}
.-bd\:b {
  border-bottom: var(--bd);
}
.-bd\:x {
  border-inline: var(--bd);
}
.-bd\:y {
  border-block: var(--bd);
}
.-bd\:is {
  border-inline-start: var(--bd);
}
.-bd\:ie {
  border-inline-end: var(--bd);
}
.-bd\:bs {
  border-block-start: var(--bd);
}
.-bd\:be {
  border-block-end: var(--bd);
}
@layer lism.base {
  .-trs {
    --trsdu: var(--trsdu-base);
    --trsp: all;
    --trstf: ease;
  }
}
.-trs {
  transition: var(--trsdu) var(--trstf);
  transition-property: var(--trsp);
}
.-w {
  width: var(--w);
}
.-w\:fit {
  width: -moz-fit-content;
  width: fit-content;
}
.-w\:100\% {
  width: 100%;
}
.-h {
  height: var(--h);
}
.-h\:fit {
  height: -moz-fit-content;
  height: fit-content;
}
.-h\:100\% {
  height: 100%;
}
.-h\:100lvh {
  height: 100lvh;
}
.-h\:100svh {
  height: 100svh;
}
.-maxW {
  max-width: var(--maxW);
}
.-maxW\:100\% {
  max-width: 100%;
}
.-minW {
  min-width: var(--minW);
}
.-minW\:100\% {
  min-width: 100%;
}
.-maxH {
  max-height: var(--maxH);
}
.-maxH\:100\% {
  max-height: 100%;
}
.-minH {
  min-height: var(--minH);
}
.-minH\:100\% {
  min-height: 100%;
}
.-minH\:100lvh {
  min-height: 100lvh;
}
.-minH\:100svh {
  min-height: 100svh;
}
.-c,
[class*='-c:'] {
  color: var(--c);
}
.-c\:main {
  --c: var(--c-main);
}
.-c\:accent {
  --c: var(--c-accent);
}
.-c\:base {
  --c: var(--c-base);
}
.-c\:text {
  --c: var(--c-text);
}
.-c\:text-2 {
  --c: var(--c-text-2);
}
.-c\:inherit {
  color: inherit;
}
.-c\:mix {
  --_c1: currentColor;
  --_c2: transparent;
  --c: color-mix(in srgb, var(--_c1) var(--_mixpct-c, 50%), var(--_c2));
}
.-bgc,
[class*='-bgc:'] {
  background-color: var(--bgc);
}
.-bgc\:main {
  --bgc: var(--c-main);
}
.-bgc\:accent {
  --bgc: var(--c-accent);
}
.-bgc\:base {
  --bgc: var(--c-base);
}
.-bgc\:base-2 {
  --bgc: var(--c-base-2);
}
.-bgc\:text {
  --bgc: var(--c-text);
}
.-bgc\:inherit {
  background-color: inherit;
}
.-bgc\:mix {
  --_bgc1: currentColor;
  --_bgc2: transparent;
  --bgc: color-mix(in srgb, var(--_bgc1) var(--_mixpct-bgc, 50%), var(--_bgc2));
}
.-bdc\:main {
  --bdc: var(--c-main);
}
.-bdc\:accent {
  --bdc: var(--c-accent);
}
.-bdc\:divider {
  --bdc: var(--c-divider);
}
.-bdc\:inherit {
  --bdc: inherit;
}
.-bdc\:t {
  --bdc: transparent;
}
.-bdc\:mix {
  --_bdc1: currentColor;
  --_bdc2: transparent;
  --bdc: color-mix(in srgb, var(--_bdc1) var(--_mixpct-bdc, 50%), var(--_bdc2));
}
.-bg {
  background: var(--bg);
}
.-bg\:n {
  background: none;
}
.-bgi {
  background-image: var(--bgi);
}
.-bgr\:n {
  background-repeat: no-repeat;
}
.-bgp\:c {
  background-position: 50%;
}
.-bgsz\:cv {
  background-size: cover;
}
.-bgsz\:ct {
  background-size: contain;
}
.-f\:inherit {
  font: inherit;
}
.-fz,
[class*='-fz:'] {
  font-size: var(--fz);
}
.-fz\:root {
  --fz: 1rem;
}
.-fz\:2xs {
  --fz: var(--fz-2xs);
}
.-fz\:xs {
  --fz: var(--fz-xs);
}
.-fz\:s {
  --fz: var(--fz-s);
}
.-fz\:m {
  --fz: var(--fz-m);
}
.-fz\:l {
  --fz: var(--fz-l);
}
.-fz\:xl {
  --fz: var(--fz-xl);
}
.-fz\:2xl {
  --fz: var(--fz-2xl);
}
.-fz\:3xl {
  --fz: var(--fz-3xl);
}
.-fz\:4xl {
  --fz: var(--fz-4xl);
}
.-fz\:5xl {
  --fz: var(--fz-5xl);
}
.-ff\:base {
  font-family: var(--ff-base);
}
.-ff\:accent {
  font-family: var(--ff-accent);
}
.-ff\:mono {
  font-family: var(--ff-mono);
}
.-fw\:100 {
  font-weight: 100;
}
.-fw\:200 {
  font-weight: 200;
}
.-fw\:300 {
  font-weight: 300;
}
.-fw\:400 {
  font-weight: 400;
}
.-fw\:500 {
  font-weight: 500;
}
.-fw\:600 {
  font-weight: 600;
}
.-fw\:700 {
  font-weight: 700;
}
.-fw\:800 {
  font-weight: 800;
}
.-fw\:900 {
  font-weight: 900;
}
.-fw\:light {
  font-weight: var(--fw-light);
}
.-fw\:normal {
  font-weight: var(--fw-normal);
}
.-fw\:bold {
  font-weight: var(--fw-bold);
}
.-fs\:i {
  font-style: italic;
}
.-lh\:base {
  line-height: var(--lh-base);
}
.-lh\:xs {
  line-height: var(--lh-xs);
}
.-lh\:s {
  line-height: var(--lh-s);
}
.-lh\:l {
  line-height: var(--lh-l);
}
.-lh\:xl {
  line-height: var(--lh-xl);
}
.-lh\:1 {
  line-height: 1;
}
.-lts\:base {
  letter-spacing: var(--lts-base);
}
.-lts\:s {
  letter-spacing: var(--lts-s);
}
.-lts\:l {
  letter-spacing: var(--lts-l);
}
.-ta\:l {
  text-align: left;
}
.-ta\:r {
  text-align: right;
}
.-ta\:c {
  text-align: center;
}
.-td\:n {
  text-decoration: none;
}
.-td\:u {
  text-decoration: underline;
}
.-d {
  display: var(--d);
}
.-d\:n {
  display: none;
}
.-d\:b {
  display: block;
}
.-d\:f {
  display: flex;
}
.-d\:g {
  display: grid;
}
.-d\:i {
  display: inline;
}
.-d\:ib {
  display: inline-block;
}
.-d\:if {
  display: inline-flex;
}
.-d\:ig {
  display: inline-grid;
}
.-v\:h {
  visibility: hidden;
}
.-v\:v {
  visibility: visible;
}
.-ov\:h {
  overflow: hidden;
}
.-ov\:a {
  overflow: auto;
}
.-ov\:c {
  overflow: clip;
}
.-ov\:s {
  overflow: scroll;
}
.-ovx\:h {
  overflow-x: hidden;
}
.-ovx\:a {
  overflow-x: auto;
}
.-ovx\:c {
  overflow-x: clip;
}
.-ovx\:s {
  overflow-x: scroll;
}
.-ovy\:h {
  overflow-y: hidden;
}
.-ovy\:a {
  overflow-y: auto;
}
.-ovy\:c {
  overflow-y: clip;
}
.-ovy\:s {
  overflow-y: scroll;
}
.-ar {
  aspect-ratio: var(--ar);
}
.-ar\:16\/9 {
  aspect-ratio: 16/9;
}
.-ar\:3\/2 {
  aspect-ratio: 3/2;
}
.-ar\:1\/1 {
  aspect-ratio: 1/1;
}
.-ar\:ogp {
  aspect-ratio: 1.91/1;
}
.-ar\:gold {
  aspect-ratio: 16.18/10;
}
.-op\:0 {
  opacity: 0;
}
.-op\:low {
  opacity: var(--op-low);
}
.-op\:mid {
  opacity: var(--op-mid);
}
.-op\:high {
  opacity: var(--op-high);
}
.-bdrs,
[class*='-bdrs:'] {
  border-radius: var(--bdrs);
}
.-bdrs\:0 {
  --bdrs: 0;
}
.-bdrs\:5 {
  --bdrs: var(--bdrs-5);
}
.-bdrs\:10 {
  --bdrs: var(--bdrs-10);
}
.-bdrs\:20 {
  --bdrs: var(--bdrs-20);
}
.-bdrs\:30 {
  --bdrs: var(--bdrs-30);
}
.-bdrs\:40 {
  --bdrs: var(--bdrs-40);
}
.-bdrs\:50 {
  --bdrs: var(--bdrs-50);
}
.-bdrs\:99 {
  --bdrs: var(--bdrs-99);
}
.-bxsh\:0 {
  box-shadow: 0;
}
.-bxsh\:10 {
  box-shadow: var(--bxsh-10);
}
.-bxsh\:20 {
  box-shadow: var(--bxsh-20);
}
.-bxsh\:30 {
  box-shadow: var(--bxsh-30);
}
.-bxsh\:40 {
  box-shadow: var(--bxsh-40);
}
.-bxsh\:50 {
  box-shadow: var(--bxsh-50);
}
.-p,
[class*='-p:'] {
  padding: var(--p);
}
.-p\:0 {
  --p: 0;
}
.-p\:5 {
  --p: var(--s5);
}
.-p\:10 {
  --p: var(--s10);
}
.-p\:15 {
  --p: var(--s15);
}
.-p\:20 {
  --p: var(--s20);
}
.-p\:30 {
  --p: var(--s30);
}
.-p\:40 {
  --p: var(--s40);
}
.-p\:50 {
  --p: var(--s50);
}
.-p\:60 {
  --p: var(--s60);
}
.-p\:70 {
  --p: var(--s70);
}
.-p\:80 {
  --p: var(--s80);
}
.-px,
[class*='-px:'] {
  padding-inline: var(--px);
}
.-px\:0 {
  --px: 0;
}
.-px\:5 {
  --px: var(--s5);
}
.-px\:10 {
  --px: var(--s10);
}
.-px\:15 {
  --px: var(--s15);
}
.-px\:20 {
  --px: var(--s20);
}
.-px\:30 {
  --px: var(--s30);
}
.-px\:40 {
  --px: var(--s40);
}
.-px\:50 {
  --px: var(--s50);
}
.-px\:60 {
  --px: var(--s60);
}
.-px\:70 {
  --px: var(--s70);
}
.-px\:80 {
  --px: var(--s80);
}
.-py,
[class*='-py:'] {
  padding-block: var(--py);
}
.-py\:0 {
  --py: 0;
}
.-py\:5 {
  --py: var(--s5);
}
.-py\:10 {
  --py: var(--s10);
}
.-py\:15 {
  --py: var(--s15);
}
.-py\:20 {
  --py: var(--s20);
}
.-py\:30 {
  --py: var(--s30);
}
.-py\:40 {
  --py: var(--s40);
}
.-py\:50 {
  --py: var(--s50);
}
.-py\:60 {
  --py: var(--s60);
}
.-py\:70 {
  --py: var(--s70);
}
.-py\:80 {
  --py: var(--s80);
}
.-pt {
  padding-top: var(--pt);
}
.-pr {
  padding-right: var(--pr);
}
.-pb {
  padding-bottom: var(--pb);
}
.-pl {
  padding-left: var(--pl);
}
.-pis,
[class*='-pis:'] {
  padding-inline-start: var(--pis);
}
.-pis\:0 {
  --pis: 0;
}
.-pis\:5 {
  --pis: var(--s5);
}
.-pis\:10 {
  --pis: var(--s10);
}
.-pis\:15 {
  --pis: var(--s15);
}
.-pis\:20 {
  --pis: var(--s20);
}
.-pis\:30 {
  --pis: var(--s30);
}
.-pis\:40 {
  --pis: var(--s40);
}
.-pis\:50 {
  --pis: var(--s50);
}
.-pis\:60 {
  --pis: var(--s60);
}
.-pis\:70 {
  --pis: var(--s70);
}
.-pis\:80 {
  --pis: var(--s80);
}
.-pbs,
[class*='-pbs:'] {
  padding-block-start: var(--pbs);
}
.-pbs\:0 {
  --pbs: 0;
}
.-pbs\:5 {
  --pbs: var(--s5);
}
.-pbs\:10 {
  --pbs: var(--s10);
}
.-pbs\:15 {
  --pbs: var(--s15);
}
.-pbs\:20 {
  --pbs: var(--s20);
}
.-pbs\:30 {
  --pbs: var(--s30);
}
.-pbs\:40 {
  --pbs: var(--s40);
}
.-pbs\:50 {
  --pbs: var(--s50);
}
.-pbs\:60 {
  --pbs: var(--s60);
}
.-pbs\:70 {
  --pbs: var(--s70);
}
.-pbs\:80 {
  --pbs: var(--s80);
}
.-m,
[class*='-m:'] {
  margin: var(--m);
}
.-m\:a {
  --m: auto;
}
.-m\:0 {
  --m: 0;
}
.-m\:5 {
  --m: var(--s5);
}
.-m\:10 {
  --m: var(--s10);
}
.-m\:15 {
  --m: var(--s15);
}
.-m\:20 {
  --m: var(--s20);
}
.-m\:30 {
  --m: var(--s30);
}
.-m\:40 {
  --m: var(--s40);
}
.-m\:50 {
  --m: var(--s50);
}
.-m\:60 {
  --m: var(--s60);
}
.-m\:70 {
  --m: var(--s70);
}
.-m\:80 {
  --m: var(--s80);
}
.-mx {
  margin-inline: var(--mx);
}
.-mx\:a {
  margin-inline: auto;
}
.-my {
  margin-block: var(--my);
}
.-my\:a {
  margin-block: auto;
}
.-mt {
  margin-top: var(--mt);
}
.-mt\:a {
  margin-top: auto;
}
.-mr {
  margin-right: var(--mr);
}
.-mr\:a {
  margin-right: auto;
}
.-mb {
  margin-bottom: var(--mb);
}
.-mb\:a {
  margin-bottom: auto;
}
.-ml {
  margin-left: var(--ml);
}
.-ml\:a {
  margin-left: auto;
}
.-mis,
[class*='-mis:'] {
  margin-inline-start: var(--mis);
}
.-mis\:a {
  --mis: auto;
}
.-mis\:0 {
  --mis: 0;
}
.-mis\:5 {
  --mis: var(--s5);
}
.-mis\:10 {
  --mis: var(--s10);
}
.-mis\:15 {
  --mis: var(--s15);
}
.-mis\:20 {
  --mis: var(--s20);
}
.-mis\:30 {
  --mis: var(--s30);
}
.-mis\:40 {
  --mis: var(--s40);
}
.-mis\:50 {
  --mis: var(--s50);
}
.-mis\:60 {
  --mis: var(--s60);
}
.-mis\:70 {
  --mis: var(--s70);
}
.-mis\:80 {
  --mis: var(--s80);
}
.-mbs,
[class*='-mbs:'] {
  margin-block-start: var(--mbs);
}
.-mbs\:a {
  --mbs: auto;
}
.-mbs\:0 {
  --mbs: 0;
}
.-mbs\:5 {
  --mbs: var(--s5);
}
.-mbs\:10 {
  --mbs: var(--s10);
}
.-mbs\:15 {
  --mbs: var(--s15);
}
.-mbs\:20 {
  --mbs: var(--s20);
}
.-mbs\:30 {
  --mbs: var(--s30);
}
.-mbs\:40 {
  --mbs: var(--s40);
}
.-mbs\:50 {
  --mbs: var(--s50);
}
.-mbs\:60 {
  --mbs: var(--s60);
}
.-mbs\:70 {
  --mbs: var(--s70);
}
.-mbs\:80 {
  --mbs: var(--s80);
}
.-g,
[class*='-g:'] {
  gap: var(--g);
}
.-g\:0 {
  --g: 0;
}
.-g\:5 {
  --g: var(--s5);
}
.-g\:10 {
  --g: var(--s10);
}
.-g\:15 {
  --g: var(--s15);
}
.-g\:20 {
  --g: var(--s20);
}
.-g\:30 {
  --g: var(--s30);
}
.-g\:40 {
  --g: var(--s40);
}
.-g\:50 {
  --g: var(--s50);
}
.-g\:60 {
  --g: var(--s60);
}
.-g\:70 {
  --g: var(--s70);
}
.-g\:80 {
  --g: var(--s80);
}
.-g\:inherit {
  gap: inherit;
}
.-gx {
  -moz-column-gap: var(--gx);
  column-gap: var(--gx);
}
.-gy {
  row-gap: var(--gy);
}
.-pos\:r {
  position: relative;
}
.-pos\:a {
  position: absolute;
}
.-pos\:s {
  position: static;
}
.-pos\:f {
  position: fixed;
}
.-pos\:sti {
  position: sticky;
}
.-inset\:0 {
  inset: 0;
}
.-l\:0 {
  left: 0;
}
.-l\:50\% {
  left: 50%;
}
.-l\:100\% {
  left: 100%;
}
.-t\:0 {
  top: 0;
}
.-t\:50\% {
  top: 50%;
}
.-t\:100\% {
  top: 100%;
}
.-r\:0 {
  right: 0;
}
.-r\:50\% {
  right: 50%;
}
.-r\:100\% {
  right: 100%;
}
.-b\:0 {
  bottom: 0;
}
.-b\:50\% {
  bottom: 50%;
}
.-b\:100\% {
  bottom: 100%;
}
.-z\:99 {
  z-index: 99;
}
.-z\:2 {
  z-index: 2;
}
.-z\:1 {
  z-index: 1;
}
.-z\:0 {
  z-index: 0;
}
.-z\:-1 {
  z-index: -1;
}
.-ord\:1 {
  order: 1;
}
.-ord\:0 {
  order: 0;
}
.-ord\:-1 {
  order: -1;
}
.-fxw {
  flex-wrap: var(--fxw);
}
.-fxw\:w {
  flex-wrap: wrap;
}
.-fxw\:n {
  flex-wrap: nowrap;
}
.-fxd {
  flex-direction: var(--fxd);
}
.-fxd\:c {
  flex-direction: column;
}
.-fxd\:cr {
  flex-direction: column-reverse;
}
.-fxd\:r {
  flex-direction: row;
}
.-fxd\:rr {
  flex-direction: row-reverse;
}
.-fx {
  flex: var(--fx);
}
.-fx\:1 {
  flex: 1;
}
.-fxsh\:0 {
  flex-shrink: 0;
}
.-fxg\:1 {
  flex-grow: 1;
}
.-fxb {
  flex-basis: var(--fxb);
}
.-gd {
  grid: var(--gd);
}
.-gta {
  grid-template-areas: var(--gta);
}
.-gtc {
  grid-template-columns: var(--gtc);
}
.-gtc\:subgrid {
  grid-template-columns: subgrid;
}
.-gtr {
  grid-template-rows: var(--gtr);
}
.-gtr\:subgrid {
  grid-template-rows: subgrid;
}
.-gaf {
  grid-auto-flow: var(--gaf);
}
.-gaf\:r {
  grid-auto-flow: row;
}
.-gaf\:c {
  grid-auto-flow: column;
}
.-gac {
  grid-auto-columns: var(--gac);
}
.-gar {
  grid-auto-rows: var(--gar);
}
.-ga {
  grid-area: var(--ga);
}
.-ga\:1 {
  grid-area: 1/1;
}
.-gr {
  grid-row: var(--gr);
}
.-gr\:1\/-1 {
  grid-row: 1/-1;
}
.-gc {
  grid-column: var(--gc);
}
.-gc\:1\/-1 {
  grid-column: 1/-1;
}
.-ai {
  align-items: var(--ai);
}
.-ai\:c {
  align-items: center;
}
.-ai\:s {
  align-items: start;
}
.-ai\:e {
  align-items: end;
}
.-ai\:fs {
  align-items: flex-start;
}
.-ai\:fe {
  align-items: flex-end;
}
.-ai\:str {
  align-items: stretch;
}
.-ac {
  align-content: var(--ac);
}
.-ac\:c {
  align-content: center;
}
.-ac\:s {
  align-content: start;
}
.-ac\:e {
  align-content: end;
}
.-ac\:fs {
  align-content: flex-start;
}
.-ac\:fe {
  align-content: flex-end;
}
.-ac\:sb {
  align-content: space-between;
}
.-ji {
  justify-items: var(--ji);
}
.-ji\:c {
  justify-items: center;
}
.-ji\:s {
  justify-items: start;
}
.-ji\:e {
  justify-items: end;
}
.-ji\:fs {
  justify-items: flex-start;
}
.-ji\:fe {
  justify-items: flex-end;
}
.-ji\:str {
  justify-items: stretch;
}
.-jc {
  justify-content: var(--jc);
}
.-jc\:c {
  justify-content: center;
}
.-jc\:s {
  justify-content: start;
}
.-jc\:e {
  justify-content: end;
}
.-jc\:fs {
  justify-content: flex-start;
}
.-jc\:fe {
  justify-content: flex-end;
}
.-jc\:sb {
  justify-content: space-between;
}
.-aslf\:c {
  align-self: center;
}
.-aslf\:s {
  align-self: start;
}
.-aslf\:e {
  align-self: end;
}
.-aslf\:str {
  align-self: stretch;
}
.-jslf\:c {
  justify-self: center;
}
.-jslf\:s {
  justify-self: start;
}
.-jslf\:e {
  justify-self: end;
}
.-jslf\:str {
  justify-self: stretch;
}
.-trnslt\:-50x {
  translate: -50% 0;
}
.-trnslt\:-50y {
  translate: 0 -50%;
}
.-trnslt\:-50xy {
  translate: -50% -50%;
}
.-scale\:-X {
  scale: -1 1;
}
.-scale\:-Y {
  scale: 1 -1;
}
.-scale\:-XY {
  scale: -1 -1;
}
.-rotate\:45 {
  rotate: 45deg;
}
.-rotate\:-45 {
  rotate: -45deg;
}
.-rotate\:90 {
  rotate: 90deg;
}
.-rotate\:-90 {
  rotate: -90deg;
}
.-whs\:nw {
  white-space: nowrap;
}
.-ovw\:any {
  overflow-wrap: anywhere;
}
.-obf\:cn {
  -o-object-fit: contain;
  object-fit: contain;
}
.-obf\:cv {
  -o-object-fit: cover;
  object-fit: cover;
}
.-wm\:v-rl {
  writing-mode: vertical-rl;
}
.-bxz\:cb {
  box-sizing: content-box;
}
.-bxz\:bb {
  box-sizing: border-box;
}
.-iso\:i {
  isolation: isolate;
}
.-fl\:l {
  float: left;
}
.-fl\:r {
  float: right;
}
.-cl\:b {
  clear: both;
}
.-cl\:l {
  clear: left;
}
.-cl\:r {
  clear: right;
}
@container (min-width: 480px) {
  .-w_sm {
    width: var(--w_sm);
  }
  .-h_sm {
    height: var(--h_sm);
  }
  .-maxW_sm {
    max-width: var(--maxW_sm);
  }
  .-minW_sm {
    min-width: var(--minW_sm);
  }
  .-maxH_sm {
    max-height: var(--maxH_sm);
  }
  .-minH_sm {
    min-height: var(--minH_sm);
  }
  .-bdw_sm {
    --bdw: var(--bdw_sm) !important;
  }
  .-bg_sm {
    background: var(--bg_sm);
  }
  .-bgi_sm {
    background-image: var(--bgi_sm);
  }
  .-fz_sm {
    --fz: var(--fz_sm) !important;
    font-size: var(--fz_sm);
  }
  .-d_sm {
    display: var(--d_sm);
  }
  .-ar_sm {
    aspect-ratio: var(--ar_sm);
  }
  .-bdrs_sm {
    --bdrs: var(--bdrs_sm) !important;
    border-radius: var(--bdrs_sm);
  }
  .-p_sm {
    --p: var(--p_sm) !important;
    padding: var(--p_sm);
  }
  .-px_sm {
    padding-inline: var(--px_sm);
  }
  .-py_sm {
    padding-block: var(--py_sm);
  }
  .-pt_sm {
    padding-top: var(--pt_sm);
  }
  .-pr_sm {
    padding-right: var(--pr_sm);
  }
  .-pb_sm {
    padding-bottom: var(--pb_sm);
  }
  .-pl_sm {
    padding-left: var(--pl_sm);
  }
  .-pis_sm {
    padding-inline-start: var(--pis_sm);
  }
  .-pbs_sm {
    padding-block-start: var(--pbs_sm);
  }
  .-m_sm {
    --m: var(--m_sm) !important;
    margin: var(--m_sm);
  }
  .-mx_sm {
    margin-inline: var(--mx_sm);
  }
  .-my_sm {
    margin-block: var(--my_sm);
  }
  .-mt_sm {
    margin-top: var(--mt_sm);
  }
  .-mr_sm {
    margin-right: var(--mr_sm);
  }
  .-mb_sm {
    margin-bottom: var(--mb_sm);
  }
  .-ml_sm {
    margin-left: var(--ml_sm);
  }
  .-mis_sm {
    margin-inline-start: var(--mis_sm);
  }
  .-mbs_sm {
    margin-block-start: var(--mbs_sm);
  }
  .-g_sm {
    --g: var(--g_sm) !important;
    gap: var(--g_sm);
  }
  .-gx_sm {
    -moz-column-gap: var(--gx_sm);
    column-gap: var(--gx_sm);
  }
  .-gy_sm {
    row-gap: var(--gy_sm);
  }
  .-fxw_sm {
    flex-wrap: var(--fxw_sm);
  }
  .-fxd_sm {
    flex-direction: var(--fxd_sm);
  }
  .-fx_sm {
    flex: var(--fx_sm);
  }
  .-fxb_sm {
    flex-basis: var(--fxb_sm);
  }
  .-gd_sm {
    grid: var(--gd_sm);
  }
  .-gta_sm {
    grid-template-areas: var(--gta_sm);
  }
  .-gtc_sm {
    grid-template-columns: var(--gtc_sm);
  }
  .-gtr_sm {
    grid-template-rows: var(--gtr_sm);
  }
  .-gaf_sm {
    grid-auto-flow: var(--gaf_sm);
  }
  .-gac_sm {
    grid-auto-columns: var(--gac_sm);
  }
  .-gar_sm {
    grid-auto-rows: var(--gar_sm);
  }
  .-ga_sm {
    grid-area: var(--ga_sm);
  }
  .-gr_sm {
    grid-row: var(--gr_sm);
  }
  .-gc_sm {
    grid-column: var(--gc_sm);
  }
  .-ai_sm {
    align-items: var(--ai_sm);
  }
  .-ac_sm {
    align-content: var(--ac_sm);
  }
  .-ji_sm {
    justify-items: var(--ji_sm);
  }
  .-jc_sm {
    justify-content: var(--jc_sm);
  }
  .-cols_sm {
    --cols: var(--cols_sm) !important;
  }
  .-rows_sm {
    --rows: var(--rows_sm) !important;
  }
}
@container (min-width: 720px) {
  .-w_md {
    width: var(--w_md);
  }
  .-h_md {
    height: var(--h_md);
  }
  .-maxW_md {
    max-width: var(--maxW_md);
  }
  .-minW_md {
    min-width: var(--minW_md);
  }
  .-maxH_md {
    max-height: var(--maxH_md);
  }
  .-minH_md {
    min-height: var(--minH_md);
  }
  .-bdw_md {
    --bdw: var(--bdw_md) !important;
  }
  .-bg_md {
    background: var(--bg_md);
  }
  .-bgi_md {
    background-image: var(--bgi_md);
  }
  .-fz_md {
    --fz: var(--fz_md) !important;
    font-size: var(--fz_md);
  }
  .-d_md {
    display: var(--d_md);
  }
  .-ar_md {
    aspect-ratio: var(--ar_md);
  }
  .-bdrs_md {
    --bdrs: var(--bdrs_md) !important;
    border-radius: var(--bdrs_md);
  }
  .-p_md {
    --p: var(--p_md) !important;
    padding: var(--p_md);
  }
  .-px_md {
    padding-inline: var(--px_md);
  }
  .-py_md {
    padding-block: var(--py_md);
  }
  .-pt_md {
    padding-top: var(--pt_md);
  }
  .-pr_md {
    padding-right: var(--pr_md);
  }
  .-pb_md {
    padding-bottom: var(--pb_md);
  }
  .-pl_md {
    padding-left: var(--pl_md);
  }
  .-pis_md {
    padding-inline-start: var(--pis_md);
  }
  .-pbs_md {
    padding-block-start: var(--pbs_md);
  }
  .-m_md {
    --m: var(--m_md) !important;
    margin: var(--m_md);
  }
  .-mx_md {
    margin-inline: var(--mx_md);
  }
  .-my_md {
    margin-block: var(--my_md);
  }
  .-mt_md {
    margin-top: var(--mt_md);
  }
  .-mr_md {
    margin-right: var(--mr_md);
  }
  .-mb_md {
    margin-bottom: var(--mb_md);
  }
  .-ml_md {
    margin-left: var(--ml_md);
  }
  .-mis_md {
    margin-inline-start: var(--mis_md);
  }
  .-mbs_md {
    margin-block-start: var(--mbs_md);
  }
  .-g_md {
    --g: var(--g_md) !important;
    gap: var(--g_md);
  }
  .-gx_md {
    -moz-column-gap: var(--gx_md);
    column-gap: var(--gx_md);
  }
  .-gy_md {
    row-gap: var(--gy_md);
  }
  .-fxw_md {
    flex-wrap: var(--fxw_md);
  }
  .-fxd_md {
    flex-direction: var(--fxd_md);
  }
  .-fx_md {
    flex: var(--fx_md);
  }
  .-fxb_md {
    flex-basis: var(--fxb_md);
  }
  .-gd_md {
    grid: var(--gd_md);
  }
  .-gta_md {
    grid-template-areas: var(--gta_md);
  }
  .-gtc_md {
    grid-template-columns: var(--gtc_md);
  }
  .-gtr_md {
    grid-template-rows: var(--gtr_md);
  }
  .-gaf_md {
    grid-auto-flow: var(--gaf_md);
  }
  .-gac_md {
    grid-auto-columns: var(--gac_md);
  }
  .-gar_md {
    grid-auto-rows: var(--gar_md);
  }
  .-ga_md {
    grid-area: var(--ga_md);
  }
  .-gr_md {
    grid-row: var(--gr_md);
  }
  .-gc_md {
    grid-column: var(--gc_md);
  }
  .-ai_md {
    align-items: var(--ai_md);
  }
  .-ac_md {
    align-content: var(--ac_md);
  }
  .-ji_md {
    justify-items: var(--ji_md);
  }
  .-jc_md {
    justify-content: var(--jc_md);
  }
  .-cols_md {
    --cols: var(--cols_md) !important;
  }
  .-rows_md {
    --rows: var(--rows_md) !important;
  }
}
@media (any-hover: hover) {
  .-hov\:fade:hover {
    opacity: 0.7;
  }
  .-hov\:c:hover {
    color: var(--hov-c);
  }
  .-hov\:bdc:hover {
    border-color: var(--hov-bdc);
  }
  .-hov\:bgc:hover {
    background-color: var(--hov-bgc);
  }
  .-hov\:bxsh:hover {
    box-shadow: var(--hov-bxsh);
  }
  .-hov\:set:hover {
    --_notHov: ;
  }
  .-hov\:set:not(:hover) {
    --_isHov: ;
  }
}
@media (any-hover: none) {
  .-hov\:set {
    --_isHov: ;
  }
}
.-hov\:get\:hide {
  opacity: var(--_isHov, 0);
}
.-hov\:get\:show {
  opacity: var(--_notHov, 0);
  visibility: var(--_notHov, hidden);
}