/* App
============================================================================= */
:root {
  /* Colors
    ------------------------------------------------------------------------- */

  /* Typography
    ------------------------------------------------------------------------- */
  /* Modular Scale */
  --modular-scale: 1.333;

  /* Module Scale Calculations (do not edit these) */
  --modular-scale--2: calc(var(--modular-scale--1) / var(--modular-scale));
  --modular-scale--1: calc(var(--modular-scale-1) / var(--modular-scale));
  --modular-scale-1: 1rem;
  --modular-scale-2: calc(var(--modular-scale-1) * var(--modular-scale));
  --modular-scale-3: calc(var(--modular-scale-2) * var(--modular-scale));
  --modular-scale-4: calc(var(--modular-scale-3) * var(--modular-scale));
  --modular-scale-5: calc(var(--modular-scale-4) * var(--modular-scale));

  /* Font size */
  --font-size-xxxl: var(--modular-scale-5);
  --font-size-xxl: var(--modular-scale-4);
  --font-size-xl: var(--modular-scale-3);
  --font-size-l: var(--modular-scale-2);
  --font-size-m: var(--modular-scale-1);
  --font-size-s: var(--modular-scale--1);
  --font-size-xs: var(--modular-scale--2);

  /* Utility
    ------------------------------------------------------------------------- */
  /* Borders */
  --border-radius-s: ;
  --border-radius-m: ;
  --border-radius-l: ;

  /* Animations and transitions */
  --duration-slow: 1s;
  --duration-medium: 0.5s;
  --duration-fast: 0.25s;

  /* Misc
    ------------------------------------------------------------------------- */
  /* Spinner */
  --spinner-size: 60px;
  --spinner-track-width: 4px;
  --spinner-track-color: rgba(0, 0, 0, 0.15);
  --spinner-transition-duration: var(--duration-medium);

  .cover-main p img {
    width: 40%;
  }

  .sidebar .app-name .app-name-link img {
    width: 75% !important;
  }
}