/* v16.17.5 */
/*
 * Copyright (c) 2023 Texas Instruments. All rights reserved.
 */
/*
* ==========================================================================
* _polaris-variables.scss
*
* This file contains global-css core Sass variables that act as our style tokens
*
* Sass variables use the namespace prefix: `$polaris-`
* ==========================================================================
*/
/*
* --------------------------------------------------------------------------
* Deprecated - Color palette tokens
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* Color palette tokens
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* Common style tokens
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* Typography tokens
* --------------------------------------------------------------------------
*/
/*
* Font stack definitions
*/
/*
* Root HTML and BODY tag values
*/
/*
* Font size cadence values
*/
/*
* Standard Paragraph font sizes
*/
/*
* Header tag font sizes
*/
/*
* Line height cadence values
*/
/*
* Font weight values
*/
/*
* --------------------------------------------------------------------------
* Spacing values variables
* --------------------------------------------------------------------------
*/
/*
* Base spacing cadence values
*/
/*
* Layout specific vertical spacing
*/
/*
* Layout specific vertical padding for containers
*/
/*
* Component/element specific spacing
*/
/*
* --------------------------------------------------------------------------
* Grid and layout variables
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* Responsive breakpoints
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* Animation variables
* --------------------------------------------------------------------------
*/
/*
* Animation easing types
*/
/*
* Animation timings
*/
/*
* --------------------------------------------------------------------------
* Icon size and color variables
* --------------------------------------------------------------------------
*/
/*
* Standard icon sizes
*/
/*
* Inline Icon and Text spacing
*/
/*
* Standard icon colors
*/
/*
* --------------------------------------------------------------------------
* svg icon uri paths
* --------------------------------------------------------------------------
*/
/*
* chevron-down icon path
*/
/*
* clock icon path
*/
/*
* close icon path
*/
/*
* filter icon path
*/
/*
* Missing image icon
*/
/*
* search icon path
*/
/*
* --------------------------------------------------------------------------
* svg icon uri
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* Element Color Definitions
* [Deprecated] todo: remove and replace with theming variables
* We keep these here for now for legacy support until webcomponents areupdated
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* Legacy grid and layout variables
* [Deprecated] todo: remove and replace with updated variables
* --------------------------------------------------------------------------
*/
/*
* ==========================================================================
* Import Polaris primary theme Sass alias variables
* ==========================================================================
*/
/*
* ==========================================================================
* _polaris.theme-primary-aliases.scss
*
* This file contains the main Polaris theme as SASS Aliases
*
* Sass alias variables for theming match the custom property names:
* `$pl-{role}-{property/rule}-{variation}`
*
* These can be used in projects in place of the custom properties, so that
* the default fallbacks are consistant and standardized with Global-css core
* ==========================================================================
*/
/*
* --------------------------------------------------------------------------
* Background Colors
* --------------------------------------------------------------------------
*/
/*
* Page background colors
*
* Used for base page background colors
*/
/*
* Section background colors
*
* Used for full width page content section
*/
/*
* Container background colors
*
* Used for boxes and containers of content such as cards, panels, tables
*/
/*
* --------------------------------------------------------------------------
* Text Colors
* --------------------------------------------------------------------------
*/
/*
* Common text colors
*/
/*
* Link text colors
*/
/*
* --------------------------------------------------------------------------
* Element Colors
* --------------------------------------------------------------------------
*/
/*
* UI element colors
*
* Used on main UI elements, such as buttons, form elements, etc.
*/
/*
* Form element colors
*
* Used on common form elements, inputs and buttons.
*/
/*
* Border colors
*
* Used on non-divider borders, such as text underlines, image borders, text inputs
*/
/*
* Divider colors
*
* Used on lines intended for content separation
*/
/*
* State colors
*
* Colors defined for specic element states: error, success, warning
*/
/*
* ==========================================================================
* _polaris.mixins.scss
*
* This file contains Polaris mixins
* Mixin namespacing uses a prefix with `mix-`
* ==========================================================================
*/
/* stylelint-disable declaration-no-important, function-calc-no-invalid, selector-max-universal */
/*
* --------------------------------------------------------------------------
* Common utility mixins
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* Common helper functions
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* Element first responsive breakpoint mixins
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* Responsive placeholders for showing or hideing elements at breakpoints
* --------------------------------------------------------------------------
*/
/*
* Show only at specific viewport sizes
*/
/*
* Hide only at specific viewport sizes
*/
/*
* --------------------------------------------------------------------------
* Static 12 Column Grid
*
* This is the new polaris grid used for page template.
* These mixins will allow internal component grids to line up
* with the external page grid.
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* Responsive 12 Column Grid
*
* This is to promote the static 12 column grid to become responsive
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* Fluid Column Grid
*
* This is the responsive grid used for fluid width containers.
* they have no relation to the outside grid and are percentage based
* Used for ODT panels, etc.
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* Font size and spacing metrics mixins and plaeholders
*
* These apply font size / line heights adjustments to an element.
* --------------------------------------------------------------------------
*/
/*
* Header size, styles, and spacing placeholders
*/
/*
* Paragraph size, styles, and spacing placeholders
*/
/*
* --------------------------------------------------------------------------
* Focus styling
* --------------------------------------------------------------------------
*/
/*
* --------------------------------------------------------------------------
* CSS Shapes
* --------------------------------------------------------------------------
*/
/* stylelint-enable */
/* styles for registration form */
#registrationForm h1 {
  margin-bottom: 1em;
}
#registrationForm h3 {
  margin-top: 16px;
}
#registrationForm ti-form-element {
  padding-top: 1em;
}
#registrationForm input, #registrationForm ti-password, #registrationForm ti-password-validator, #registrationForm ti-button {
  box-sizing: border-box;
  width: 100%;
}
#registrationForm select {
  appearance: none;
  width: 100%;
  height: 100%;
  padding: 0px calc(0.5rem + 28px) 0px 0.5rem;
  line-height: 30px;
  font-family: inherit;
  font-size: 14px;
  border: 1px solid rgb(204, 204, 204);
  background-image: url(https://www.ti.com/assets/icons/ti_icons-objects/chevron-down.svg);
  background-position: right 6px top 7px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-color: rgb(255, 255, 255);
  border-radius: 0px;
  color: rgb(85, 85, 85);
  cursor: pointer;
}
#registrationForm ti-checkbox {
  padding-top: 1em;
}
#registrationForm .email-opt-in-text {
  position: relative;
  display: inline-block;
  padding-left: 1.75rem;
  line-height: 18px;
  margin-bottom: 0.75rem;
  margin-right: 1rem;
  cursor: pointer;
}
#registrationForm div.steps {
  display: flex;
  overflow-x: hidden;
}
#registrationForm div.steps > .form-step {
  min-width: 100%;
  max-width: 100%;
  transition: 150ms;
}
#registrationForm div.steps.shift > #form-step-1 {
  transform: translateX(-130%);
}
#registrationForm div.steps.shift > #form-step-2 {
  transform: translateX(-100%);
}
#registrationForm div.form-footer {
  width: 100%;
}