.shadow {
  &-input-focus {
    &-base {
      box-shadow: var(--shadow-input-focus-base);
    }

    &-changed {
      box-shadow: var(--shadow-input-focus-changed);
    }

    &-error {
      box-shadow: var(--shadow-input-focus-error);
    }

    &-applied {
      box-shadow: var(--shadow-input-focus-applied);
    }
  }

  &-container {
    &-base {
      box-shadow: var(--shadow-container-border);
    }

    &-border-bottom {
      box-shadow: var(--shadow-container-border-bottom);
    }
  }

  &-card-level {
    &-1 {
      box-shadow: var(--shadow-card-level-1);
    }
    &-2 {
      box-shadow: var(--shadow-card-level-2);
    }

    &-3 {
      box-shadow: var(--shadow-card-level-3);
    }
  }

  &-filter {
    &-box-normal {
      box-shadow: var(--filter-box-normal);
    }
  }

  &-notification {
    &-bar {
      box-shadow: var(--notification-bar-shadow);
    }
    &-toast {
      box-shadow: var(--notification-toast-shadow);
    }
  }

  &-modal {
    &-base {
      box-shadow: var(--modal-shadow);
    }

    &-medium {
      box-shadow: var(--modal-footer-shadow);
    }
  }

  &-panel {
    &-base {
      box-shadow: var(--panel-level-1-left);
    }
  }
}