:root { --spectrum-bottomnavigation-primary-icon-color: var(--spectrum-alias-icon-color); --spectrum-bottomnavigation-primary-text-color: var(--spectrum-alias-text-color); --spectrum-bottomnavigation-primary-icon-color-hover: var(--spectrum-alias-icon-color-hover); --spectrum-bottomnavigation-primary-text-color-hover: var(--spectrum-alias-text-color-hover); --spectrum-bottomnavigation-primary-icon-color-down: var(--spectrum-alias-icon-color-down); --spectrum-bottomnavigation-primary-text-color-down: var(--spectrum-alias-text-color-down); --spectrum-bottomnavigation-primary-icon-color-key-focus: var(--spectrum-alias-icon-color-focus); --spectrum-bottomnavigation-primary-text-color-key-focus: var(--spectrum-alias-text-color-hover); --spectrum-bottomnavigation-primary-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); --spectrum-bottomnavigation-primary-text-color-disabled: var(--spectrum-alias-text-color-disabled); --spectrum-bottomnavigation-primary-icon-color-selected: var(--spectrum-alias-icon-color-selected); --spectrum-bottomnavigation-primary-text-color-selected: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-primary-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); --spectrum-bottomnavigation-primary-text-color-selected-hover: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-primary-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); --spectrum-bottomnavigation-primary-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-primary-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); --spectrum-bottomnavigation-primary-text-color-selected-down: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-primary-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); --spectrum-bottomnavigation-primary-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); --spectrum-bottomnavigation-primary-background-color: var(--spectrum-alias-background-color-primary); --spectrum-bottomnavigation-primary-text-font-family: var(--spectrum-alias-body-text-font-family); --spectrum-bottomnavigation-primary-text-font-style: var(--spectrum-global-font-style-regular); --spectrum-bottomnavigation-primary-text-font-weight: var(--spectrum-alias-body-text-font-weight); --spectrum-bottomnavigation-primary-text-line-height: var(--spectrum-alias-component-text-line-height); --spectrum-bottomnavigation-primary-text-letter-spacing: 0; --spectrum-bottomnavigation-primary-text-transform: none; --spectrum-bottomnavigation-primary-height: var(--spectrum-global-dimension-static-size-700); --spectrum-bottomnavigation-primary-elevation: 8dp; --spectrum-bottomnavigation-primary-icon-size: var(--spectrum-alias-workflow-icon-size-m); --spectrum-bottomnavigation-primary-padding-top: var(--spectrum-global-dimension-static-size-100); --spectrum-bottomnavigation-primary-padding-bottom: var(--spectrum-global-dimension-static-size-115); --spectrum-bottomnavigation-primary-icon-gap: var(--spectrum-global-dimension-static-size-50); --spectrum-bottomnavigation-primary-text-size: var(--spectrum-global-dimension-static-font-size-75); --spectrum-bottomnavigation-primary-sidelabel-icon-color: var(--spectrum-alias-icon-color); --spectrum-bottomnavigation-primary-sidelabel-text-color: var(--spectrum-alias-text-color); --spectrum-bottomnavigation-primary-sidelabel-icon-color-hover: var(--spectrum-alias-icon-color-hover); --spectrum-bottomnavigation-primary-sidelabel-text-color-hover: var(--spectrum-alias-text-color-hover); --spectrum-bottomnavigation-primary-sidelabel-icon-color-down: var(--spectrum-alias-icon-color-down); --spectrum-bottomnavigation-primary-sidelabel-text-color-down: var(--spectrum-alias-text-color-down); --spectrum-bottomnavigation-primary-sidelabel-icon-color-key-focus: var(--spectrum-alias-icon-color-focus); --spectrum-bottomnavigation-primary-sidelabel-text-color-key-focus: var(--spectrum-alias-text-color-hover); --spectrum-bottomnavigation-primary-sidelabel-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); --spectrum-bottomnavigation-primary-sidelabel-text-color-disabled: var(--spectrum-alias-text-color-disabled); --spectrum-bottomnavigation-primary-sidelabel-icon-color-selected: var(--spectrum-alias-icon-color-selected); --spectrum-bottomnavigation-primary-sidelabel-text-color-selected: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-primary-sidelabel-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); --spectrum-bottomnavigation-primary-sidelabel-text-color-selected-hover: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-primary-sidelabel-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); --spectrum-bottomnavigation-primary-sidelabel-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-primary-sidelabel-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); --spectrum-bottomnavigation-primary-sidelabel-text-color-selected-down: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-primary-sidelabel-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); --spectrum-bottomnavigation-primary-sidelabel-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); --spectrum-bottomnavigation-primary-sidelabel-background-color: var(--spectrum-alias-background-color-primary); --spectrum-bottomnavigation-primary-sidelabel-text-font-family: var(--spectrum-alias-body-text-font-family); --spectrum-bottomnavigation-primary-sidelabel-text-font-style: var(--spectrum-global-font-style-regular); --spectrum-bottomnavigation-primary-sidelabel-text-font-weight: var(--spectrum-alias-body-text-font-weight); --spectrum-bottomnavigation-primary-sidelabel-text-line-height: var(--spectrum-alias-component-text-line-height); --spectrum-bottomnavigation-primary-sidelabel-text-letter-spacing: 0; --spectrum-bottomnavigation-primary-sidelabel-text-transform: none; --spectrum-bottomnavigation-primary-sidelabel-height: var(--spectrum-global-dimension-static-size-700); --spectrum-bottomnavigation-primary-sidelabel-elevation: 8dp; --spectrum-bottomnavigation-primary-sidelabel-icon-size: var(--spectrum-alias-workflow-icon-size-m); --spectrum-bottomnavigation-primary-sidelabel-padding-top: var(--spectrum-global-dimension-static-size-100); --spectrum-bottomnavigation-primary-sidelabel-padding-bottom: var(--spectrum-global-dimension-static-size-115); --spectrum-bottomnavigation-primary-sidelabel-icon-gap: var(--spectrum-global-dimension-static-size-50); --spectrum-bottomnavigation-primary-sidelabel-text-size: var(--spectrum-global-dimension-static-font-size-75); --spectrum-bottomnavigation-primary-sidelabel-item-padding-top: var(--spectrum-global-dimension-static-size-200); --spectrum-bottomnavigation-primary-sidelabel-item-padding-bottom: var(--spectrum-global-dimension-static-size-225); --spectrum-bottomnavigation-primary-sidelabel-item-icon-gap: var(--spectrum-global-dimension-static-size-115); --spectrum-bottomnavigation-primary-sidelabel-item-text-size: var(--spectrum-global-dimension-static-font-size-150); --spectrum-bottomnavigation-secondary-icon-color: var(--spectrum-alias-icon-color); --spectrum-bottomnavigation-secondary-text-color: var(--spectrum-alias-text-color); --spectrum-bottomnavigation-secondary-icon-color-hover: var(--spectrum-alias-icon-color-hover); --spectrum-bottomnavigation-secondary-text-color-hover: var(--spectrum-alias-text-color-hover); --spectrum-bottomnavigation-secondary-icon-color-down: var(--spectrum-alias-icon-color-down); --spectrum-bottomnavigation-secondary-text-color-down: var(--spectrum-alias-text-color-down); --spectrum-bottomnavigation-secondary-icon-color-key-focus: var(--spectrum-alias-icon-color-focus); --spectrum-bottomnavigation-secondary-text-color-key-focus: var(--spectrum-alias-text-color-hover); --spectrum-bottomnavigation-secondary-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); --spectrum-bottomnavigation-secondary-text-color-disabled: var(--spectrum-alias-text-color-disabled); --spectrum-bottomnavigation-secondary-icon-color-selected: var(--spectrum-alias-icon-color-selected); --spectrum-bottomnavigation-secondary-text-color-selected: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-secondary-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); --spectrum-bottomnavigation-secondary-text-color-selected-hover: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-secondary-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); --spectrum-bottomnavigation-secondary-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-secondary-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); --spectrum-bottomnavigation-secondary-text-color-selected-down: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-secondary-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); --spectrum-bottomnavigation-secondary-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); --spectrum-bottomnavigation-secondary-background-color: var(--spectrum-alias-background-color-secondary); --spectrum-bottomnavigation-secondary-text-font-family: var(--spectrum-alias-body-text-font-family); --spectrum-bottomnavigation-secondary-text-font-style: var(--spectrum-global-font-style-regular); --spectrum-bottomnavigation-secondary-text-font-weight: var(--spectrum-alias-body-text-font-weight); --spectrum-bottomnavigation-secondary-text-line-height: var(--spectrum-alias-component-text-line-height); --spectrum-bottomnavigation-secondary-text-letter-spacing: 0; --spectrum-bottomnavigation-secondary-text-transform: none; --spectrum-bottomnavigation-secondary-height: var(--spectrum-global-dimension-static-size-700); --spectrum-bottomnavigation-secondary-elevation: 8dp; --spectrum-bottomnavigation-secondary-icon-size: var(--spectrum-alias-workflow-icon-size-m); --spectrum-bottomnavigation-secondary-padding-top: var(--spectrum-global-dimension-static-size-100); --spectrum-bottomnavigation-secondary-padding-bottom: var(--spectrum-global-dimension-static-size-115); --spectrum-bottomnavigation-secondary-icon-gap: var(--spectrum-global-dimension-static-size-50); --spectrum-bottomnavigation-secondary-text-size: var(--spectrum-global-dimension-static-font-size-75); --spectrum-bottomnavigation-secondary-sidelabel-icon-color: var(--spectrum-alias-icon-color); --spectrum-bottomnavigation-secondary-sidelabel-text-color: var(--spectrum-alias-text-color); --spectrum-bottomnavigation-secondary-sidelabel-icon-color-hover: var(--spectrum-alias-icon-color-hover); --spectrum-bottomnavigation-secondary-sidelabel-text-color-hover: var(--spectrum-alias-text-color-hover); --spectrum-bottomnavigation-secondary-sidelabel-icon-color-down: var(--spectrum-alias-icon-color-down); --spectrum-bottomnavigation-secondary-sidelabel-text-color-down: var(--spectrum-alias-text-color-down); --spectrum-bottomnavigation-secondary-sidelabel-icon-color-key-focus: var(--spectrum-alias-icon-color-focus); --spectrum-bottomnavigation-secondary-sidelabel-text-color-key-focus: var(--spectrum-alias-text-color-hover); --spectrum-bottomnavigation-secondary-sidelabel-icon-color-disabled: var(--spectrum-alias-icon-color-disabled); --spectrum-bottomnavigation-secondary-sidelabel-text-color-disabled: var(--spectrum-alias-text-color-disabled); --spectrum-bottomnavigation-secondary-sidelabel-icon-color-selected: var(--spectrum-alias-icon-color-selected); --spectrum-bottomnavigation-secondary-sidelabel-text-color-selected: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-secondary-sidelabel-icon-color-selected-hover: var(--spectrum-alias-icon-color-selected-hover); --spectrum-bottomnavigation-secondary-sidelabel-text-color-selected-hover: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-secondary-sidelabel-icon-color-selected-key-focus: var(--spectrum-alias-icon-color-selected-focus); --spectrum-bottomnavigation-secondary-sidelabel-text-color-selected-key-focus: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-secondary-sidelabel-icon-color-selected-down: var(--spectrum-alias-icon-color-selected-down); --spectrum-bottomnavigation-secondary-sidelabel-text-color-selected-down: var(--spectrum-alias-text-color-selected); --spectrum-bottomnavigation-secondary-sidelabel-icon-color-selected-disabled: var(--spectrum-alias-icon-color-disabled); --spectrum-bottomnavigation-secondary-sidelabel-text-color-selected-disabled: var(--spectrum-alias-text-color-disabled); --spectrum-bottomnavigation-secondary-sidelabel-background-color: var(--spectrum-alias-background-color-secondary); --spectrum-bottomnavigation-secondary-sidelabel-text-font-family: var(--spectrum-alias-body-text-font-family); --spectrum-bottomnavigation-secondary-sidelabel-text-font-style: var(--spectrum-global-font-style-regular); --spectrum-bottomnavigation-secondary-sidelabel-text-font-weight: var(--spectrum-alias-body-text-font-weight); --spectrum-bottomnavigation-secondary-sidelabel-text-line-height: var(--spectrum-alias-component-text-line-height); --spectrum-bottomnavigation-secondary-sidelabel-text-letter-spacing: 0; --spectrum-bottomnavigation-secondary-sidelabel-text-transform: none; --spectrum-bottomnavigation-secondary-sidelabel-height: var(--spectrum-global-dimension-static-size-700); --spectrum-bottomnavigation-secondary-sidelabel-elevation: 8dp; --spectrum-bottomnavigation-secondary-sidelabel-icon-size: var(--spectrum-alias-workflow-icon-size-m); --spectrum-bottomnavigation-secondary-sidelabel-padding-top: var(--spectrum-global-dimension-static-size-100); --spectrum-bottomnavigation-secondary-sidelabel-padding-bottom: var(--spectrum-global-dimension-static-size-115); --spectrum-bottomnavigation-secondary-sidelabel-icon-gap: var(--spectrum-global-dimension-static-size-50); --spectrum-bottomnavigation-secondary-sidelabel-text-size: var(--spectrum-global-dimension-static-font-size-75); --spectrum-bottomnavigation-secondary-sidelabel-item-padding-top: var(--spectrum-global-dimension-static-size-200); --spectrum-bottomnavigation-secondary-sidelabel-item-padding-bottom: var(--spectrum-global-dimension-static-size-225); --spectrum-bottomnavigation-secondary-sidelabel-item-icon-gap: var(--spectrum-global-dimension-static-size-115); --spectrum-bottomnavigation-secondary-sidelabel-item-text-size: var(--spectrum-global-dimension-static-font-size-150); }