/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 */
/*

 */
:not(:defined) {
  display: none;
}

/* app/views/dashboard/index.html.erb */
.file-input:not(:hover):not([dragover]) {
  --input-background-color: rgb(var(--color-base-balanced-100));
}
.file-input:hover:not([dragover]) {
  --input-background-color: rgb(var(--color-base-balanced-200));
}
/* Deze moet sowieso naar VC */
.file-input {
  --input-box-shadow: none;
}

/* app/views/application/_header_menu.html.erb */
.header-actiontrigger {
  --content-max-width: 160px;
}
/* app/views/risk_factor_scoring_templates/show.html.erb */
.configurator-action-trigger {
  --button-width: 150px;
  --button-justify-content: space-between;
}
/* app/views/risk_factor_scoring_templates */
.configurator-popover {
  --card-min-width: 150px;
  --card-width: 150px;
}
/* app/views/application/filters.html.erb */
.collections-popover {
  --card-min-width: 300px;
  --card-width: 300px;
}

/* app/views/layouts/application.html.erb */
/* Width bij container als attr toevoegen */
.parent-container {
  --container-max-width: 1250px;
}

/* app/views/dashboard/index.html.erb */
/* app/views/risk_factor_imports/_modal.html.erb */
.dashboard-card {
  --card-height: 100%;
}

/* app/views/application/_header_menu.html.erb */
/* Cheat van Sanco, add opacity attr to divider */
.header-divider {
  opacity: 0.2;
}

/* app/views/risk_factor_imports/_modal.html.erb */
.upload-avatar {
  --content-color: rgb(var(--color-base-brave-500));
  --avatar-background-color: rgb(var(--color-base-balanced-300));
}

/* app/views/devise/session/new.html.erb */
.login-left-column {
  --column-flex-shrink: 0;
  --column-width: 590px;
}

/* app/views/risk_factor_sets/edit.html.erb */
.sidebar-set {
  --column-flex-shrink: 0;
  --column-width: 390px;
}

/* app/views/changelogs/_table.html.erb */
/* Mag misschien naar een arg */
.overflow-card {
  --card-overflow: hidden;
}

/* app/viuews/collections/_set_filters.html.erb */
.fixed-search {
  --input-width: 180px;
}

/* app/views/risk_factor_sets/merges/_form.html.erb */
.custom-notice {
  --card-gap: 0;
}

.no-shrink {
  flex-shrink: 0;
}