Sindbad~EG File Manager

.peepso {
  // COLORS
  --c-primary: var(--PS-COLOR--PRIMARY);
  --c-primary-dark: var(--PS-COLOR--PRIMARY--DARK);
  --c-primary-sdark: #DF6004;
  --c-primary-light: var(--PS-COLOR--PRIMARY--LIGHT);
  --c-primary-slight: #FFC691;
  --c-primary-elight: var(--PS-COLOR--PRIMARY--SHADE);
  --c-primary-ulight: var(--PS-COLOR--PRIMARY--ULTRALIGHT);
  --c-base: var(--PS-COLOR--APP);
  --c-base-50: var(--PS-COLOR--APP--LIGHTGRAY);
  --c-base-100: #F5F5F5;
  --c-base-200: var(--PS-COLOR--APP--DARKGRAY);
  --c-base-300: #E0E0E0;
  --c-base-400: #BDBDBD;
  --c-base-500: #9E9E9E;
  --c-base-600: #757575;
  --c-base-700: #616161;
  --c-base-800: #424242;
  --c-base-900: #323232;
  --c-base-950: #1F1F1F;
  --c-contrast: var(--PS-COLOR--HEADING); //#0f0f0f
  --c-contrast-light: var(--PS-COLOR--TEXT); //#444
  --c-contrast-slight: var(--PS-COLOR--TEXT--LIGHT); //#888
  --c-contrast-elight: var(--PS-COLOR--TEXT--LIGHTEN); //#B3B3B3
  --c-red: var(--PS-COLOR--ABORT);

  // GAPS
  --G1: var(--PADD--SM);
  --G2: var(--PADD);
  --G3: calc(var(--PADD) + 5px);
  --G4: var(--PADD--MD);
  --G5: calc(var(--PADD--MD) + 5px);

  // RADIUS
  --R: var(--BORDER-RADIUS--MD);
  --R-S: var(--BORDER-RADIUS--MD);
  --R-M: var(--BORDER-RADIUS--XL);

  // FONT-SIZE
  --F: 18px;
  --F-XS: calc(var(--F) - 6px);
  --F-S: calc(var(--F) - 4px);
  --F-M: calc(var(--F) - 2px);
  
  // AVATARS
  --AVATAR-S: 60px;
  --AVATAR-S-S: 40px;
  --AVATAR-S-L: 110px;
  --AVATAR-S-XL: 160px;
  --AVATAR-R: 50%;
  --AVATAR-R-S: 50%;
  --AVATAR-R-L: 50%;
  --AVATAR-R-XL: 50%;

  // Transitions
  --TRANS: all .15s ease, height 0s, opacity 0s;
  --TRANS-O: opacity .15s ease;
}