// A high-level overview of our fixed and absolutely positioned components.
// These values apply to the components' root elements only. Child elements
// should use the root element's z-index as a base and increment it like so:
// z-index: $z-index-whatever + 1;

// The following z-index values will be used by default, but can be
// overridden by projects that consume the pattern library. To override them
// copy and paste these variables into your project (i.e. PageBuilder), remove
// the !default keywords, and modify them to suit your needs. Make sure you
// declare your overrides before importing this file. For example:
//
// $z-index-lightbox: 9999;
// @import "settings.z-index";
//
// See https://robots.thoughtbot.com/sass-default

$z-index-card-label: 1 !default;
$z-index-bookmark-tooltip: 5 !default;
$z-index-menu-scroll-shadow: 10 !default;
$z-index-engage-drop-down: 43 !default;
$z-index-panel-lightbox: 44 !default;
$z-index-panel-bg: 45 !default;
$z-index-site-header-menu-panel: 46 !default;
$z-index-site-header: 47 !default;
$z-index-focused-pencil-button: 50 !default;
$z-index-panel-close-button: 62 !default;
$z-index-error-overlay: 500 !default;
$z-index-modal-dialog: 1000 !default;
$z-index-modal-dialog-inner: 1010 !default;
$z-index-photo-slider: 1020 !default;
$z-index-modal-dialog-toolbar: 1040 !default;
$z-index-sub-pencil: 1052 !default;
$z-index-lightbox: 2000 !default;
$z-index-login-modal: 2001 !default;
$z-index-skip-link: 3000 !default; // This should be the highest value, for accessibility
