:root {
  --base-nav-width-collapsed: 60px;
  --base-nav-width: 270px;
  --base-nav-width-large: 350px;
  --base-header-height: 60px;
  --base-sign-header-height: 66px;
  --base-sign-header-mobile-height: 56px;
  --base-sign-footer-mobile-height: 70px;
  --base-sign-footer-height: 116px;
  --base-wrapper-mobile-max-width: 350px;
  --base-wrapper-mobile-padding: 16px;
  --base-wrapper-tablet-padding: 24px;
  --base-wrapper-desktop-padding: 42px;
  --base-form-field-margin: 24px;
  --base-form-field-margin-mobile: 16px;
  --base-form-checkbox-margin: 20px;
  --wrapper-sign-up-mobile-padding: 15px;
  --wrapper-sign-up-tablet-padding: 30px;
  --wrapper-sign-up-desktop-padding: 66px;
  --device-policy-left-column-width: 290px;
  --device-policy-general-title-column-width: 246px;
  --input-desktop-height: 56px;
  --input-mobile-height: 46px;
  --input-max-width-large: 344px;
  --input-max-width-medium: 224px;
  --input-max-width-small: 104px;
  --base-bulk-operation-bar-height: 68px;
  --z-index-base: 9;
  --z-index-ui-elements: 99;
  --z-index-layout: 990;
  --z-index-modal: 998;
  --z-index-top-level: 999;
  --box-shadow: 1px 0 0 0 var(--eui-sys-layout-border), 0 1px 0 0 var(--eui-sys-layout-border),
    1px 1px 0 0 var(--eui-sys-layout-border), 1px 0 0 0 var(--eui-sys-layout-border) inset,
    0 1px 0 0 var(--eui-sys-layout-border) inset;
}