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

Windows 95 styleguide

.r95_fyllcd0 {
  display: flex;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 1;
}
.r95_fyllcd1 {
  padding: var(--r95-space-12);
  box-shadow: var(--r95-shadow-out);
  background-color: var(--r95-color-material);
}
.r95_fyllcd2 {
  list-style: none;
  user-select: none;
  padding-block: var(--r95-space-3);
  padding-inline: var(--r95-space-6);
  background-color: var(--r95-color-material);
  margin-right: var(--r95-space-2);
  margin-left: var(--r95-space-2);
  box-shadow: inset 0 1px 0 0 var(--r95-color-borderLightest),
  -2px 1px 0 -1px var(--r95-color-material),
  -3px 1px 0 -1px var(--r95-color-borderLightest),
  -2px 0 0 -1px var(--r95-color-borderLightest),
  2px 1px 0 -1px var(--r95-color-borderDark),
  2px 0 0 -1px var(--r95-color-borderDarkest),
  3px 1px 0 -1px var(--r95-color-borderDarkest);
}
.r95_fyllcd2:first-child {
  margin-left: var(--r95-space-4);
}
.r95_fyllcd3 {
  margin-top: calc(var(--r95-space-2) * -1);
  margin-left: calc(var(--r95-space-2) * -1);
  margin-bottom: var(--r95-space-1);
  &:first-child {
    margin-left: var(--r95-space-2);
  }
  box-shadow: inset 0 1px 0 0 var(--r95-color-borderLightest),
    -2px 1px 0 -1px var(--r95-color-material),
    -0.5px 3px 0 0.5px var(--r95-color-material),
    -2px 2px 0 0 var(--r95-color-borderLightest),
    -2px 0 0 -1px var(--r95-color-borderLightest),
    1px 2px 0 0 var(--r95-color-borderDark),
    2px 0 0 -1px var(--r95-color-borderDarkest),
    2px 2px 0 0 var(--r95-color-borderDarkest);
}
.r95_fyllcd3 + li {
  margin-left: 0;
  box-shadow: inset 0 1px 0 0 var(--r95-color-borderLightest),
2px 1px 0 -1px var(--r95-color-borderDark),
2px 0 0 -1px var(--r95-color-borderDarkest),
3px 1px 0 -1px var(--r95-color-borderDarkest);
}