@react95/core/esm/Frame/Frame.css.ts.vanilla.css

Windows 95 styleguide

.r95_iuzg893 {
  display: var(--r95_iuzg890);
}
.r95_iuzg899 {
  overflow: var(--r95_iuzg896);
}
.r95_iuzg89f {
  box-sizing: var(--r95_iuzg89c);
}
.r95_iuzg89l {
  grid: var(--r95_iuzg89i);
}
.r95_iuzg89r {
  grid-area: var(--r95_iuzg89o);
}
.r95_iuzg89x {
  grid-auto-columns: var(--r95_iuzg89u);
}
.r95_iuzg8913 {
  grid-auto-flow: var(--r95_iuzg8910);
}
.r95_iuzg8919 {
  grid-auto-rows: var(--r95_iuzg8916);
}
.r95_iuzg891f {
  grid-column: var(--r95_iuzg891c);
}
.r95_iuzg891l {
  grid-column-end: var(--r95_iuzg891i);
}
.r95_iuzg891r {
  grid-column-start: var(--r95_iuzg891o);
}
.r95_iuzg891x {
  grid-row: var(--r95_iuzg891u);
}
.r95_iuzg8923 {
  grid-row-end: var(--r95_iuzg8920);
}
.r95_iuzg8929 {
  grid-row-start: var(--r95_iuzg8926);
}
.r95_iuzg892f {
  grid-template: var(--r95_iuzg892c);
}
.r95_iuzg892l {
  grid-template-areas: var(--r95_iuzg892i);
}
.r95_iuzg892r {
  grid-template-columns: var(--r95_iuzg892o);
}
.r95_iuzg892x {
  grid-template-rows: var(--r95_iuzg892u);
}
.r95_iuzg8933 {
  flex: var(--r95_iuzg8930);
}
.r95_iuzg8939 {
  flex-basis: var(--r95_iuzg8936);
}
.r95_iuzg893f {
  flex-direction: var(--r95_iuzg893c);
}
.r95_iuzg893l {
  flex-flow: var(--r95_iuzg893i);
}
.r95_iuzg893r {
  flex-grow: var(--r95_iuzg893o);
}
.r95_iuzg893x {
  flex-shrink: var(--r95_iuzg893u);
}
.r95_iuzg8943 {
  flex-wrap: var(--r95_iuzg8940);
}
.r95_iuzg8949 {
  justify-content: var(--r95_iuzg8946);
}
.r95_iuzg894f {
  justify-items: var(--r95_iuzg894c);
}
.r95_iuzg894l {
  justify-self: var(--r95_iuzg894i);
}
.r95_iuzg894r {
  align-content: var(--r95_iuzg894o);
}
.r95_iuzg894x {
  align-items: var(--r95_iuzg894u);
}
.r95_iuzg8953 {
  align-self: var(--r95_iuzg8950);
}
.r95_iuzg8959 {
  gap: var(--r95_iuzg8956);
}
.r95_iuzg895f {
  width: var(--r95_iuzg895c);
}
.r95_iuzg895l {
  max-width: var(--r95_iuzg895i);
}
.r95_iuzg895r {
  min-width: var(--r95_iuzg895o);
}
.r95_iuzg895x {
  height: var(--r95_iuzg895u);
}
.r95_iuzg8963 {
  max-height: var(--r95_iuzg8960);
}
.r95_iuzg8969 {
  min-height: var(--r95_iuzg8966);
}
.r95_iuzg896f {
  margin: var(--r95_iuzg896c);
}
.r95_iuzg896l {
  margin-block: var(--r95_iuzg896i);
}
.r95_iuzg896r {
  margin-block-end: var(--r95_iuzg896o);
}
.r95_iuzg896x {
  margin-block-start: var(--r95_iuzg896u);
}
.r95_iuzg8973 {
  margin-bottom: var(--r95_iuzg8970);
}
.r95_iuzg8979 {
  margin-inline: var(--r95_iuzg8976);
}
.r95_iuzg897f {
  margin-inline-end: var(--r95_iuzg897c);
}
.r95_iuzg897l {
  margin-inline-start: var(--r95_iuzg897i);
}
.r95_iuzg897r {
  margin-left: var(--r95_iuzg897o);
}
.r95_iuzg897x {
  margin-right: var(--r95_iuzg897u);
}
.r95_iuzg8983 {
  margin-top: var(--r95_iuzg8980);
}
.r95_iuzg8989 {
  padding: var(--r95_iuzg8986);
}
.r95_iuzg898f {
  padding-block: var(--r95_iuzg898c);
}
.r95_iuzg898l {
  padding-block-end: var(--r95_iuzg898i);
}
.r95_iuzg898r {
  padding-block-start: var(--r95_iuzg898o);
}
.r95_iuzg898x {
  padding-bottom: var(--r95_iuzg898u);
}
.r95_iuzg8993 {
  padding-inline: var(--r95_iuzg8990);
}
.r95_iuzg8999 {
  padding-inline-end: var(--r95_iuzg8996);
}
.r95_iuzg899f {
  padding-inline-start: var(--r95_iuzg899c);
}
.r95_iuzg899l {
  padding-left: var(--r95_iuzg899i);
}
.r95_iuzg899r {
  padding-right: var(--r95_iuzg899o);
}
.r95_iuzg899x {
  padding-top: var(--r95_iuzg899u);
}
.r95_iuzg89a1 {
  position: var(--r95_iuzg89a0);
}
.r95_iuzg89a3 {
  top: var(--r95_iuzg89a2);
}
.r95_iuzg89a5 {
  right: var(--r95_iuzg89a4);
}
.r95_iuzg89a7 {
  bottom: var(--r95_iuzg89a6);
}
.r95_iuzg89a9 {
  left: var(--r95_iuzg89a8);
}
.r95_iuzg89ab {
  pointer-events: var(--r95_iuzg89aa);
}
.r95_iuzg89ad {
  background-color: var(--r95_iuzg89ac);
}
.r95_iuzg89af {
  color: var(--r95_iuzg89ae);
}
.r95_iuzg89ah {
  background: var(--r95_iuzg89ag);
}
.r95_iuzg89aj {
  background-attachment: var(--r95_iuzg89ai);
}
.r95_iuzg89al {
  background-image: var(--r95_iuzg89ak);
}
.r95_iuzg89an {
  background-position: var(--r95_iuzg89am);
}
.r95_iuzg89ap {
  background-repeat: var(--r95_iuzg89ao);
}
.r95_iuzg89ar {
  background-size: var(--r95_iuzg89aq);
}
.r95_iuzg89at {
  background-origin: var(--r95_iuzg89as);
}
.r95_iuzg89av {
  background-clip: var(--r95_iuzg89au);
}
.r95_iuzg89ax {
  border: var(--r95_iuzg89aw);
}
.r95_iuzg89az {
  border-style: var(--r95_iuzg89ay);
}
.r95_iuzg89b1 {
  border-width: var(--r95_iuzg89b0);
}
.r95_iuzg89b3 {
  border-color: var(--r95_iuzg89b2);
}
.r95_iuzg89b5 {
  border-top: var(--r95_iuzg89b4);
}
.r95_iuzg89b7 {
  border-top-color: var(--r95_iuzg89b6);
}
.r95_iuzg89b9 {
  border-top-style: var(--r95_iuzg89b8);
}
.r95_iuzg89bb {
  border-top-width: var(--r95_iuzg89ba);
}
.r95_iuzg89bd {
  border-right: var(--r95_iuzg89bc);
}
.r95_iuzg89bf {
  border-right-color: var(--r95_iuzg89be);
}
.r95_iuzg89bh {
  border-right-style: var(--r95_iuzg89bg);
}
.r95_iuzg89bj {
  border-right-width: var(--r95_iuzg89bi);
}
.r95_iuzg89bl {
  border-bottom: var(--r95_iuzg89bk);
}
.r95_iuzg89bn {
  border-bottom-color: var(--r95_iuzg89bm);
}
.r95_iuzg89bp {
  border-bottom-style: var(--r95_iuzg89bo);
}
.r95_iuzg89br {
  border-bottom-width: var(--r95_iuzg89bq);
}
.r95_iuzg89bt {
  border-left: var(--r95_iuzg89bs);
}
.r95_iuzg89bv {
  border-left-color: var(--r95_iuzg89bu);
}
.r95_iuzg89bx {
  border-left-style: var(--r95_iuzg89bw);
}
.r95_iuzg89bz {
  border-left-width: var(--r95_iuzg89by);
}
.r95_iuzg89c1 {
  border-bottom-left-radius: var(--r95_iuzg89c0);
}
.r95_iuzg89c3 {
  border-bottom-right-radius: var(--r95_iuzg89c2);
}
.r95_iuzg89c5 {
  border-image: var(--r95_iuzg89c4);
}
.r95_iuzg89c7 {
  border-image-outset: var(--r95_iuzg89c6);
}
.r95_iuzg89c9 {
  border-image-repeat: var(--r95_iuzg89c8);
}
.r95_iuzg89cb {
  border-image-slice: var(--r95_iuzg89ca);
}
.r95_iuzg89cd {
  border-image-source: var(--r95_iuzg89cc);
}
.r95_iuzg89cf {
  border-image-width: var(--r95_iuzg89ce);
}
.r95_iuzg89ch {
  border-radius: var(--r95_iuzg89cg);
}
.r95_iuzg89cj {
  border-top-left-radius: var(--r95_iuzg89ci);
}
.r95_iuzg89cl {
  border-top-right-radius: var(--r95_iuzg89ck);
}
.r95_iuzg89cn {
  box-shadow: var(--r95_iuzg89cm);
}
.r95_iuzg89cp {
  outline: var(--r95_iuzg89co);
}
.r95_iuzg89cr {
  outline-color: var(--r95_iuzg89cq);
}
.r95_iuzg89ct {
  outline-style: var(--r95_iuzg89cs);
}
.r95_iuzg89cv {
  outline-width: var(--r95_iuzg89cu);
}
.r95_iuzg89cx {
  font: var(--r95_iuzg89cw);
}
.r95_iuzg89cz {
  font-family: var(--r95_iuzg89cy);
}
.r95_iuzg89d1 {
  font-style: var(--r95_iuzg89d0);
}
.r95_iuzg89d3 {
  font-size: var(--r95_iuzg89d2);
}
.r95_iuzg89d5 {
  font-weight: var(--r95_iuzg89d4);
}
.r95_iuzg89d7 {
  font-variant: var(--r95_iuzg89d6);
}
.r95_iuzg89d9 {
  font-size-adjust: var(--r95_iuzg89d8);
}
.r95_iuzg89db {
  color: var(--r95_iuzg89da);
}
.r95_iuzg89dd {
  direction: var(--r95_iuzg89dc);
}
.r95_iuzg89df {
  letter-spacing: var(--r95_iuzg89de);
}
.r95_iuzg89dh {
  line-height: var(--r95_iuzg89dg);
}
.r95_iuzg89dj {
  text-align: var(--r95_iuzg89di);
}
.r95_iuzg89dl {
  text-decoration: var(--r95_iuzg89dk);
}
.r95_iuzg89dn {
  text-indent: var(--r95_iuzg89dm);
}
.r95_iuzg89dp {
  text-shadow: var(--r95_iuzg89do);
}
.r95_iuzg89dr {
  text-transform: var(--r95_iuzg89dq);
}
.r95_iuzg89dt {
  vertical-align: var(--r95_iuzg89ds);
}
.r95_iuzg89dv {
  white-space: var(--r95_iuzg89du);
}
.r95_iuzg89dx {
  word-spacing: var(--r95_iuzg89dw);
}
.r95_iuzg89dz {
  word-break: var(--r95_iuzg89dy);
}
.r95_iuzg89e1 {
  z-index: var(--r95_iuzg89e0);
}
@media screen and (min-width: 768px) {
  .r95_iuzg894 {
    display: var(--r95_iuzg891);
  }
  .r95_iuzg89a {
    overflow: var(--r95_iuzg897);
  }
  .r95_iuzg89g {
    box-sizing: var(--r95_iuzg89d);
  }
  .r95_iuzg89m {
    grid: var(--r95_iuzg89j);
  }
  .r95_iuzg89s {
    grid-area: var(--r95_iuzg89p);
  }
  .r95_iuzg89y {
    grid-auto-columns: var(--r95_iuzg89v);
  }
  .r95_iuzg8914 {
    grid-auto-flow: var(--r95_iuzg8911);
  }
  .r95_iuzg891a {
    grid-auto-rows: var(--r95_iuzg8917);
  }
  .r95_iuzg891g {
    grid-column: var(--r95_iuzg891d);
  }
  .r95_iuzg891m {
    grid-column-end: var(--r95_iuzg891j);
  }
  .r95_iuzg891s {
    grid-column-start: var(--r95_iuzg891p);
  }
  .r95_iuzg891y {
    grid-row: var(--r95_iuzg891v);
  }
  .r95_iuzg8924 {
    grid-row-end: var(--r95_iuzg8921);
  }
  .r95_iuzg892a {
    grid-row-start: var(--r95_iuzg8927);
  }
  .r95_iuzg892g {
    grid-template: var(--r95_iuzg892d);
  }
  .r95_iuzg892m {
    grid-template-areas: var(--r95_iuzg892j);
  }
  .r95_iuzg892s {
    grid-template-columns: var(--r95_iuzg892p);
  }
  .r95_iuzg892y {
    grid-template-rows: var(--r95_iuzg892v);
  }
  .r95_iuzg8934 {
    flex: var(--r95_iuzg8931);
  }
  .r95_iuzg893a {
    flex-basis: var(--r95_iuzg8937);
  }
  .r95_iuzg893g {
    flex-direction: var(--r95_iuzg893d);
  }
  .r95_iuzg893m {
    flex-flow: var(--r95_iuzg893j);
  }
  .r95_iuzg893s {
    flex-grow: var(--r95_iuzg893p);
  }
  .r95_iuzg893y {
    flex-shrink: var(--r95_iuzg893v);
  }
  .r95_iuzg8944 {
    flex-wrap: var(--r95_iuzg8941);
  }
  .r95_iuzg894a {
    justify-content: var(--r95_iuzg8947);
  }
  .r95_iuzg894g {
    justify-items: var(--r95_iuzg894d);
  }
  .r95_iuzg894m {
    justify-self: var(--r95_iuzg894j);
  }
  .r95_iuzg894s {
    align-content: var(--r95_iuzg894p);
  }
  .r95_iuzg894y {
    align-items: var(--r95_iuzg894v);
  }
  .r95_iuzg8954 {
    align-self: var(--r95_iuzg8951);
  }
  .r95_iuzg895a {
    gap: var(--r95_iuzg8957);
  }
  .r95_iuzg895g {
    width: var(--r95_iuzg895d);
  }
  .r95_iuzg895m {
    max-width: var(--r95_iuzg895j);
  }
  .r95_iuzg895s {
    min-width: var(--r95_iuzg895p);
  }
  .r95_iuzg895y {
    height: var(--r95_iuzg895v);
  }
  .r95_iuzg8964 {
    max-height: var(--r95_iuzg8961);
  }
  .r95_iuzg896a {
    min-height: var(--r95_iuzg8967);
  }
  .r95_iuzg896g {
    margin: var(--r95_iuzg896d);
  }
  .r95_iuzg896m {
    margin-block: var(--r95_iuzg896j);
  }
  .r95_iuzg896s {
    margin-block-end: var(--r95_iuzg896p);
  }
  .r95_iuzg896y {
    margin-block-start: var(--r95_iuzg896v);
  }
  .r95_iuzg8974 {
    margin-bottom: var(--r95_iuzg8971);
  }
  .r95_iuzg897a {
    margin-inline: var(--r95_iuzg8977);
  }
  .r95_iuzg897g {
    margin-inline-end: var(--r95_iuzg897d);
  }
  .r95_iuzg897m {
    margin-inline-start: var(--r95_iuzg897j);
  }
  .r95_iuzg897s {
    margin-left: var(--r95_iuzg897p);
  }
  .r95_iuzg897y {
    margin-right: var(--r95_iuzg897v);
  }
  .r95_iuzg8984 {
    margin-top: var(--r95_iuzg8981);
  }
  .r95_iuzg898a {
    padding: var(--r95_iuzg8987);
  }
  .r95_iuzg898g {
    padding-block: var(--r95_iuzg898d);
  }
  .r95_iuzg898m {
    padding-block-end: var(--r95_iuzg898j);
  }
  .r95_iuzg898s {
    padding-block-start: var(--r95_iuzg898p);
  }
  .r95_iuzg898y {
    padding-bottom: var(--r95_iuzg898v);
  }
  .r95_iuzg8994 {
    padding-inline: var(--r95_iuzg8991);
  }
  .r95_iuzg899a {
    padding-inline-end: var(--r95_iuzg8997);
  }
  .r95_iuzg899g {
    padding-inline-start: var(--r95_iuzg899d);
  }
  .r95_iuzg899m {
    padding-left: var(--r95_iuzg899j);
  }
  .r95_iuzg899s {
    padding-right: var(--r95_iuzg899p);
  }
  .r95_iuzg899y {
    padding-top: var(--r95_iuzg899v);
  }
}
@media screen and (min-width: 1024px) {
  .r95_iuzg895 {
    display: var(--r95_iuzg892);
  }
  .r95_iuzg89b {
    overflow: var(--r95_iuzg898);
  }
  .r95_iuzg89h {
    box-sizing: var(--r95_iuzg89e);
  }
  .r95_iuzg89n {
    grid: var(--r95_iuzg89k);
  }
  .r95_iuzg89t {
    grid-area: var(--r95_iuzg89q);
  }
  .r95_iuzg89z {
    grid-auto-columns: var(--r95_iuzg89w);
  }
  .r95_iuzg8915 {
    grid-auto-flow: var(--r95_iuzg8912);
  }
  .r95_iuzg891b {
    grid-auto-rows: var(--r95_iuzg8918);
  }
  .r95_iuzg891h {
    grid-column: var(--r95_iuzg891e);
  }
  .r95_iuzg891n {
    grid-column-end: var(--r95_iuzg891k);
  }
  .r95_iuzg891t {
    grid-column-start: var(--r95_iuzg891q);
  }
  .r95_iuzg891z {
    grid-row: var(--r95_iuzg891w);
  }
  .r95_iuzg8925 {
    grid-row-end: var(--r95_iuzg8922);
  }
  .r95_iuzg892b {
    grid-row-start: var(--r95_iuzg8928);
  }
  .r95_iuzg892h {
    grid-template: var(--r95_iuzg892e);
  }
  .r95_iuzg892n {
    grid-template-areas: var(--r95_iuzg892k);
  }
  .r95_iuzg892t {
    grid-template-columns: var(--r95_iuzg892q);
  }
  .r95_iuzg892z {
    grid-template-rows: var(--r95_iuzg892w);
  }
  .r95_iuzg8935 {
    flex: var(--r95_iuzg8932);
  }
  .r95_iuzg893b {
    flex-basis: var(--r95_iuzg8938);
  }
  .r95_iuzg893h {
    flex-direction: var(--r95_iuzg893e);
  }
  .r95_iuzg893n {
    flex-flow: var(--r95_iuzg893k);
  }
  .r95_iuzg893t {
    flex-grow: var(--r95_iuzg893q);
  }
  .r95_iuzg893z {
    flex-shrink: var(--r95_iuzg893w);
  }
  .r95_iuzg8945 {
    flex-wrap: var(--r95_iuzg8942);
  }
  .r95_iuzg894b {
    justify-content: var(--r95_iuzg8948);
  }
  .r95_iuzg894h {
    justify-items: var(--r95_iuzg894e);
  }
  .r95_iuzg894n {
    justify-self: var(--r95_iuzg894k);
  }
  .r95_iuzg894t {
    align-content: var(--r95_iuzg894q);
  }
  .r95_iuzg894z {
    align-items: var(--r95_iuzg894w);
  }
  .r95_iuzg8955 {
    align-self: var(--r95_iuzg8952);
  }
  .r95_iuzg895b {
    gap: var(--r95_iuzg8958);
  }
  .r95_iuzg895h {
    width: var(--r95_iuzg895e);
  }
  .r95_iuzg895n {
    max-width: var(--r95_iuzg895k);
  }
  .r95_iuzg895t {
    min-width: var(--r95_iuzg895q);
  }
  .r95_iuzg895z {
    height: var(--r95_iuzg895w);
  }
  .r95_iuzg8965 {
    max-height: var(--r95_iuzg8962);
  }
  .r95_iuzg896b {
    min-height: var(--r95_iuzg8968);
  }
  .r95_iuzg896h {
    margin: var(--r95_iuzg896e);
  }
  .r95_iuzg896n {
    margin-block: var(--r95_iuzg896k);
  }
  .r95_iuzg896t {
    margin-block-end: var(--r95_iuzg896q);
  }
  .r95_iuzg896z {
    margin-block-start: var(--r95_iuzg896w);
  }
  .r95_iuzg8975 {
    margin-bottom: var(--r95_iuzg8972);
  }
  .r95_iuzg897b {
    margin-inline: var(--r95_iuzg8978);
  }
  .r95_iuzg897h {
    margin-inline-end: var(--r95_iuzg897e);
  }
  .r95_iuzg897n {
    margin-inline-start: var(--r95_iuzg897k);
  }
  .r95_iuzg897t {
    margin-left: var(--r95_iuzg897q);
  }
  .r95_iuzg897z {
    margin-right: var(--r95_iuzg897w);
  }
  .r95_iuzg8985 {
    margin-top: var(--r95_iuzg8982);
  }
  .r95_iuzg898b {
    padding: var(--r95_iuzg8988);
  }
  .r95_iuzg898h {
    padding-block: var(--r95_iuzg898e);
  }
  .r95_iuzg898n {
    padding-block-end: var(--r95_iuzg898k);
  }
  .r95_iuzg898t {
    padding-block-start: var(--r95_iuzg898q);
  }
  .r95_iuzg898z {
    padding-bottom: var(--r95_iuzg898w);
  }
  .r95_iuzg8995 {
    padding-inline: var(--r95_iuzg8992);
  }
  .r95_iuzg899b {
    padding-inline-end: var(--r95_iuzg8998);
  }
  .r95_iuzg899h {
    padding-inline-start: var(--r95_iuzg899e);
  }
  .r95_iuzg899n {
    padding-left: var(--r95_iuzg899k);
  }
  .r95_iuzg899t {
    padding-right: var(--r95_iuzg899q);
  }
  .r95_iuzg899z {
    padding-top: var(--r95_iuzg899w);
  }
}