@opentrons/components 0.3.0-alpha.0 → 0.3.1-alpha.0

package/lib/instrument/InstrumentDiagram.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { FlattenSimpleInterpolation } from 'styled-components';
 import type { PipetteV2Specs } from '@opentrons/shared-data';
 import type { StyleProps } from '..';

package/lib/legacy-hardware-sim/LabwareNameOverlay.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface LabwareNameOverlayProps {
     title: string;
     subtitle?: string | null;

package/lib/modals/ContinueModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { AlertModalProps } from './AlertModal';
 export interface ContinueModalProps extends Omit<AlertModalProps, 'buttons'> {
     onCancelClick: () => unknown;

package/lib/modals/SpinnerModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface SpinnerModalProps {
     /** Additional/Override style */
     contentsClassName?: string;

package/lib/molecules/DeckLabel/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ModuleModel } from '@opentrons/shared-data';
 export interface DeckLabelProps {
     /** Visible label text. */

package/lib/molecules/IconButton/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IconName } from '../../icons';
 /**
  * Defines the color variants available for the IconButton.

package/lib/molecules/InfoScreen/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IconName } from '../../icons';
 interface InfoScreenProps {
     content: string;

package/lib/molecules/ParametersTable/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { RunTimeParameter } from '@opentrons/shared-data';
 interface ProtocolParameterItemsProps {
     runTimeParameters: RunTimeParameter[];

package/lib/molecules/ReleaseNotes/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ReleaseNotesProps {
     isOEMMode: boolean;
     source?: string | null;

package/lib/molecules/RobotInfoLabel/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IconName } from '../../icons';
 export interface RobotInfoLabelProps {
     deckLabel?: string;

package/lib/molecules/Tabs/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface TabProps {
     text: string;
     onClick: () => void;

package/lib/molecules/TimelineScrubber/TrackSlider.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface TrackData {
     id: string;
     value: number;

package/lib/molecules/TimelineScrubber/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { TrackData } from './TrackSlider';
 export interface TimelineScrubberProps {
     tracks: TrackData[];

package/lib/organisms/LabwareDetailsWithCount/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface LabwareDetailsWithCountProps {
     title: string;
     subTitle?: string;

package/lib/primitives/Box.d.ts

@@ -1,3 +1,14 @@
 import type { ComponentProps, FC } from 'react';
 import type { StyleProps } from './types';
+/**
+ * Simple Box atom. Renders a `div` by default and accepts all primitive styling props.
+ *
+ * @component
+ *
+ * @deprecated Layout/style primitives are deprecated. If there is a preexisting
+ *   higher-level component that does what you want (e.g. from the Helix design system,
+ *   or from your project's shared components), use that instead. If not, implement your
+ *   own layout+styling with CSS modules and the semantically appropriate native HTML
+ *   element (`<li>`, `<menu>`, `<p>`, `<div>`, etc).
+ */
 export declare const Box: FC<ComponentProps<'div'> & StyleProps>;

package/lib/primitives/Btn.d.ts

@@ -3,4 +3,15 @@ import type { StyleProps } from './types';
 export declare const BUTTON_TYPE_SUBMIT: 'submit';
 export declare const BUTTON_TYPE_RESET: 'reset';
 export declare const BUTTON_TYPE_BUTTON: 'button';
+/**
+ * Button primitive
+ *
+ * @component
+ *
+ * @deprecated Layout/style primitives are deprecated. If there is a preexisting
+ *   higher-level component that does what you want (e.g. from the Helix design system,
+ *   or from your project's shared components), use that instead. If not, implement your
+ *   own layout+styling with CSS modules and the semantically appropriate native HTML
+ *   element (`<li>`, `<menu>`, `<p>`, `<div>`, etc).
+ */
 export declare const Btn: FC<ComponentProps<'button'> & StyleProps>;

package/lib/primitives/Buttons/NewPrimaryBtn.d.ts

@@ -4,5 +4,11 @@ import type { StyleProps } from '../types';
  * New primary button variant used in app
  *
  * @component
+ *
+ * @deprecated Layout/style primitives are deprecated. If there is a preexisting
+ *   higher-level component that does what you want (e.g. from the Helix design system,
+ *   or from your project's shared components), use that instead. If not, implement your
+ *   own layout+styling with CSS modules and the semantically appropriate native HTML
+ *   element (`<li>`, `<menu>`, `<p>`, `<div>`, etc).
  */
 export declare const NewPrimaryBtn: FC<ComponentProps<'button'> & StyleProps>;

package/lib/primitives/Flex.d.ts

@@ -1,3 +1,14 @@
 import type { ComponentProps, FC } from 'react';
 import type { StyleProps } from './types';
+/**
+ * Flex primitive
+ *
+ * @component
+ *
+ * @deprecated Layout/style primitives are deprecated. If there is a preexisting
+ *   higher-level component that does what you want (e.g. from the Helix design system,
+ *   or from your project's shared components), use that instead. If not, implement your
+ *   own layout+styling with CSS modules and the semantically appropriate native HTML
+ *   element (`<li>`, `<menu>`, `<p>`, `<div>`, etc).
+ */
 export declare const Flex: FC<ComponentProps<'div'> & StyleProps>;

package/lib/primitives/ForeignObject.d.ts

@@ -8,6 +8,13 @@ export interface ForeignObjectProps {
 }
 /**
  * Foreign Object styled atomic component
+ *
  * @component
+ *
+ * @deprecated Layout/style primitives are deprecated. If there is a preexisting
+ *   higher-level component that does what you want (e.g. from the Helix design system,
+ *   or from your project's shared components), use that instead. If not, implement your
+ *   own layout+styling with CSS modules and the semantically appropriate native HTML
+ *   element (`<li>`, `<menu>`, `<p>`, `<div>`, etc).
  */
 export declare const ForeignObject: ({ width, height, x, y, children, }: ForeignObjectProps) => ReactElement;

package/lib/primitives/Link.d.ts

@@ -4,4 +4,13 @@ export interface LinkProps extends StyleProps {
     /** render link with target="_blank" */
     external?: boolean;
 }
+/**
+ * Link primitive
+ *
+ * @deprecated Layout/style primitives are deprecated. If there is a preexisting
+ *   higher-level component that does what you want (e.g. from the Helix design system,
+ *   or from your project's shared components), use that instead. If not, implement your
+ *   own layout+styling with CSS modules and the semantically appropriate native HTML
+ *   element (`<li>`, `<menu>`, `<p>`, `<div>`, etc).
+ */
 export declare const Link: FC<ComponentProps<'a'> & LinkProps>;

package/lib/primitives/Svg.d.ts

@@ -10,5 +10,11 @@ export interface SvgProps extends StyleProps {
  * SVG primitive with style props support
  *
  * @component
+ *
+ * @deprecated Layout/style primitives are deprecated. If there is a preexisting
+ *   higher-level component that does what you want (e.g. from the Helix design system,
+ *   or from your project's shared components), use that instead. If not, implement your
+ *   own layout+styling with CSS modules and the semantically appropriate native HTML
+ *   element (`<li>`, `<menu>`, `<p>`, `<div>`, etc).
  */
 export declare const Svg: FC<ComponentProps<'svg'> & SvgProps>;

package/lib/primitives/Text.d.ts

@@ -1,5 +1,16 @@
 import type { ComponentProps, FC } from 'react';
 import type { StyleProps } from './types';
+/**
+ * Text primitive
+ *
+ * @component
+ *
+ * @deprecated Layout/style primitives are deprecated. If there is a preexisting
+ *   higher-level component that does what you want (e.g. from the Helix design system,
+ *   or from your project's shared components), use that instead. If not, implement your
+ *   own layout+styling with CSS modules and the semantically appropriate native HTML
+ *   element (`<li>`, `<menu>`, `<p>`, `<div>`, etc).
+ */
 export declare const Text: FC<ComponentProps<'p'> & StyleProps & {
     as?: string;
 }>;

package/lib/primitives/index.d.ts

@@ -6,6 +6,5 @@ export * from './ForeignObject';
 export * from './Link';
 export * from './Svg';
 export * from './Text';
-export * from './Buttons/NewSecondaryBtn';
 export * from './Buttons/NewPrimaryBtn';
 export * from './types';

package/lib/slotmap/OT2SlotMap.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface SlotMapProps {
     /** Slot(s) to highlight */
     occupiedSlots: string[];

package/lib/structure/Splash.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IconName } from '../icons';
 export interface SplashProps {
     /** optional alternative icon name. Defaults to 'logo'. */

package/lib/style.css

@@ -1 +1 @@
-@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s steps(8) infinite;transform-origin:center}.btn_container{padding:0;border-width:0;border-style:solid;-webkit-appearance:none;appearance:none;background-color:transparent;cursor:pointer;white-space:nowrap}.btn_container *:disabled{cursor:default}@media (height: 600px) and (width: 1024px){.btn_container{cursor:default}}.new_secondary_btn{display:inline-block;padding:var(--spacing-8) var(--spacing-16);border-width:1px;border-style:solid;border-color:inherit;border-radius:var(--border-radius-2);background-color:var(--white);color:var(--blue-50);cursor:pointer;font-size:var(--font-size-h3);font-weight:var(--font-weight-semi-bold);line-height:1.4;text-align:center;text-transform:uppercase}.new_secondary_btn:hover,.new_secondary_btn:focus{border-width:2px;background-color:var(--white);box-shadow:0 3px 6px #0000003b;color:var(--blue-50)}.new_secondary_btn:active{border-width:2px;background-color:var(--white);box-shadow:none;color:#004aaa}.new_secondary_btn:disabled,.new_secondary_btn.disabled{border-width:2px;background-color:var(--white);box-shadow:none;color:#9c9c9c}.new_primary_btn{display:inline-block;padding:var(--spacing-8) var(--spacing-16);border:none;border-color:inherit;border-radius:var(--border-radius-4);background-color:#0070f3;box-shadow:0 1px 3px #0000001a,0 1px 2px #0003;color:var(--white);cursor:pointer;font-size:var(--font-size-h3);font-weight:var(--font-weight-semi-bold);line-height:1.4;text-align:center;text-transform:uppercase}.new_primary_btn:hover,.new_primary_btn:focus{background-color:#0070f3;box-shadow:0 3px 6px #0000003b}.new_primary_btn:active{background-color:#004aaa;box-shadow:none}.new_primary_btn:disabled,.new_primary_btn.disabled{background-color:#9ca3af;box-shadow:none;color:var(--white);cursor:default}:root{--button-pad: .5rem}.button_primary{position:relative;display:inline-block;width:100%;padding:.5rem;padding:var(--button-pad);border:none;border-radius:2px;border-radius:var(--bd-radius-default);background:transparent;background-color:#4a4a4a;background-color:var(--c-bg-dark);box-shadow:0 0 2px #0000001f,0 2px 2px #0000003d;color:#fff;color:var(--c-font-light);cursor:pointer;font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold);line-height:1.4;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase}.button_primary:focus{background-color:#343434}.button_primary:hover,.button_primary.hover{background-color:#343434}.button_primary:active{background-color:gray;box-shadow:0 0 8px #0000001f,0 8px 8px #0000003d;font-weight:400;font-weight:var(--fw-regular)}.button_primary.inverted{background-color:#fafafa;background-color:var(--c-bg-light);color:#4a4a4a;color:var(--c-font-dark)}.button_primary.inverted:focus,.button_primary.inverted:hover,.button_primary.inverted.hover{background-color:#eee}.button_primary.inverted:active{background-color:#e1e1e1}.button_primary:disabled,.button_primary.disabled{border-color:#9c9c9c;border-color:var(--c-font-disabled);background-color:#c9c9c9;box-shadow:none;color:#9c9c9c;color:var(--c-font-disabled);cursor:default;fill:#9c9c9c;fill:var(--c-font-disabled);font-weight:400;pointer-events:none}.button_flat{position:relative;display:inline-block;width:9rem;padding:.5rem;padding:var(--button-pad);border:none;border-radius:2px;border-radius:var(--bd-radius-default);background:transparent;color:#4a4a4a;color:var(--c-font-dark);cursor:pointer;font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold);line-height:1.4;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase}.button_flat:active{background-color:#e1e1e1;font-weight:400;font-weight:var(--fw-regular)}.button_flat:disabled,.button_flat.disabled{border-color:#9c9c9c;border-color:var(--c-font-disabled);background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);cursor:default;fill:#9c9c9c;fill:var(--c-font-disabled);font-weight:400;pointer-events:none}.button_flat:focus{background-color:#9b9b9b40}.button_flat:hover,.button_flat.hover{background-color:#9b9b9b40}.button_flat.inverted{border-color:#fff;border-color:var(--c-font-light);color:#fff;color:var(--c-font-light)}.button_flat.inverted:active{background-color:#5c5c5c;font-weight:400;font-weight:var(--fw-regular)}.button_flat.inverted:disabled,.button_flat.inverted.disabled{border-color:#9c9c9c;border-color:var(--c-font-disabled);background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);cursor:default;fill:#9c9c9c;fill:var(--c-font-disabled);font-weight:400;pointer-events:none}.button_flat.inverted:focus{background-color:#535353}.button_flat.inverted:hover,.button_flat.inverted.hover{background-color:#535353}.button_outline{position:relative;display:inline-block;width:9rem;padding:.5rem;padding:var(--button-pad);border:1px solid #4a4a4a;border:1px solid var(--c-font-dark);border-radius:2px;border-radius:var(--bd-radius-default);background:transparent;color:#4a4a4a;color:var(--c-font-dark);cursor:pointer;font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold);line-height:1.4;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase}.button_outline:active{background-color:#e1e1e1;font-weight:400;font-weight:var(--fw-regular)}.button_outline:disabled,.button_outline.disabled{border-color:#9c9c9c;border-color:var(--c-font-disabled);background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);cursor:default;fill:#9c9c9c;fill:var(--c-font-disabled);font-weight:400;pointer-events:none}.button_outline:focus{background-color:#9b9b9b40}.button_outline:hover,.button_outline.hover{background-color:#9b9b9b40}.button_outline.inverted{border-color:#fff;border-color:var(--c-font-light);color:#fff;color:var(--c-font-light)}.button_outline.inverted:active{background-color:#5c5c5c;font-weight:400;font-weight:var(--fw-regular)}.button_outline.inverted:disabled,.button_outline.inverted.disabled{border-color:#9c9c9c;border-color:var(--c-font-disabled);background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);cursor:default;fill:#9c9c9c;fill:var(--c-font-disabled);font-weight:400;pointer-events:none}.button_outline.inverted:focus{background-color:#535353}.button_outline.inverted:hover,.button_outline.inverted.hover{background-color:#535353}.button_icon{width:auto}.button_icon>*{display:block;width:100%;height:100%}.button_icon.inverted{color:#fff;fill:#fff;stroke:#fff}.button_icon.inverted:disabled,.button_icon.inverted.disabled{border-color:#9c9c9c;border-color:var(--c-font-disabled);background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);cursor:default;fill:#9c9c9c;fill:var(--c-font-disabled);font-weight:400;pointer-events:none}.icon{position:absolute;top:.5rem;top:var(--button-pad);left:.5rem;left:var(--button-pad);height:calc(100% - 1rem);height:calc(100% - 2 * var(--button-pad))}.modal{position:fixed;z-index:1;display:flex;align-items:center;align-items:flex-start;justify-content:center;padding:4rem;inset:0}.modal_page{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4.5rem 3rem 1rem;inset:0}.overlay{position:absolute;background-color:#000000e6;inset:0}.title_bar{position:absolute;z-index:3;top:0;right:0;left:0;width:100%}.modal_contents{z-index:1;width:100%;max-width:38rem;padding:1rem;border-radius:.5rem;margin:0 auto;background-color:#fff}.modal_page_contents{z-index:1;width:100%;max-width:38rem;max-height:100%;padding:1rem;border-radius:.5rem;margin:0 auto;background-color:#fff;overflow-y:auto}.modal_heading{margin-top:0;margin-bottom:1rem;color:#4a4a4a;color:var(--c-font-dark);font-size:1.125rem;font-size:var(--fs-header);font-weight:600;font-weight:var(--fw-semibold);text-transform:capitalize}.alert_modal_wrapper{position:relative;max-height:100%;padding-top:4rem;border-radius:0}.alert_modal_heading.no_icon_heading{padding-left:2rem}.no_alert_header{padding-top:1.5rem}.spinner_modal_contents{z-index:4;width:100%;max-width:30rem;flex-direction:column;padding:3rem 1rem 1rem;border-radius:.5rem;margin:0 auto;background-color:transparent;color:#fff;color:var(--c-font-light);font-size:.875rem;font-size:var(--fs-body-2);font-style:italic;font-weight:400;font-weight:var(--fw-regular);text-align:center}.spinner_modal_icon{width:7.5rem;margin-bottom:3rem}.alert_modal{z-index:10}.alert_modal_overlay{background-color:#737373e6}.alert_modal_contents{width:100%;max-height:100%;padding:1rem;color:#4a4a4a;color:var(--c-font-dark);font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular)}.alert_modal_contents>p{padding-bottom:1rem}.alert_modal_heading{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;padding:1rem;background-color:#e0e0e0;color:#4a4a4a;color:var(--c-font-dark);font-size:1.125rem;font-size:var(--fs-header);font-weight:400}.alert_modal_icon{height:1.125rem;margin-right:.75rem}.alert_modal_buttons{margin-top:1rem;float:right}.alert_button{margin-left:1rem}.alert_primary_button{padding:var(--spacing-8) var(--spacing-16);border:none;border-radius:var(--border-radius-8);background-color:var(--red-50);box-shadow:0 0;color:var(--white);cursor:pointer;font-weight:var(--font-weight-semi-bold);text-transform:none}.alert_primary_button:hover{background-color:var(--red-55);box-shadow:0 0}.alert_primary_button:disabled{background-color:var(--grey-30);color:var(--grey-40)}@media not all and (width: 1024px) and (height: 600px){.heading_small_bold{font-size:1.125rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-24)}.heading_large_bold{font-size:2rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-32)}.caption_bold{font-size:.75rem;font-weight:var(--font-weight-bold)}.body_default_semi_bold{font-size:var(--font-size-16);font-weight:var(--font-weight-semi-bold);line-height:var(--line-height-24)}}@media (width: 1024px) and (height: 600px){.small_body_text_bold{font-size:var(--font-size-20);font-weight:var(--font-weight-bold);line-height:var(--font-height-24)}}.checkbox_label{display:flex;width:max-content;width:var(--checkbox-width, max-content);flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-12) var(--spacing-16);border:none;gap:var(--spacing-12);-webkit-user-select:none;user-select:none}.checkbox_label_unchecked{background-color:var(--blue-30);color:var(--black-90)}.checkbox_label_checked{background-color:var(--blue-50);color:var(--white)}.checkbox_label_round{border-radius:200px}.checkbox_label_neutral{border-radius:var(--border-radius-8)}.checkbox_label_enabled{cursor:pointer}.checkbox_label_disabled{background-color:var(--grey-30);color:var(--grey-40);cursor:default}.checkbox_label_enabled.checkbox_label_unchecked:active{background-color:var(--blue-40)}.checkbox_label_enabled.checkbox_label_checked:active{background-color:var(--blue-55)}.checkbox_label_enabled.checkbox_label_unchecked:hover{background-color:var(--blue-35)}.checkbox_label_enabled.checkbox_label_checked:hover{background-color:var(--blue-55)}.checkbox_label:has(.checkbox_input_hidden:focus-visible){outline:3px solid var(--blue-50);outline-offset:2px}.checkbox_label_unchecked:has(.checkbox_input_hidden:focus-visible){background-color:var(--blue-35)}.checkbox_label_checked:has(.checkbox_input_hidden:focus-visible){background-color:var(--blue-50)}@media (height: 600px) and (width: 1024px){.checkbox_label{width:100%;padding:var(--spacing-20);border-radius:var(--border-radius-16);cursor:auto}}.checkbox_input_hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border-width:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}.checkbox_wrapper{display:flex;width:1rem;height:1rem}@media (height: 600px) and (width: 1024px){.checkbox_wrapper{width:1.75rem;height:1.75rem}}.checkbox_wrapper_unchecked{border:2px solid var(--black-90);border-radius:var(--border-radius-4)}.checkbox_wrapper_unchecked_disabled{border-color:var(--grey-40)}.tooltip_box{z-index:9001;padding:8px;background-color:#4a4a4a;background-color:var(--c-bg-dark);box-shadow:0 3px 6px #00000021,0 3px 6px #0000003b;color:#fff;color:var(--c-font-light);cursor:pointer;font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular)}.arrow{position:absolute;bottom:0;left:0;width:1em;height:.5em;margin-bottom:-.5em}.arrow:before{display:block;width:0;height:0;border-width:.5em .5em 0;border-style:solid;border-color:#4a4a4a transparent transparent transparent;border-color:var(--c-bg-dark) transparent transparent transparent;margin:auto;content:""}.arrow.bottom{top:0;left:0;width:1em;height:.5em;margin-top:-.5em}.arrow.bottom:before{border-width:0 .5em .5em;border-color:transparent transparent #4a4a4a transparent;border-color:transparent transparent var(--c-bg-dark) transparent}.arrow.right{top:0;left:0;width:.5em;height:1em;margin-left:-.5em}.arrow.right:before{border-width:.5em .5em .5em 0;border-color:transparent #4a4a4a transparent transparent;border-color:transparent var(--c-bg-dark) transparent transparent}.arrow.left{top:0;right:0;width:.5em;height:1em;margin-right:-.5em}.arrow.left:before{border-width:.5em 0 .5em .5em;border-color:transparent transparent transparent #4a4a4a;border-color:transparent transparent transparent var(--c-bg-dark)}.label{display:inline-flex;width:max-content;max-width:100%;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);border-width:1px;border-style:solid;border-radius:var(--border-radius-8);background-color:inherit;word-wrap:break-word;white-space:nowrap}.robot_info_label_highlight{border-color:transparent;background-color:var(--blue-50)}.robot_info_label_no_highlight{border-color:var(--black-90)}.large{min-height:1.75rem;border-width:2px}.default{min-height:1.25rem}@media (height: 600px) and (width: 1024px){.label{min-height:var(--spacing-32);padding:var(--spacing-4) var(--spacing-6);border-width:2px;border-radius:var(--border-radius-12)}.has_deck_label{padding-right:var(--spacing-8)}}.slider_container{display:flex;width:100%;flex-direction:column;gap:var(--spacing-8)}.slider_container_small{gap:var(--spacing-4)}.slider_text_container_label{display:flex;flex-direction:row;justify-content:space-between}.slider_text_container_no_label{justify-content:flex-end}.slider_track_wrapper{width:100%}.slider{width:100%;height:32px;border-radius:4px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--blue-50) 0%,var(--blue-50) var(--value-percent),var(--slider-unfilled, var(--blue-20)) var(--value-percent),var(--slider-unfilled, var(--blue-20)) 100%);cursor:pointer}.slider::-webkit-slider-runnable-track{height:0;background:transparent}.slider::-webkit-slider-thumb{width:12px;height:32px;border:4px solid var(--blue-50);border-radius:4px;margin-top:-16px;-webkit-appearance:none;appearance:none;background:var(--blue-30)}.step_meter_container{position:relative;height:var(--spacing-4);background-color:var(--grey-30)}@media (width: 1024px) and (height: 600px){.step_meter_container{height:var(--spacing-12)}}.step_meter_bar{position:absolute;top:0;height:100%;backface-visibility:hidden;background-color:var(--blue-50);perspective:1000px;transform:translate(0);will-change:transform}.step_meter_bar_animated{transition:width .5s ease-in-out}.title_bar{display:flex;height:3rem;align-items:center;background-color:#4a4a4a;background-color:var(--c-dark-gray);text-transform:uppercase}.title_bar,.title_bar a{color:#fff}.title,.subtitle,.separator{margin:0;font-size:1.125rem;font-size:var(--fs-header)}.title,.separator{font-weight:600;font-weight:var(--fw-semibold)}.title{overflow:hidden;min-width:0;padding:0 1.5rem;text-overflow:ellipsis;white-space:nowrap}.subtitle{padding:0 1.5rem;font-weight:400}.title.right{margin-left:auto}.title_button{flex:none}.page_tabs{width:100%;text-align:center}.tab_link{display:inline-block;width:50%;padding:.25rem 0;background-color:#9b9b9b;background-color:var(--c-med-gray);color:#fff;font-size:3rem;font-size:var(--fs-huge);opacity:.2;text-transform:uppercase}.active_tab_link{opacity:1}.tab_title{font-weight:400}.active_tab_link .tab_title{font-weight:800;font-weight:var(--fw-bold)}.disabled{background-color:transparent;pointer-events:none}.disabled *{background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled)}.labeled_value{color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);line-height:1.5}.labeled_value svg{height:.875rem;height:var(--fs-body-2)}.labeled_value_label{margin-top:0;margin-bottom:.25rem;font-weight:600;font-weight:var(--fw-semibold)}.labeled_value_value{margin:0}.right_node{display:flex;justify-content:flex-end;margin-left:auto}.pill{padding:.5em;border-radius:12px;border-radius:var(--bd-radius-pill);color:#fff;color:var(--c-white)}.pill:empty:before{content:"​"}.invert_text{color:#000;color:var(--c-black)}.splash{position:relative;width:100%;height:100%;color:#e5e2e2;color:var(--c-light-gray)}.splash>*{position:absolute;top:50%;left:50%;max-height:100%;transform:translate(-50%,-50%)}.icon_button{position:relative;display:flex;box-sizing:border-box;align-items:center;justify-content:center;padding:var(--spacing-12);border-radius:50%;background-color:var(--variant-default)}.icon_button:active{background-color:var(--variant-active)}.icon_button:hover{background-color:var(--variant-hover)}.icon_button:focus-visible:after{position:absolute;border:2px solid var(--variant-default);border-radius:50%;content:"";inset:-8px;pointer-events:none}.release_notes{width:100%;max-height:100%;padding:0 .5rem}.release_notes>h1{margin-bottom:1rem;color:#4a4a4a;color:var(--c-font-dark);font-size:1.125rem;font-size:var(--fs-header);font-weight:600;font-weight:var(--fw-semibold)}.release_notes>h2{margin-top:1rem;margin-bottom:.75rem;color:#4a4a4a;color:var(--c-font-dark);font-size:1.125rem;font-size:var(--fs-header);font-weight:400;font-weight:var(--fw-regular)}.release_notes>h3{margin-top:.75rem;margin-bottom:.5rem;color:#4a4a4a;color:var(--c-font-dark);font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold)}.release_notes ul,.release_notes ol{margin-bottom:.25rem;margin-left:1.25rem;color:#4a4a4a;color:var(--c-font-dark);font-size:.875rem;font-size:var(--fs-body-2)}.release_notes li{margin:.25rem 0;color:#4a4a4a;color:var(--c-font-dark);font-size:.875rem;font-size:var(--fs-body-2)}.release_notes code{color:#4a4a4a;color:var(--c-font-dark);font-family:monospace}.release_notes pre{padding:.5rem .75rem;margin:.5rem 0;background-color:#4a4a4a;background-color:var(--c-font-dark)}.release_notes pre code{color:#fff;color:var(--c-font-light)}.release_notes p{margin-bottom:1rem;color:#4a4a4a;color:var(--c-font-dark);font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular)}.step_group_container{border-radius:var(--border-4)}.step_group_header{display:flex;justify-content:space-between;padding:var(--spacing-8);gap:var(--spacing-4)}.step_group_icon{display:flex;align-items:center}.wrapper{display:flex;width:100%;align-items:center}.warning_color{color:var(--yellow-60)}.default_color{color:var(--black-90)}.disabled{opacity:.5}.column_container{display:flex;width:100%;flex-direction:column}.label_row{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-8)}.tooltip_wrapper{display:flex}.clickable_column{display:flex;width:100%;flex-direction:column}.textarea_row{display:flex;align-items:center}.textarea_row_with_icon{gap:var(--spacing-8)}.left_element_wrapper{display:flex}.right_element_wrapper{display:flex;cursor:pointer;text-align:right}.textarea{width:100%;height:100%;padding:var(--spacing-8);border:1px solid var(--grey-50);border-radius:var(--border-radius-4);background-color:var(--white);font-size:var(--font-size-h3);font-weight:var(--font-weight-regular);resize:none}.textarea:focus{border:1px solid var(--blue-50);outline:none}.textarea:disabled{border:1px solid var(--grey-30);background-color:var(--grey-20)}.textarea_error{border:1px solid var(--red-50)}.textarea_error:focus{border:1px solid var(--red-50)}.textarea_background_error{border:none;background-color:var(--red-30)}.textarea_keyboard_focus:focus{border:1px solid var(--blue-50);outline:2px solid var(--blue-50);outline-offset:2px}.label_text{padding-bottom:var(--spacing-4);color:var(--grey-60);font-size:var(--font-size-h3);font-weight:var(--font-weight-regular);line-height:var(--line-height-20)}.label_text_left{text-align:left}.label_text_center{text-align:center}.caption_text{padding-top:var(--spacing-4);color:var(--grey-60)}.error_text{padding-top:var(--spacing-4);color:var(--red-50)}.scrubber_container{display:flex;overflow:visible;width:100%;box-sizing:border-box;flex-direction:column;padding-bottom:var(--spacing-8);margin-bottom:calc(-1 * var(--spacing-8))}.track_container{position:relative;display:flex;width:100%;height:0;align-items:center;cursor:pointer}.track_container:before{position:absolute;top:50%;right:0;left:0;height:28px;content:"";cursor:pointer;transform:translateY(-50%)}.track_background,.track_progress{position:absolute;top:50%;height:6px;pointer-events:none;transform:translateY(-50%)}.track_background{width:100%;background-color:var(--grey-20)}.track_container:hover .track_background{background-color:var(--blue-30)}.track_progress{width:0;background-color:var(--blue-50)}.track_thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background-color:var(--blue-50);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.8);transition:opacity .2s ease-in-out,transform .2s ease-in-out}.track_container:hover .track_thumb,.track_container.dragging .track_thumb{opacity:1;transform:translate(-50%,-50%) scale(1)}.container{display:flex;width:100%;align-items:center;color:var(--black-90);font-size:var(--font-size-28);font-weight:var(--font-weight-regular);line-height:1}.container_error{color:#9e5e00}.container_disabled{opacity:.5}.inner{display:flex;width:100%;flex-direction:column}.label_row{display:flex;flex-direction:row;align-items:center;-moz-column-gap:var(--spacing-8);column-gap:var(--spacing-8)}.outer{display:flex;width:100%;flex-direction:column;gap:var(--spacing-8)}.outer:focus-within{filter:drop-shadow(0 0 10px var(--blue-50))}.outer_error:focus-within{filter:none}.input_field{display:flex;width:100%;align-items:center;padding:var(--touch-input-padding, var(--spacing-16) var(--spacing-24));border:2px solid var(--grey-50);border-radius:var(--touch-input-border-radius, var(--border-radius-4));background-color:var(--white)}.background_error{border:none;background-color:var(--red-30)}.error{border-color:var(--red-50)}.input_field_small{height:var(--spacing-68);font-size:var(--font-size-28)}.input_field_medium{height:var(--spacing-80);font-size:var(--font-size-38)}.input_field:active{border:2px solid var(--blue-50)}.input_field.error:active{border:2px solid var(--red-50)}.input_field:focus-within{border:3px solid var(--blue-50);box-shadow:none}.input_field.error:focus-within{border:2px solid var(--red-50)}.input{width:100%;height:100%;flex:1 1 auto;border:none;border-radius:inherit;background-color:transparent;color:var(--black-90)}.input:focus{outline:none}.input::placeholder{color:var(--grey-40)}.input_small{font-size:var(--font-size-28);line-height:var(--line-height-36)}.input_medium{font-size:var(--font-size-38);line-height:var(--line-height-48)}.password_input.input_small{font-size:71px}.password_input.input_medium{font-size:77px}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.label{padding-bottom:var(--spacing-4);color:var(--grey-60);font-size:var(--font-size-22);font-weight:var(--font-weight-regular);line-height:var(--line-height-28)}.caption{padding:var(--spacing-8) 0 0}.error_text{padding-top:var(--spacing-8);color:var(--red-50);font-size:var(--font-size-22)}.units{color:var(--grey-50);font-size:var(--font-size-22);font-weight:var(--font-weight-regular);line-height:var(--line-height-28);text-align:right;white-space:nowrap}.units_disabled{color:var(--grey-40)}.align_left{justify-content:flex-start;text-align:left}.align_center{justify-content:center;text-align:center}.exit_button{color:var(--grey-60);font-weight:var(--font-weight-semi-bold);text-transform:capitalize}.exit_button:hover{color:var(--grey-50)}@media (width: 1024px) and (height: 600px){.exit_button{margin-right:1.75rem;font-size:var(--font-size-22);font-weight:var(--font-weight-bold)}.exit_button:hover{opacity:1}.exit_button:active{color:var(--grey-50)}}.box{background-color:var(--white)}@media (width: 1024px) and (height: 600px){.box{border-radius:var(--border-radius-16)}}.header_container{display:flex;flex-direction:row;justify-content:space-between;padding:var(--spacing-16) var(--spacing-32)}@media (width: 1024px) and (height: 600px){.header_container{padding:1.75rem var(--spacing-32);border-radius:var(--border-radius-16)}}.step_text{color:var(--grey-60);font-weight:var(--font-weight-semi-bold)}@media (width: 1024px) and (height: 600px){.step_text{margin-left:var(--spacing-16);font-size:var(--font-size-22)}}div.container{width:318px;padding:var(--spacing-16) var(--spacing-8);border-radius:var(--border-radius-4);background-color:var(--grey-20)}div.sub_title{display:flex;width:100%;flex-direction:column;color:var(--grey-60);gap:var(--spacing-8)}div.label{display:flex;width:88px;height:24px;align-items:center;justify-content:center;border-radius:var(--border-radius-4);background-color:var(--transparent-black-80)}.labware_info_container{padding:var(--spacing-4);border-radius:0 0 .4rem .4rem;color:#fff}.labware_info_text_container{display:flex;overflow:hidden;flex-direction:row;align-items:start;justify-content:space-between;font-size:.625rem;gap:var(--spacing-4);text-transform:none;white-space:normal;white-space:initial}.deck_labels_column{display:flex;width:2.5rem;height:100%;flex:1;flex-direction:column;align-items:center}.deck_label_column_container{display:flex;flex:1;align-items:center}.deck_labels_row{display:flex;width:5rem;width:var(--dynamic-width, 5rem);height:2.5rem;flex:1;align-items:center}.deck_label_row_container{display:flex;width:var(--dynamic-width);align-items:center;justify-content:center}.robot_coords_foreign_object_container{display:flex;width:100%;height:100%;transform:scaleY(-1)}.trash_container{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:var(--border-4);gap:var(--spacing-8)}.trash_container_highlight{border:3px solid var(--blue-50)}.trash_container_rotate_copy,.selected_tip_text{transform-origin:center}.svg{transform:scaleY(-1)}.waste_chute_copy_container{display:flex;text-align:center}.waste_chute_fixture_container{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;gap:var(--spacing-4);padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.waste_chute_fixture_container_highlight{border:3px solid var(--blue-50)}.alert{font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular)}.alert:not(:first-of-type){border-top:none}.title_bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem 1rem;font-weight:600;font-weight:var(--fw-semibold)}.title{width:100%}.success{border:1px solid #60b120;border:1px solid var(--c-success)}.success>.title_bar{background-color:#b6febc;background-color:var(--c-bg-success);color:#60b120;color:var(--c-success)}.success>.title_bar svg{color:#60b120;color:var(--c-success)}.info{border:1px solid #5fd8ee;border:1px solid var(--c-highlight)}.info>.title_bar{background-color:#f0f3ff;background-color:var(--c-bg-selected);color:#00c3e6;color:var(--c-selected-dark)}.info>.title_bar svg{color:#5fd8ee;color:var(--c-highlight)}.warning{border:1px solid #e28200;border:1px solid var(--c-warning)}.warning>.title_bar{background-color:#ffd58f;background-color:var(--c-warning-light);color:#9e5e00;color:var(--c-warning-dark)}.warning>.title_bar svg{fill:#e28200;fill:var(--c-warning)}.error{border:1px solid #d12929;border:1px solid var(--c-error)}.error>.title_bar{background-color:#ffc0c0;background-color:var(--c-error-light);color:#ac0505;color:var(--c-error-dark)}.error>.title_bar svg{fill:#d12929;fill:var(--c-error)}.message{padding:1rem 3rem;background-color:#fff}.message a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.message:empty{padding:0}.icon{width:1.5rem;margin-right:.5rem}.close{width:2rem;padding:.125rem}.close:hover{background-color:#6464641a}:root{--mw-labeled-toggle: 25rem}.toggled_on{color:#0ec9eb;fill:#0ec9eb}.toggled_off{fill:#4a4a4a;fill:var(--c-dark-gray)}.labeled_control_wrapper{display:block;width:100%;padding:1rem}.labeled_control_wrapper:not(:last-child){border-bottom:1px solid #e5e2e2;border-bottom:1px solid var(--c-light-gray)}.labeled_control{display:block}.stacked_labeled_control{display:block;margin-top:.5rem;margin-left:1rem}.stacked_labeled_control_label{display:inline-block;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:600;font-weight:var(--fw-semibold)}.labeled_control_label{display:inline-block;max-width:25rem;max-width:var(--mw-labeled-toggle);color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:600;font-weight:var(--fw-semibold)}.labeled_toggle_button{width:2rem;padding:0;margin-right:1rem;float:right}.labeled_toggle_button:hover{background-color:transparent}.labeled_button,.labeled_select{width:9rem;margin-top:.5rem;float:right}.labeled_select{color:#4a4a4a;color:var(--c-font-dark);font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular)}.labeled_checkbox{float:right}.stacked_control_info{color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular)}.stacked_control_info>p{margin-top:.5rem;margin-bottom:0;line-height:1.5}.control_info{max-width:25rem;max-width:var(--mw-labeled-toggle);color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular)}.control_info>p{margin-top:.5rem;margin-bottom:0;line-height:1.5}.accessibly_hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:rect(0 0 0 0)}.form_field{display:flex;align-items:center;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);line-height:1}.label_text{flex:0 0 auto;padding:0 .5rem}.label_text:empty{padding:0}.form_group_label{margin-bottom:.15rem;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:600;font-weight:var(--fw-semibold);text-transform:capitalize}.form_group_label:after{content:":"}.form_group_label_pipette_settings_slideout{margin-bottom:.5rem;color:#16212d;font-size:13px;font-weight:600;font-weight:var(--fw-semibold);text-transform:capitalize}.checkbox_icon{display:flex;width:1.25rem;min-width:1.25rem;align-items:center;justify-content:center;color:#4a4a4a;color:var(--c-font-dark)}.checkbox_icon:not(.checkbox_disabled):hover{cursor:pointer}.checkbox_icon.error{color:#9e5e00;color:var(--c-warning-dark)}.checkbox_icon.checked{color:#006cfa;color:var(--c-blue)}.toggle_icon{display:block;width:2rem;min-width:2rem;color:#4a4a4a;color:var(--c-font-dark)}.toggle_icon:not(.toggle_disabled):hover{cursor:pointer}.dropdown_disabled,.checkbox_disabled,.toggle_disabled{opacity:.5}.input_field_container{width:100%}.input_field{display:flex;flex:1 1;padding:.25rem .25rem .25rem .5rem;border-radius:3px;border-radius:var(--bd-radius-form-field);background-color:#e5e2e2;background-color:var(--c-light-gray)}.input_field input{width:100%;height:1rem;flex:1 1 auto;border:none;border-radius:inherit;background-color:inherit;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular)}.input_field input:focus{outline:none}.input_field input::placeholder{color:#9b9b9b;color:var(--c-med-gray)}.input_field:focus-within{background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem #00000080}.input_field .suffix{display:inline-block;flex:1 0;align-self:center;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:600;font-weight:var(--fw-semibold);text-align:right}.input_caption{color:#9b9b9b;color:var(--c-med-gray);font-size:.625rem;font-size:var(--fs-caption);font-weight:600;font-weight:var(--fw-semibold);line-height:1.2}.input_caption .right{float:right}.inline{display:flex}.inline .label_text{padding-right:1.5rem}.inline_item{flex:1}.error div,.error span{color:#9e5e00;color:var(--c-warning-dark)}.error select,.error .input_field{background-color:#ffd58f;background-color:var(--c-warning-light)}.dropdown{background-color:#e5e2e2;background-color:var(--c-light-gray)}.dropdown_field{position:relative}.dropdown_field select{overflow:hidden;width:100%;height:1.5rem;padding:.25rem .5rem;border:0;border-radius:3px;border-radius:var(--bd-radius-form-field);-webkit-appearance:none;appearance:none;color:#4a4a4a;color:var(--c-font-dark);font-family:inherit;font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);outline:none}.dropdown_field select:focus{background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem #00000080}.dropdown_field .dropdown_icon{position:absolute;top:.2rem;right:.25rem;width:1.25rem;pointer-events:none}.dropdown_field .dropdown_icon svg{color:#4a4a4a;color:var(--c-dark-gray)}.error_icon{display:inline-block;width:1.5rem;min-width:1.5rem;padding-right:.5rem}.disabled{pointer-events:none}.disabled .form_group_label{color:#e5e2e2;color:var(--c-light-gray)}.disabled input,.disabled .suffix{color:#9b9b9b;color:var(--c-med-gray)}.example_select_override .ot_select__control{background-color:#00f}.select{position:relative}.select .ot_select__control{position:relative;display:flex;height:1.75rem;padding:.25rem 0;border:none;border-radius:3px;border-radius:var(--bd-radius-form-field);background-color:#e5e2e2;background-color:var(--c-light-gray);box-shadow:none;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);outline:none}.select .ot_select__control--menu-is-open{border-bottom-left-radius:0;border-bottom-right-radius:0}.select .ot_select__control--menu-is-open,.select .ot_select__control--is-focused{background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem #00000080}.select .ot_select__option{display:flex;padding:.25rem .75rem;cursor:default}.select .ot_select__option--is-focused{background-color:#e5e2e2;background-color:var(--c-light-gray)}.select .ot_select__option--is-disabled{color:#9c9c9c;color:var(--c-font-disabled)}.select .ot_select__group-heading{margin-left:.5rem;color:#9b9b9b;color:var(--c-med-gray);font-size:.625rem;font-size:var(--fs-caption);font-weight:600;font-weight:var(--fw-semibold);text-transform:uppercase}.select .ot_select__single-value{display:flex}.select .ot_select__group:not(:first-child){padding-top:.25rem;border-top:1px solid rgba(155,155,155,.4);margin-top:.25rem}.dropdown_indicator{position:absolute;top:.25rem;right:.25rem;width:1.25rem;pointer-events:none}.dropdown_indicator>svg{color:#4a4a4a;color:var(--c-dark-gray)}.dropdown_indicator.flipped>svg{transform:rotate(180deg)}.dropdown_indicator_icon{width:100%}.menu{position:absolute;z-index:99;top:100%;right:0;left:0;padding-top:.25rem;padding-bottom:.25rem;background-color:#fff;background-color:var(--c-white);border-bottom-left-radius:3px;border-bottom-left-radius:var(--bd-radius-form-field);border-bottom-right-radius:3px;border-bottom-right-radius:var(--bd-radius-form-field);box-shadow:0 .125rem .25rem #00000080;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular)}.menu_control_bridge{position:absolute;z-index:99;top:calc(100% - 2px);right:0;left:0;height:4px;background-color:#fff;background-color:var(--c-white)}.select_field.error .ot_select__control{background-color:#ffd58f;background-color:var(--c-warning-light)}.select_caption{font-size:.625rem;font-size:var(--fs-caption)}.select_caption.error{color:#9e5e00;color:var(--c-warning-dark);font-weight:600;font-weight:var(--fw-semibold)}.name_overlay{width:100%;padding:.25rem;border-radius:0 0 .5rem .5rem;background-color:#000000bf;color:#fff;color:var(--c-font-light);font-size:.5rem}.display_name{color:#fff;color:var(--c-font-light);font-weight:600;font-weight:var(--fw-semibold);word-wrap:break-word}.deck_slot:active{cursor:grabbing}:root{--list-padding-large: 1rem;--list-padding-small: .75rem}.clickable{cursor:pointer}.disabled{background-color:transparent}.disabled *{background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);outline-color:#eee}.panel_group,.titled_list,.list_item{background-color:#fff}.panel_group{box-shadow:0 1px 2px #00000054}.hover_border{outline:1px solid #5fd8ee;outline:var(--bd-width-default) solid var(--c-highlight)}.header_text{color:#9c9c9c;color:var(--c-font-disabled);font-size:.625rem;font-size:var(--fs-caption);font-weight:600;font-weight:var(--fw-semibold);text-transform:uppercase}.title_bar{position:relative;display:flex;flex-direction:column;padding:1rem .75rem;padding:var(--list-padding-large) var(--list-padding-small);-webkit-text-decoration:none;text-decoration:none}.titled_list_title_bar{position:relative;display:flex;flex-direction:row;align-items:center;padding:1rem .75rem;padding:var(--list-padding-large) var(--list-padding-small);-webkit-text-decoration:none;text-decoration:none}.titled_list_selected .title_bar{background-color:#f0f3ff;background-color:var(--c-bg-selected)}.titled_list_selected .title_bar *{color:#00c3e6;color:var(--c-selected-dark);font-weight:600;font-weight:var(--fw-semibold)}.title{margin:0;font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular);text-transform:uppercase}.title_enabled{color:#4a4a4a;color:var(--c-font-dark)}.title_disabled{color:#9c9c9c;color:var(--c-font-disabled)}.title_bar_icon{height:1.5rem;color:#4a4a4a;color:var(--c-font-dark)}.title_bar_error{background-color:#ffc0c0;background-color:var(--c-error-light)}.icon_left_of_title{height:1.2rem;margin-right:.5rem}.icon_left_of_title_container{display:flex;justify-content:flex-start}.title_bar_carat{position:absolute;top:0;right:0;bottom:0;padding:calc(.75rem - 1px);padding:calc(var(--list-padding-small) - var(--bd-width-default));padding-top:1rem}.title_bar_carat:hover{background-color:#0000000d}.list{padding-left:0;margin:0;list-style-type:none}.list_item{display:flex;width:100%;flex-direction:row;align-items:center;padding:.75rem;padding:var(--list-padding-small);margin:0;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);line-height:1.25}.list_item:hover{background-color:#f1f1f1;background-color:var(--c-bg-hover)}.list_item.active{background-color:#f0f3ff;background-color:var(--c-bg-selected)}a.list_item{-webkit-text-decoration:none;text-decoration:none}.list_alert{width:100%;padding:.75rem;padding:var(--list-padding-small);background-color:#fafafa;background-color:var(--c-bg-light);color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-style:italic;font-weight:400;font-weight:var(--fw-regular)}.item_icon{height:.9375rem;height:calc(1.25 * var(--fs-body-1));flex:none;margin-right:.5rem}:root{--sidebar-width: 18.25rem}.panel{position:relative;overflow:visible;flex-shrink:0;padding:0 4px;border-right:1px solid #e5e2e2;border-right:var(--bd-light);background-color:#fafafa;background-color:var(--c-bg-light)}.title_bar{display:flex;width:18.25rem;width:var(--sidebar-width);align-items:center}.title{margin:1rem auto;color:#4a4a4a;color:var(--c-font-dark);font-size:1.125rem;font-size:var(--fs-header);font-weight:600;font-weight:var(--fw-semibold)}.panel_contents{overflow-x:auto;overflow-y:hidden;overflow:auto hidden;width:18.25rem;width:var(--sidebar-width);height:calc(100vh - 3.5rem)}:root{--c-mustard: #ffd252;--c-blue: #006cfa;--c-light-blue: hsl(214.08, 100%, 85%);--c-near-black: #a4a4a4;--c-dark-gray: #4a4a4a;--c-charcoal: #979797;--c-med-gray: #9b9b9b;--c-light-gray: #e5e2e2;--c-lightest-gray: #ededed;--c-bg-dark: #4a4a4a;--c-bg-light: #fafafa;--c-bg-selected: #f0f3ff;--c-bg-hover: #f1f1f1;--c-bg-success: #b6febc;--c-highlight: #5fd8ee;--c-selected-dark: #00c3e6;--c-warning-dark: #9e5e00;--c-warning: #e28200;--c-warning-light: #ffd58f;--c-error-dark: #ac0505;--c-error: #d12929;--c-error-light: #ffc0c0;--c-success: #60b120;--c-blue-enabled: #006cfa;--c-light-grey-hover: #c6c6c6;--c-selection-overlay: rgba(95, 216, 238, .3);--c-plate-bg: #ccc;--c-white: #fff;--c-black: #000;--c-green: #7ed321;--c-red: #f00000;--c-orange: #f5a623;--transition-color: color .15s ease-in-out;--transition-background-color: background-color .15s ease-in-out}:root{--c-font-dark: #4a4a4a;--c-font-icon: #6f6f6f;--c-font-light: white;--c-font-disabled: #9c9c9c;--fs-huge: 3rem;--fs-header: 1.125rem;--fs-default: 1rem;--fs-body-2: .875rem;--fs-body-1: .75rem;--fs-caption: .625rem;--fs-tiny: .325rem;--fs-micro: .2rem;--fw-bold: 800;--fw-semibold: 600;--fw-regular: 400;--fw-light: 300;--ff-code: consolas, monaco, monospace;--lh-solid: 1;--lh-title: 1.25;--lh-copy: 1.5}:root{--bd-radius-default: 2px;--bd-radius-form-field: 3px;--bd-radius-pill: 12px;--bd-width-default: 1px;--bd-light: var(--bd-width-default) solid var(--c-light-gray);--shadow-lvl-1: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lvl-2: 0 3px 6px 0 rgba(0, 0, 0, .13), 0 3px 6px 0 rgba(0, 0, 0, .23)}*{box-sizing:border-box}.slot_rect{fill:none;stroke:#9b9b9b;stroke:var(--c-med-gray)}.slot_occupied{fill:#e5e2e2;fill:var(--c-light-gray)}.slot_occupied.slot_error{fill:#ffd58f;fill:var(--c-warning-light)}.collision_icon{color:#9b9b9b;color:var(--c-med-gray)}
+@keyframes icon-module__spin__olUKz{to{transform:rotate(360deg)}}.icon-module__spin__olUKz{animation:icon-module__spin__olUKz .8s steps(8) infinite;transform-origin:center}.btn-module__btn_container__ST1WD{padding:0;border-width:0;border-style:solid;-webkit-appearance:none;appearance:none;background-color:transparent;cursor:pointer;white-space:nowrap}.btn-module__btn_container__ST1WD *:disabled{cursor:default}@media(height:600px)and (width:1024px){.btn-module__btn_container__ST1WD{cursor:default}}.newprimarybtn-module__new_primary_btn__4PyN2{display:inline-block;padding:var(--spacing-8) var(--spacing-16);border:none;border-color:inherit;border-radius:var(--border-radius-4);background-color:#0070f3;box-shadow:0 1px 3px #0000001a,0 1px 2px #0003;color:var(--white);cursor:pointer;font-size:var(--font-size-h3);font-weight:var(--font-weight-semi-bold);line-height:1.4;text-align:center;text-transform:uppercase}.newprimarybtn-module__new_primary_btn__4PyN2:hover,.newprimarybtn-module__new_primary_btn__4PyN2:focus{background-color:#0070f3;box-shadow:0 3px 6px #0000003b}.newprimarybtn-module__new_primary_btn__4PyN2:active{background-color:#004aaa;box-shadow:none}.newprimarybtn-module__new_primary_btn__4PyN2:disabled,.newprimarybtn-module__new_primary_btn__4PyN2.newprimarybtn-module__disabled__2g920{background-color:#9ca3af;box-shadow:none;color:var(--white);cursor:default}:root{--button-pad: .5rem}.buttons-module__button_primary__f2Ik6{position:relative;display:inline-block;width:100%;padding:.5rem;padding:var(--button-pad);border:none;border-radius:2px;border-radius:var(--bd-radius-default);background:transparent;background-color:#4a4a4a;background-color:var(--c-bg-dark);box-shadow:0 0 2px #0000001f,0 2px 2px #0000003d;color:#fff;color:var(--c-font-light);cursor:pointer;font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold);line-height:1.4;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase}.buttons-module__button_primary__f2Ik6:focus{background-color:#343434}.buttons-module__button_primary__f2Ik6:hover,.buttons-module__button_primary__f2Ik6.buttons-module__hover__-N37J{background-color:#343434}.buttons-module__button_primary__f2Ik6:active{background-color:gray;box-shadow:0 0 8px #0000001f,0 8px 8px #0000003d;font-weight:400;font-weight:var(--fw-regular)}.buttons-module__button_primary__f2Ik6.buttons-module__inverted__C5Tr9{background-color:#fafafa;background-color:var(--c-bg-light);color:#4a4a4a;color:var(--c-font-dark)}.buttons-module__button_primary__f2Ik6.buttons-module__inverted__C5Tr9:focus,.buttons-module__button_primary__f2Ik6.buttons-module__inverted__C5Tr9:hover,.buttons-module__button_primary__f2Ik6.buttons-module__inverted__C5Tr9.buttons-module__hover__-N37J{background-color:#eee}.buttons-module__button_primary__f2Ik6.buttons-module__inverted__C5Tr9:active{background-color:#e1e1e1}.buttons-module__button_primary__f2Ik6:disabled,.buttons-module__button_primary__f2Ik6.buttons-module__disabled__xQ5zg{border-color:#9c9c9c;border-color:var(--c-font-disabled);background-color:#c9c9c9;box-shadow:none;color:#9c9c9c;color:var(--c-font-disabled);cursor:default;fill:#9c9c9c;fill:var(--c-font-disabled);font-weight:400;pointer-events:none}.buttons-module__button_flat__u3SMd{position:relative;display:inline-block;width:9rem;padding:.5rem;padding:var(--button-pad);border:none;border-radius:2px;border-radius:var(--bd-radius-default);background:transparent;color:#4a4a4a;color:var(--c-font-dark);cursor:pointer;font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold);line-height:1.4;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase}.buttons-module__button_flat__u3SMd:active{background-color:#e1e1e1;font-weight:400;font-weight:var(--fw-regular)}.buttons-module__button_flat__u3SMd:disabled,.buttons-module__button_flat__u3SMd.buttons-module__disabled__xQ5zg{border-color:#9c9c9c;border-color:var(--c-font-disabled);background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);cursor:default;fill:#9c9c9c;fill:var(--c-font-disabled);font-weight:400;pointer-events:none}.buttons-module__button_flat__u3SMd:focus{background-color:#9b9b9b40}.buttons-module__button_flat__u3SMd:hover,.buttons-module__button_flat__u3SMd.buttons-module__hover__-N37J{background-color:#9b9b9b40}.buttons-module__button_flat__u3SMd.buttons-module__inverted__C5Tr9{border-color:#fff;border-color:var(--c-font-light);color:#fff;color:var(--c-font-light)}.buttons-module__button_flat__u3SMd.buttons-module__inverted__C5Tr9:active{background-color:#5c5c5c;font-weight:400;font-weight:var(--fw-regular)}.buttons-module__button_flat__u3SMd.buttons-module__inverted__C5Tr9:disabled,.buttons-module__button_flat__u3SMd.buttons-module__inverted__C5Tr9.buttons-module__disabled__xQ5zg{border-color:#9c9c9c;border-color:var(--c-font-disabled);background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);cursor:default;fill:#9c9c9c;fill:var(--c-font-disabled);font-weight:400;pointer-events:none}.buttons-module__button_flat__u3SMd.buttons-module__inverted__C5Tr9:focus{background-color:#535353}.buttons-module__button_flat__u3SMd.buttons-module__inverted__C5Tr9:hover,.buttons-module__button_flat__u3SMd.buttons-module__inverted__C5Tr9.buttons-module__hover__-N37J{background-color:#535353}.buttons-module__button_outline__vZ22p{position:relative;display:inline-block;width:9rem;padding:.5rem;padding:var(--button-pad);border:1px solid #4a4a4a;border:1px solid var(--c-font-dark);border-radius:2px;border-radius:var(--bd-radius-default);background:transparent;color:#4a4a4a;color:var(--c-font-dark);cursor:pointer;font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold);line-height:1.4;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase}.buttons-module__button_outline__vZ22p:active{background-color:#e1e1e1;font-weight:400;font-weight:var(--fw-regular)}.buttons-module__button_outline__vZ22p:disabled,.buttons-module__button_outline__vZ22p.buttons-module__disabled__xQ5zg{border-color:#9c9c9c;border-color:var(--c-font-disabled);background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);cursor:default;fill:#9c9c9c;fill:var(--c-font-disabled);font-weight:400;pointer-events:none}.buttons-module__button_outline__vZ22p:focus{background-color:#9b9b9b40}.buttons-module__button_outline__vZ22p:hover,.buttons-module__button_outline__vZ22p.buttons-module__hover__-N37J{background-color:#9b9b9b40}.buttons-module__button_outline__vZ22p.buttons-module__inverted__C5Tr9{border-color:#fff;border-color:var(--c-font-light);color:#fff;color:var(--c-font-light)}.buttons-module__button_outline__vZ22p.buttons-module__inverted__C5Tr9:active{background-color:#5c5c5c;font-weight:400;font-weight:var(--fw-regular)}.buttons-module__button_outline__vZ22p.buttons-module__inverted__C5Tr9:disabled,.buttons-module__button_outline__vZ22p.buttons-module__inverted__C5Tr9.buttons-module__disabled__xQ5zg{border-color:#9c9c9c;border-color:var(--c-font-disabled);background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);cursor:default;fill:#9c9c9c;fill:var(--c-font-disabled);font-weight:400;pointer-events:none}.buttons-module__button_outline__vZ22p.buttons-module__inverted__C5Tr9:focus{background-color:#535353}.buttons-module__button_outline__vZ22p.buttons-module__inverted__C5Tr9:hover,.buttons-module__button_outline__vZ22p.buttons-module__inverted__C5Tr9.buttons-module__hover__-N37J{background-color:#535353}.buttons-module__button_icon__BsXTh{width:auto}.buttons-module__button_icon__BsXTh>*{display:block;width:100%;height:100%}.buttons-module__button_icon__BsXTh.buttons-module__inverted__C5Tr9{color:#fff;fill:#fff;stroke:#fff}.buttons-module__button_icon__BsXTh.buttons-module__inverted__C5Tr9:disabled,.buttons-module__button_icon__BsXTh.buttons-module__inverted__C5Tr9.buttons-module__disabled__xQ5zg{border-color:#9c9c9c;border-color:var(--c-font-disabled);background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);cursor:default;fill:#9c9c9c;fill:var(--c-font-disabled);font-weight:400;pointer-events:none}.buttons-module__icon__og1yg{position:absolute;top:.5rem;top:var(--button-pad);left:.5rem;left:var(--button-pad);height:calc(100% - 1rem);height:calc(100% - 2 * var(--button-pad))}.modals-module__modal__yhvHl{position:fixed;z-index:1;display:flex;align-items:center;align-items:flex-start;justify-content:center;padding:4rem;inset:0}.modals-module__modal_page__LwPsX{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4.5rem 3rem 1rem;inset:0}.modals-module__overlay__OZMiy{position:absolute;background-color:#000000e6;inset:0}.modals-module__title_bar__scAdV{position:absolute;z-index:3;top:0;right:0;left:0;width:100%}.modals-module__modal_contents__CXHub{z-index:1;width:100%;max-width:38rem;padding:1rem;border-radius:.5rem;margin:0 auto;background-color:#fff}.modals-module__modal_page_contents__kv-as{z-index:1;width:100%;max-width:38rem;max-height:100%;padding:1rem;border-radius:.5rem;margin:0 auto;background-color:#fff;overflow-y:auto}.modals-module__modal_heading__tLYK-{margin-top:0;margin-bottom:1rem;color:#4a4a4a;color:var(--c-font-dark);font-size:1.125rem;font-size:var(--fs-header);font-weight:600;font-weight:var(--fw-semibold);text-transform:capitalize}.modals-module__alert_modal_wrapper__CXPbz{position:relative;max-height:100%;padding-top:4rem;border-radius:0}.modals-module__alert_modal_heading__wtjDm.modals-module__no_icon_heading__T6meP{padding-left:2rem}.modals-module__no_alert_header__LrlKY{padding-top:1.5rem}.modals-module__spinner_modal_contents__EPTC9{z-index:4;width:100%;max-width:30rem;flex-direction:column;padding:3rem 1rem 1rem;border-radius:.5rem;margin:0 auto;background-color:transparent;color:#fff;color:var(--c-font-light);font-size:.875rem;font-size:var(--fs-body-2);font-style:italic;font-weight:400;font-weight:var(--fw-regular);text-align:center}.modals-module__spinner_modal_icon__gPxu2{width:7.5rem;margin-bottom:3rem}.modals-module__clickable__uSH4v{cursor:pointer}.modals-module__alert_modal__9scZs{z-index:10}.modals-module__alert_modal_overlay__ubs9w{background-color:#737373e6}.modals-module__alert_modal_contents__uksSz{width:100%;max-height:100%;padding:1rem;color:#4a4a4a;color:var(--c-font-dark);font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular)}.modals-module__alert_modal_contents__uksSz>p{padding-bottom:1rem}.modals-module__alert_modal_heading__wtjDm{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;padding:1rem;background-color:#e0e0e0;color:#4a4a4a;color:var(--c-font-dark);font-size:1.125rem;font-size:var(--fs-header);font-weight:400}.modals-module__alert_modal_icon__5TjB3{height:1.125rem;margin-right:.75rem}.modals-module__alert_modal_buttons__BSjom{margin-top:1rem;float:right}.modals-module__alert_button__CMl2s{margin-left:1rem}.alertprimarybutton-module__alert_primary_button__aNXQW{padding:var(--spacing-8) var(--spacing-16);border:none;border-radius:var(--border-radius-8);background-color:var(--red-50);box-shadow:0 0;color:var(--white);cursor:pointer;font-weight:var(--font-weight-semi-bold);text-transform:none}.alertprimarybutton-module__alert_primary_button__aNXQW:hover{background-color:var(--red-55);box-shadow:0 0}.alertprimarybutton-module__alert_primary_button__aNXQW:disabled{background-color:var(--grey-30);color:var(--grey-40)}@media not all and (width:1024px)and (height:600px){.placeholderstyledtext-module__heading_small_bold__myGuc{font-size:1.125rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-24)}.placeholderstyledtext-module__heading_large_bold__y5QWl{font-size:2rem;font-weight:var(--font-weight-bold);line-height:var(--line-height-32)}.placeholderstyledtext-module__caption_bold__DkgIC{font-size:.75rem;font-weight:var(--font-weight-bold)}.placeholderstyledtext-module__body_default_semi_bold__yqbTC{font-size:var(--font-size-16);font-weight:var(--font-weight-semi-bold);line-height:var(--line-height-24)}}@media(width:1024px)and (height:600px){.placeholderstyledtext-module__small_body_text_bold__01bvP{font-size:var(--font-size-20);font-weight:var(--font-weight-bold);line-height:var(--font-height-24)}}.checkbox-module__checkbox_label__5Spna{display:flex;width:max-content;width:var(--checkbox-width, max-content);flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-12) var(--spacing-16);border:none;gap:var(--spacing-12);-webkit-user-select:none;user-select:none}.checkbox-module__checkbox_label_unchecked__ZT-Pk{background-color:var(--blue-30);color:var(--black-90)}.checkbox-module__checkbox_label_checked__fpW4C{background-color:var(--blue-50);color:var(--white)}.checkbox-module__checkbox_label_round__tLVFp{border-radius:200px}.checkbox-module__checkbox_label_neutral__kyEvx{border-radius:var(--border-radius-8)}.checkbox-module__checkbox_label_enabled__B45SN{cursor:pointer}.checkbox-module__checkbox_label_disabled__IFexm{background-color:var(--grey-30);color:var(--grey-40);cursor:default}.checkbox-module__checkbox_label_enabled__B45SN.checkbox-module__checkbox_label_unchecked__ZT-Pk:active{background-color:var(--blue-40)}.checkbox-module__checkbox_label_enabled__B45SN.checkbox-module__checkbox_label_checked__fpW4C:active{background-color:var(--blue-55)}.checkbox-module__checkbox_label_enabled__B45SN.checkbox-module__checkbox_label_unchecked__ZT-Pk:hover{background-color:var(--blue-35)}.checkbox-module__checkbox_label_enabled__B45SN.checkbox-module__checkbox_label_checked__fpW4C:hover{background-color:var(--blue-55)}.checkbox-module__checkbox_label__5Spna:has(.checkbox-module__checkbox_input_hidden__2aE05:focus-visible){outline:3px solid var(--blue-50);outline-offset:2px}.checkbox-module__checkbox_label_unchecked__ZT-Pk:has(.checkbox-module__checkbox_input_hidden__2aE05:focus-visible){background-color:var(--blue-35)}.checkbox-module__checkbox_label_checked__fpW4C:has(.checkbox-module__checkbox_input_hidden__2aE05:focus-visible){background-color:var(--blue-50)}@media(height:600px)and (width:1024px){.checkbox-module__checkbox_label__5Spna{width:100%;padding:var(--spacing-20);border-radius:var(--border-radius-16);cursor:auto}}.checkbox-module__checkbox_input_hidden__2aE05{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border-width:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}.checkbox-module__checkbox_wrapper__7jmTw{display:flex;width:1rem;height:1rem}@media(height:600px)and (width:1024px){.checkbox-module__checkbox_wrapper__7jmTw{width:1.75rem;height:1.75rem}}.checkbox-module__checkbox_wrapper_unchecked__1W-3f{border:2px solid var(--black-90);border-radius:var(--border-radius-4)}.checkbox-module__checkbox_wrapper_unchecked_disabled__KEQup{border-color:var(--grey-40)}.tooltips-module__tooltip_box__jYDx5{z-index:9001;padding:8px;background-color:#4a4a4a;background-color:var(--c-bg-dark);box-shadow:0 3px 6px #00000021,0 3px 6px #0000003b;color:#fff;color:var(--c-font-light);cursor:pointer;font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular)}.tooltips-module__arrow__A5Qms{position:absolute;bottom:0;left:0;width:1em;height:.5em;margin-bottom:-.5em}.tooltips-module__arrow__A5Qms:before{display:block;width:0;height:0;border-width:.5em .5em 0;border-style:solid;border-color:#4a4a4a transparent transparent transparent;border-color:var(--c-bg-dark) transparent transparent transparent;margin:auto;content:""}.tooltips-module__arrow__A5Qms.tooltips-module__bottom__wl7Zh{top:0;left:0;width:1em;height:.5em;margin-top:-.5em}.tooltips-module__arrow__A5Qms.tooltips-module__bottom__wl7Zh:before{border-width:0 .5em .5em;border-color:transparent transparent #4a4a4a transparent;border-color:transparent transparent var(--c-bg-dark) transparent}.tooltips-module__arrow__A5Qms.tooltips-module__right__oFKgm{top:0;left:0;width:.5em;height:1em;margin-left:-.5em}.tooltips-module__arrow__A5Qms.tooltips-module__right__oFKgm:before{border-width:.5em .5em .5em 0;border-color:transparent #4a4a4a transparent transparent;border-color:transparent var(--c-bg-dark) transparent transparent}.tooltips-module__arrow__A5Qms.tooltips-module__left__-YwAj{top:0;right:0;width:.5em;height:1em;margin-right:-.5em}.tooltips-module__arrow__A5Qms.tooltips-module__left__-YwAj:before{border-width:.5em 0 .5em .5em;border-color:transparent transparent transparent #4a4a4a;border-color:transparent transparent transparent var(--c-bg-dark)}.robotinfolabel-module__label__L7vCn{display:inline-flex;width:max-content;max-width:100%;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);border-width:1px;border-style:solid;border-radius:var(--border-radius-8);background-color:inherit;word-wrap:break-word;white-space:nowrap}.robotinfolabel-module__robot_info_label_highlight__3A9Ja{border-color:transparent;background-color:var(--blue-50)}.robotinfolabel-module__robot_info_label_no_highlight__up9s2{border-color:var(--black-90)}.robotinfolabel-module__large__uEKR6{min-height:1.75rem;border-width:2px}.robotinfolabel-module__default__jQUaE{min-height:1.25rem}@media(height:600px)and (width:1024px){.robotinfolabel-module__label__L7vCn{min-height:var(--spacing-32);padding:var(--spacing-4) var(--spacing-6);border-width:2px;border-radius:var(--border-radius-12)}.robotinfolabel-module__has_deck_label__L8497{padding-right:var(--spacing-8)}}.slider-module__slider_container__tZ-v4{display:flex;width:100%;flex-direction:column;gap:var(--spacing-8)}.slider-module__slider_container_small__KBfo-{gap:var(--spacing-4)}.slider-module__slider_text_container_label__VOVqQ{display:flex;flex-direction:row;justify-content:space-between}.slider-module__slider_text_container_no_label__HWBis{justify-content:flex-end}.slider-module__slider_track_wrapper__TmQUx{width:100%}.slider-module__slider__K3kRe{width:100%;height:32px;border-radius:4px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--blue-50) 0%,var(--blue-50) var(--value-percent),var(--slider-unfilled, var(--blue-20)) var(--value-percent),var(--slider-unfilled, var(--blue-20)) 100%);cursor:pointer}.slider-module__slider__K3kRe::-webkit-slider-runnable-track{height:0;background:transparent}.slider-module__slider__K3kRe::-webkit-slider-thumb{width:12px;height:32px;border:4px solid var(--blue-50);border-radius:4px;margin-top:-16px;-webkit-appearance:none;appearance:none;background:var(--blue-30)}.stepmeter-module__step_meter_container__NQq-y{position:relative;height:var(--spacing-4);background-color:var(--grey-30)}@media(width:1024px)and (height:600px){.stepmeter-module__step_meter_container__NQq-y{height:var(--spacing-12)}}.stepmeter-module__step_meter_bar__L38Zh{position:absolute;top:0;height:100%;backface-visibility:hidden;background-color:var(--blue-50);perspective:1000px;transform:translate(0);will-change:transform}.stepmeter-module__step_meter_bar_animated__8RnLP{transition:width .5s ease-in-out}.structure-module__title_bar__aThX7{display:flex;height:3rem;align-items:center;background-color:#4a4a4a;background-color:var(--c-dark-gray);text-transform:uppercase}.structure-module__title_bar__aThX7,.structure-module__title_bar__aThX7 a{color:#fff}.structure-module__title__Ml8PZ,.structure-module__subtitle__DPXFy,.structure-module__separator__GTNl1{margin:0;font-size:1.125rem;font-size:var(--fs-header)}.structure-module__title__Ml8PZ,.structure-module__separator__GTNl1{font-weight:600;font-weight:var(--fw-semibold)}.structure-module__title__Ml8PZ{overflow:hidden;min-width:0;padding:0 1.5rem;text-overflow:ellipsis;white-space:nowrap}.structure-module__subtitle__DPXFy{padding:0 1.5rem;font-weight:400}.structure-module__title__Ml8PZ.structure-module__right__3sDPu{margin-left:auto}.structure-module__title_button__upv1k{flex:none}.structure-module__page_tabs__s-9ZJ{width:100%;text-align:center}.structure-module__tab_link__wigsH{display:inline-block;width:50%;padding:.25rem 0;background-color:#9b9b9b;background-color:var(--c-med-gray);color:#fff;font-size:3rem;font-size:var(--fs-huge);opacity:.2;text-transform:uppercase}.structure-module__active_tab_link__B3CHL{opacity:1}.structure-module__tab_title__yX3tj{font-weight:400}.structure-module__active_tab_link__B3CHL .structure-module__tab_title__yX3tj{font-weight:800;font-weight:var(--fw-bold)}.structure-module__disabled__XXREv{background-color:transparent;pointer-events:none}.structure-module__disabled__XXREv *{background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled)}.structure-module__labeled_value__Nny1e{color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);line-height:1.5}.structure-module__labeled_value__Nny1e svg{height:.875rem;height:var(--fs-body-2)}.structure-module__labeled_value_label__EWOH-{margin-top:0;margin-bottom:.25rem;font-weight:600;font-weight:var(--fw-semibold)}.structure-module__labeled_value_value__Xdl42{margin:0}.structure-module__right_node__vpN0U{display:flex;justify-content:flex-end;margin-left:auto}.Pill-module__pill__ip6EY{padding:.5em;border-radius:12px;border-radius:var(--bd-radius-pill);color:#fff;color:var(--c-white)}.Pill-module__pill__ip6EY:empty:before{content:"​"}.Pill-module__invert_text__BJjMt{color:#000;color:var(--c-black)}.splash-module__splash__60zq-{position:relative;width:100%;height:100%;color:#e5e2e2;color:var(--c-light-gray)}.splash-module__splash__60zq->*{position:absolute;top:50%;left:50%;max-height:100%;transform:translate(-50%,-50%)}.iconbutton-module__icon_button__It6HS{position:relative;display:flex;box-sizing:border-box;align-items:center;justify-content:center;padding:var(--spacing-12);border-radius:50%;background-color:var(--variant-default)}.iconbutton-module__icon_button__It6HS:active{background-color:var(--variant-active)}.iconbutton-module__icon_button__It6HS:hover{background-color:var(--variant-hover)}.iconbutton-module__icon_button__It6HS:focus-visible:after{position:absolute;border:2px solid var(--variant-default);border-radius:50%;content:"";inset:-8px;pointer-events:none}.styles-module__release_notes__od-dn{width:100%;max-height:100%;padding:0 .5rem}.styles-module__release_notes__od-dn>h1{margin-bottom:1rem;color:#4a4a4a;color:var(--c-font-dark);font-size:1.125rem;font-size:var(--fs-header);font-weight:600;font-weight:var(--fw-semibold)}.styles-module__release_notes__od-dn>h2{margin-top:1rem;margin-bottom:.75rem;color:#4a4a4a;color:var(--c-font-dark);font-size:1.125rem;font-size:var(--fs-header);font-weight:400;font-weight:var(--fw-regular)}.styles-module__release_notes__od-dn>h3{margin-top:.75rem;margin-bottom:.5rem;color:#4a4a4a;color:var(--c-font-dark);font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold)}.styles-module__release_notes__od-dn ul,.styles-module__release_notes__od-dn ol{margin-bottom:.25rem;margin-left:1.25rem;color:#4a4a4a;color:var(--c-font-dark);font-size:.875rem;font-size:var(--fs-body-2)}.styles-module__release_notes__od-dn li{margin:.25rem 0;color:#4a4a4a;color:var(--c-font-dark);font-size:.875rem;font-size:var(--fs-body-2)}.styles-module__release_notes__od-dn code{color:#4a4a4a;color:var(--c-font-dark);font-family:monospace}.styles-module__release_notes__od-dn pre{padding:.5rem .75rem;margin:.5rem 0;background-color:#4a4a4a;background-color:var(--c-font-dark)}.styles-module__release_notes__od-dn pre code{color:#fff;color:var(--c-font-light)}.styles-module__release_notes__od-dn p{margin-bottom:1rem;color:#4a4a4a;color:var(--c-font-dark);font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular)}.stepgroup-module__step_group_container__Ea-cN{border-radius:var(--border-4)}.stepgroup-module__step_group_header__sMUQD{display:flex;justify-content:space-between;padding:var(--spacing-8);gap:var(--spacing-4)}.stepgroup-module__step_group_icon__gmwey{display:flex;align-items:center}.textareafield-module__wrapper__6zovT{display:flex;width:100%;align-items:center}.textareafield-module__warning_color__QWiVV{color:var(--yellow-60)}.textareafield-module__default_color__dU4NR{color:var(--black-90)}.textareafield-module__disabled__I-Ib2{opacity:.5}.textareafield-module__column_container__JeOyo{display:flex;width:100%;flex-direction:column}.textareafield-module__label_row__BTu7u{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-8)}.textareafield-module__tooltip_wrapper__eRO3F{display:flex}.textareafield-module__clickable_column__4wsVR{display:flex;width:100%;flex-direction:column}.textareafield-module__textarea_row__cEJ8-{display:flex;align-items:center}.textareafield-module__textarea_row_with_icon__7rVjZ{gap:var(--spacing-8)}.textareafield-module__left_element_wrapper__ZD3J-{display:flex}.textareafield-module__right_element_wrapper__JqnV6{display:flex;cursor:pointer;text-align:right}.textareafield-module__textarea__D3YJY{width:100%;height:100%;padding:var(--spacing-8);border:1px solid var(--grey-50);border-radius:var(--border-radius-4);background-color:var(--white);font-size:var(--font-size-h3);font-weight:var(--font-weight-regular);resize:none}.textareafield-module__textarea__D3YJY:focus{border:1px solid var(--blue-50);outline:none}.textareafield-module__textarea__D3YJY:disabled{border:1px solid var(--grey-30);background-color:var(--grey-20)}.textareafield-module__textarea_error__D5e1l{border:1px solid var(--red-50)}.textareafield-module__textarea_error__D5e1l:focus{border:1px solid var(--red-50)}.textareafield-module__textarea_background_error__BwRwX{border:none;background-color:var(--red-30)}.textareafield-module__textarea_keyboard_focus__-MPhx:focus{border:1px solid var(--blue-50);outline:2px solid var(--blue-50);outline-offset:2px}.textareafield-module__label_text__G63ry{padding-bottom:var(--spacing-4);color:var(--grey-60);font-size:var(--font-size-h3);font-weight:var(--font-weight-regular);line-height:var(--line-height-20)}.textareafield-module__label_text_left__oA7Kv{text-align:left}.textareafield-module__label_text_center__pfmHi{text-align:center}.textareafield-module__caption_text__WG3fH{padding-top:var(--spacing-4);color:var(--grey-60)}.textareafield-module__error_text__nns5-{padding-top:var(--spacing-4);color:var(--red-50)}.timelinescrubber-module__scrubber_container__-JKVU{display:flex;overflow:visible;width:100%;box-sizing:border-box;flex-direction:column;padding-bottom:var(--spacing-8);margin-bottom:calc(-1 * var(--spacing-8))}.timelinescrubber-module__track_container__5c39H{position:relative;display:flex;width:100%;height:0;align-items:center;cursor:pointer}.timelinescrubber-module__track_container__5c39H:before{position:absolute;top:50%;right:0;left:0;height:28px;content:"";cursor:pointer;transform:translateY(-50%)}.timelinescrubber-module__track_background__rksNV,.timelinescrubber-module__track_progress__UaUWV{position:absolute;top:50%;height:6px;pointer-events:none;transform:translateY(-50%)}.timelinescrubber-module__track_background__rksNV{width:100%;background-color:var(--grey-20)}.timelinescrubber-module__track_container__5c39H:hover .timelinescrubber-module__track_background__rksNV{background-color:var(--blue-30)}.timelinescrubber-module__track_progress__UaUWV{width:0;background-color:var(--blue-50)}.timelinescrubber-module__track_thumb__6IuBE{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background-color:var(--blue-50);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.8);transition:opacity .2s ease-in-out,transform .2s ease-in-out}.timelinescrubber-module__track_container__5c39H:hover .timelinescrubber-module__track_thumb__6IuBE,.timelinescrubber-module__track_container__5c39H.timelinescrubber-module__dragging__Erqn- .timelinescrubber-module__track_thumb__6IuBE{opacity:1;transform:translate(-50%,-50%) scale(1)}.touchinputfield-module__container__BejeP{display:flex;width:100%;align-items:center;color:var(--black-90);font-size:var(--font-size-28);font-weight:var(--font-weight-regular);line-height:1}.touchinputfield-module__container_error__eKf1C{color:#9e5e00}.touchinputfield-module__container_disabled__OnIjx{opacity:.5}.touchinputfield-module__inner__H3--e{display:flex;width:100%;flex-direction:column}.touchinputfield-module__label_row__Jee4y{display:flex;flex-direction:row;align-items:center;-moz-column-gap:var(--spacing-8);column-gap:var(--spacing-8)}.touchinputfield-module__outer__qWKT4{display:flex;width:100%;flex-direction:column;gap:var(--spacing-8)}.touchinputfield-module__outer__qWKT4:focus-within{filter:drop-shadow(0 0 10px var(--blue-50))}.touchinputfield-module__outer_error__ugTzv:focus-within{filter:none}.touchinputfield-module__input_field__OhFoF{display:flex;width:100%;align-items:center;padding:var(--touch-input-padding, var(--spacing-16) var(--spacing-24));border:2px solid var(--grey-50);border-radius:var(--touch-input-border-radius, var(--border-radius-4));background-color:var(--white)}.touchinputfield-module__background_error__URa6e{border:none;background-color:var(--red-30)}.touchinputfield-module__error__v0NXe{border-color:var(--red-50)}.touchinputfield-module__input_field_small__9-jrR{height:var(--spacing-68);font-size:var(--font-size-28)}.touchinputfield-module__input_field_medium__CyK7Z{height:var(--spacing-80);font-size:var(--font-size-38)}.touchinputfield-module__input_field__OhFoF:active{border:2px solid var(--blue-50)}.touchinputfield-module__input_field__OhFoF.touchinputfield-module__error__v0NXe:active{border:2px solid var(--red-50)}.touchinputfield-module__input_field__OhFoF:focus-within{border:3px solid var(--blue-50);box-shadow:none}.touchinputfield-module__input_field__OhFoF.touchinputfield-module__error__v0NXe:focus-within{border:2px solid var(--red-50)}.touchinputfield-module__input__q-c9t{width:100%;height:100%;flex:1 1 auto;border:none;border-radius:inherit;background-color:transparent;color:var(--black-90)}.touchinputfield-module__input__q-c9t:focus{outline:none}.touchinputfield-module__input__q-c9t::placeholder{color:var(--grey-40)}.touchinputfield-module__input_small__gYi6p{font-size:var(--font-size-28);line-height:var(--line-height-36)}.touchinputfield-module__input_medium__duU3k{font-size:var(--font-size-38);line-height:var(--line-height-48)}.touchinputfield-module__password_input__sDIQ5.touchinputfield-module__input_small__gYi6p{font-size:71px}.touchinputfield-module__password_input__sDIQ5.touchinputfield-module__input_medium__duU3k{font-size:77px}.touchinputfield-module__input__q-c9t[type=number]::-webkit-inner-spin-button,.touchinputfield-module__input__q-c9t[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.touchinputfield-module__label__IcyaT{padding-bottom:var(--spacing-4);color:var(--grey-60);font-size:var(--font-size-22);font-weight:var(--font-weight-regular);line-height:var(--line-height-28)}.touchinputfield-module__caption__H4zcH{padding:var(--spacing-8) 0 0}.touchinputfield-module__error_text__8lBj5{padding-top:var(--spacing-8);color:var(--red-50);font-size:var(--font-size-22)}.touchinputfield-module__units__18S5Q{color:var(--grey-50);font-size:var(--font-size-22);font-weight:var(--font-weight-regular);line-height:var(--line-height-28);text-align:right;white-space:nowrap}.touchinputfield-module__units_disabled__RTfGu{color:var(--grey-40)}.touchinputfield-module__align_left__9CHlR{justify-content:flex-start;text-align:left}.touchinputfield-module__align_center__-n-JS{justify-content:center;text-align:center}.wizardheader-module__exit_button__CAu2m{color:var(--grey-60);font-weight:var(--font-weight-semi-bold);text-transform:capitalize}.wizardheader-module__exit_button__CAu2m:hover{color:var(--grey-50)}@media(width:1024px)and (height:600px){.wizardheader-module__exit_button__CAu2m{margin-right:1.75rem;font-size:var(--font-size-22);font-weight:var(--font-weight-bold)}.wizardheader-module__exit_button__CAu2m:hover{opacity:1}.wizardheader-module__exit_button__CAu2m:active{color:var(--grey-50)}}.wizardheader-module__box__6pPET{background-color:var(--white)}@media(width:1024px)and (height:600px){.wizardheader-module__box__6pPET{border-radius:var(--border-radius-16)}}.wizardheader-module__header_container__M6Kio{display:flex;flex-direction:row;justify-content:space-between;padding:var(--spacing-16) var(--spacing-32)}@media(width:1024px)and (height:600px){.wizardheader-module__header_container__M6Kio{padding:1.75rem var(--spacing-32);border-radius:var(--border-radius-16)}}.wizardheader-module__step_text__jU-9Q{color:var(--grey-60);font-weight:var(--font-weight-semi-bold)}@media(width:1024px)and (height:600px){.wizardheader-module__step_text__jU-9Q{margin-left:var(--spacing-16);font-size:var(--font-size-22)}}div.LabwareDetailsWithCount-module__container__bUXj6{width:318px;padding:var(--spacing-16) var(--spacing-8);border-radius:var(--border-radius-4);background-color:var(--grey-20)}div.LabwareDetailsWithCount-module__sub_title__nQJ9g{display:flex;width:100%;flex-direction:column;color:var(--grey-60);gap:var(--spacing-8)}div.LabwareDetailsWithCount-module__label__WyY64{display:flex;width:88px;height:24px;align-items:center;justify-content:center;border-radius:var(--border-radius-4);background-color:var(--transparent-black-80)}.labwareinfooverlay-module__labware_info_container__FqqBJ{padding:var(--spacing-4);border-radius:0 0 .4rem .4rem;color:#fff}.labwareinfooverlay-module__labware_info_text_container__0YAC-{display:flex;overflow:hidden;flex-direction:row;align-items:start;justify-content:space-between;font-size:.625rem;gap:var(--spacing-4);text-transform:none;white-space:normal;white-space:initial}.deck-module__deck_labels_column__UvtcQ{display:flex;width:2.5rem;height:100%;flex:1;flex-direction:column;align-items:center}.deck-module__deck_label_column_container__TY8vP{display:flex;flex:1;align-items:center}.deck-module__deck_labels_row__6lWz-{display:flex;width:5rem;width:var(--dynamic-width, 5rem);height:2.5rem;flex:1;align-items:center}.deck-module__deck_label_row_container__uGM0U{display:flex;width:var(--dynamic-width);align-items:center;justify-content:center}.deck-module__robot_coords_foreign_object_container__NT5bH{display:flex;width:100%;height:100%;transform:scaleY(-1)}.deck-module__trash_container__hgDY5{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:var(--border-4);gap:var(--spacing-8)}.deck-module__trash_container_highlight__XNt1D{border:3px solid var(--blue-50)}.deck-module__trash_container_rotate_copy__wzsE9,.wells-module__selected_tip_text__Ykqjg{transform-origin:center}.robotcoordinatespace-module__svg__JmXMn{transform:scaleY(-1)}.basedeck-module__waste_chute_copy_container__tgWsF{display:flex;text-align:center}.basedeck-module__waste_chute_fixture_container__RsRWm{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;gap:var(--spacing-4);padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.basedeck-module__waste_chute_fixture_container_highlight__CIo27{border:3px solid var(--blue-50)}.alerts-module__alert__g105D{font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular)}.alerts-module__alert__g105D:not(:first-of-type){border-top:none}.alerts-module__title_bar__-o-3n{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem 1rem;font-weight:600;font-weight:var(--fw-semibold)}.alerts-module__title__aiHC5{width:100%}.alerts-module__success__WuTxb{border:1px solid #60b120;border:1px solid var(--c-success)}.alerts-module__success__WuTxb>.alerts-module__title_bar__-o-3n{background-color:#b6febc;background-color:var(--c-bg-success);color:#60b120;color:var(--c-success)}.alerts-module__success__WuTxb>.alerts-module__title_bar__-o-3n svg{color:#60b120;color:var(--c-success)}.alerts-module__info__CvwSE{border:1px solid #5fd8ee;border:1px solid var(--c-highlight)}.alerts-module__info__CvwSE>.alerts-module__title_bar__-o-3n{background-color:#f0f3ff;background-color:var(--c-bg-selected);color:#00c3e6;color:var(--c-selected-dark)}.alerts-module__info__CvwSE>.alerts-module__title_bar__-o-3n svg{color:#5fd8ee;color:var(--c-highlight)}.alerts-module__warning__WH7kv{border:1px solid #e28200;border:1px solid var(--c-warning)}.alerts-module__warning__WH7kv>.alerts-module__title_bar__-o-3n{background-color:#ffd58f;background-color:var(--c-warning-light);color:#9e5e00;color:var(--c-warning-dark)}.alerts-module__warning__WH7kv>.alerts-module__title_bar__-o-3n svg{fill:#e28200;fill:var(--c-warning)}.alerts-module__error__-yRV3{border:1px solid #d12929;border:1px solid var(--c-error)}.alerts-module__error__-yRV3>.alerts-module__title_bar__-o-3n{background-color:#ffc0c0;background-color:var(--c-error-light);color:#ac0505;color:var(--c-error-dark)}.alerts-module__error__-yRV3>.alerts-module__title_bar__-o-3n svg{fill:#d12929;fill:var(--c-error)}.alerts-module__message__Jy0ne{padding:1rem 3rem;background-color:#fff}.alerts-module__message__Jy0ne a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.alerts-module__message__Jy0ne:empty{padding:0}.alerts-module__icon__mq-6x{width:1.5rem;margin-right:.5rem}.alerts-module__close__bcdYi{width:2rem;padding:.125rem}.alerts-module__close__bcdYi:hover{background-color:#6464641a}:root{--mw-labeled-toggle: 25rem}.styles-module__toggled_on__MdTWy{color:#0ec9eb;fill:#0ec9eb}.styles-module__toggled_off__JAlN-{fill:#4a4a4a;fill:var(--c-dark-gray)}.styles-module__labeled_control_wrapper__kR9kv{display:block;width:100%;padding:1rem}.styles-module__labeled_control_wrapper__kR9kv:not(:last-child){border-bottom:1px solid #e5e2e2;border-bottom:1px solid var(--c-light-gray)}.styles-module__labeled_control__1kGsb{display:block}.styles-module__stacked_labeled_control__Lbis-{display:block;margin-top:.5rem;margin-left:1rem}.styles-module__stacked_labeled_control_label__PXonJ{display:inline-block;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:600;font-weight:var(--fw-semibold)}.styles-module__labeled_control_label__JWPRU{display:inline-block;max-width:25rem;max-width:var(--mw-labeled-toggle);color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:600;font-weight:var(--fw-semibold)}.styles-module__labeled_toggle_button__c4bSG{width:2rem;padding:0;margin-right:1rem;float:right}.styles-module__labeled_toggle_button__c4bSG:hover{background-color:transparent}.styles-module__labeled_button__erkDy,.styles-module__labeled_select__cyTr0{width:9rem;margin-top:.5rem;float:right}.styles-module__labeled_select__cyTr0{color:#4a4a4a;color:var(--c-font-dark);font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular)}.styles-module__labeled_checkbox__pYmph{float:right}.styles-module__stacked_control_info__HsLlz{color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular)}.styles-module__stacked_control_info__HsLlz>p{margin-top:.5rem;margin-bottom:0;line-height:1.5}.styles-module__control_info__1cX9H{max-width:25rem;max-width:var(--mw-labeled-toggle);color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular)}.styles-module__control_info__1cX9H>p{margin-top:.5rem;margin-bottom:0;line-height:1.5}.forms-module__accessibly_hidden__gosAV{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:rect(0 0 0 0)}.forms-module__form_field__onbAk{display:flex;align-items:center;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);line-height:1}.forms-module__label_text__eYVHX{flex:0 0 auto;padding:0 .5rem}.forms-module__label_text__eYVHX:empty{padding:0}.forms-module__form_group_label__jicAp{margin-bottom:.15rem;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:600;font-weight:var(--fw-semibold);text-transform:capitalize}.forms-module__form_group_label__jicAp:after{content:":"}.forms-module__form_group_label_pipette_settings_slideout__FPY7D{margin-bottom:.5rem;color:#16212d;font-size:13px;font-weight:600;font-weight:var(--fw-semibold);text-transform:capitalize}.forms-module__checkbox_icon__r8cnN{display:flex;width:1.25rem;min-width:1.25rem;align-items:center;justify-content:center;color:#4a4a4a;color:var(--c-font-dark)}.forms-module__checkbox_icon__r8cnN:not(.forms-module__checkbox_disabled__tacwo):hover{cursor:pointer}.forms-module__checkbox_icon__r8cnN.forms-module__error__RvDUX{color:#9e5e00;color:var(--c-warning-dark)}.forms-module__checkbox_icon__r8cnN.forms-module__checked__7tVO1{color:#006cfa;color:var(--c-blue)}.forms-module__toggle_icon__BHl3R{display:block;width:2rem;min-width:2rem;color:#4a4a4a;color:var(--c-font-dark)}.forms-module__toggle_icon__BHl3R:not(.forms-module__toggle_disabled__FHlPq):hover{cursor:pointer}.forms-module__dropdown_disabled__DJqXm,.forms-module__checkbox_disabled__tacwo,.forms-module__toggle_disabled__FHlPq{opacity:.5}.forms-module__input_field_container__4zMtR{width:100%}.forms-module__input_field__c3wAH{display:flex;flex:1 1;padding:.25rem .25rem .25rem .5rem;border-radius:3px;border-radius:var(--bd-radius-form-field);background-color:#e5e2e2;background-color:var(--c-light-gray)}.forms-module__input_field__c3wAH input{width:100%;height:1rem;flex:1 1 auto;border:none;border-radius:inherit;background-color:inherit;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular)}.forms-module__input_field__c3wAH input:focus{outline:none}.forms-module__input_field__c3wAH input::placeholder{color:#9b9b9b;color:var(--c-med-gray)}.forms-module__input_field__c3wAH:focus-within{background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem #00000080}.forms-module__input_field__c3wAH .forms-module__suffix__BVdzU{display:inline-block;flex:1 0;align-self:center;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:600;font-weight:var(--fw-semibold);text-align:right}.forms-module__input_caption__5W7Sy{color:#9b9b9b;color:var(--c-med-gray);font-size:.625rem;font-size:var(--fs-caption);font-weight:600;font-weight:var(--fw-semibold);line-height:1.2}.forms-module__input_caption__5W7Sy .forms-module__right__hUbzm{float:right}.forms-module__inline__eOmRP{display:flex}.forms-module__inline__eOmRP .forms-module__label_text__eYVHX{padding-right:1.5rem}.forms-module__inline_item__zOTj7{flex:1}.forms-module__error__RvDUX div,.forms-module__error__RvDUX span{color:#9e5e00;color:var(--c-warning-dark)}.forms-module__error__RvDUX select,.forms-module__error__RvDUX .forms-module__input_field__c3wAH{background-color:#ffd58f;background-color:var(--c-warning-light)}.forms-module__dropdown__AS5fB{background-color:#e5e2e2;background-color:var(--c-light-gray)}.forms-module__dropdown_field__oMX7b{position:relative}.forms-module__dropdown_field__oMX7b select{overflow:hidden;width:100%;height:1.5rem;padding:.25rem .5rem;border:0;border-radius:3px;border-radius:var(--bd-radius-form-field);-webkit-appearance:none;appearance:none;color:#4a4a4a;color:var(--c-font-dark);font-family:inherit;font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);outline:none}.forms-module__dropdown_field__oMX7b select:focus{background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem #00000080}.forms-module__dropdown_field__oMX7b .forms-module__dropdown_icon__l0UqQ{position:absolute;top:.2rem;right:.25rem;width:1.25rem;pointer-events:none}.forms-module__dropdown_field__oMX7b .forms-module__dropdown_icon__l0UqQ svg{color:#4a4a4a;color:var(--c-dark-gray)}.forms-module__error_icon__XN06X{display:inline-block;width:1.5rem;min-width:1.5rem;padding-right:.5rem}.forms-module__disabled__81PLn{pointer-events:none}.forms-module__disabled__81PLn .forms-module__form_group_label__jicAp{color:#e5e2e2;color:var(--c-light-gray)}.forms-module__disabled__81PLn input,.forms-module__disabled__81PLn .forms-module__suffix__BVdzU{color:#9b9b9b;color:var(--c-med-gray)}.Select-module__example_select_override__LlZd3 .ot_select__control{background-color:#00f}.Select-module__select__KKUl6{position:relative}.Select-module__select__KKUl6 .ot_select__control{position:relative;display:flex;height:1.75rem;padding:.25rem 0;border:none;border-radius:3px;border-radius:var(--bd-radius-form-field);background-color:#e5e2e2;background-color:var(--c-light-gray);box-shadow:none;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);outline:none}.Select-module__select__KKUl6 .ot_select__control--menu-is-open{border-bottom-left-radius:0;border-bottom-right-radius:0}.Select-module__select__KKUl6 .ot_select__control--menu-is-open,.Select-module__select__KKUl6 .ot_select__control--is-focused{background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem #00000080}.Select-module__select__KKUl6 .ot_select__option{display:flex;padding:.25rem .75rem;cursor:default}.Select-module__select__KKUl6 .ot_select__option--is-focused{background-color:#e5e2e2;background-color:var(--c-light-gray)}.Select-module__select__KKUl6 .ot_select__option--is-disabled{color:#9c9c9c;color:var(--c-font-disabled)}.Select-module__select__KKUl6 .ot_select__group-heading{margin-left:.5rem;color:#9b9b9b;color:var(--c-med-gray);font-size:.625rem;font-size:var(--fs-caption);font-weight:600;font-weight:var(--fw-semibold);text-transform:uppercase}.Select-module__select__KKUl6 .ot_select__single-value{display:flex}.Select-module__select__KKUl6 .ot_select__group:not(:first-child){padding-top:.25rem;border-top:1px solid rgba(155,155,155,.4);margin-top:.25rem}.Select-module__dropdown_indicator__u4SGq{position:absolute;top:.25rem;right:.25rem;width:1.25rem;pointer-events:none}.Select-module__dropdown_indicator__u4SGq>svg{color:#4a4a4a;color:var(--c-dark-gray)}.Select-module__dropdown_indicator__u4SGq.Select-module__flipped__2O1dT>svg{transform:rotate(180deg)}.Select-module__dropdown_indicator_icon__YZsx7{width:100%}.Select-module__menu__0Uuo2{position:absolute;z-index:99;top:100%;right:0;left:0;padding-top:.25rem;padding-bottom:.25rem;background-color:#fff;background-color:var(--c-white);border-bottom-left-radius:3px;border-bottom-left-radius:var(--bd-radius-form-field);border-bottom-right-radius:3px;border-bottom-right-radius:var(--bd-radius-form-field);box-shadow:0 .125rem .25rem #00000080;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular)}.Select-module__menu_control_bridge__WUNDT{position:absolute;z-index:99;top:calc(100% - 2px);right:0;left:0;height:4px;background-color:#fff;background-color:var(--c-white)}.SelectField-module__select_field__ZUrcY.SelectField-module__error__-SE1k .ot_select__control{background-color:#ffd58f;background-color:var(--c-warning-light)}.SelectField-module__select_caption__i3BBB{font-size:.625rem;font-size:var(--fs-caption)}.SelectField-module__select_caption__i3BBB.SelectField-module__error__-SE1k{color:#9e5e00;color:var(--c-warning-dark);font-weight:600;font-weight:var(--fw-semibold)}.LabwareNameOverlay-module__name_overlay__XitKl{width:100%;padding:.25rem;border-radius:0 0 .5rem .5rem;background-color:#000000bf;color:#fff;color:var(--c-font-light);font-size:.5rem}.LabwareNameOverlay-module__display_name__vck-x{color:#fff;color:var(--c-font-light);font-weight:600;font-weight:var(--fw-semibold);word-wrap:break-word}.LabwareNameOverlay-module__deck_slot__xFyBZ:active{cursor:grabbing}:root{--list-padding-large: 1rem;--list-padding-small: .75rem}.lists-module__clickable__xmuhv{cursor:pointer}.lists-module__disabled__lX9y-{background-color:transparent}.lists-module__disabled__lX9y- *{background-color:transparent;color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);outline-color:#eee}.lists-module__panel_group__n4iBS,.lists-module__titled_list__rjc0y,.lists-module__list_item__DFjr8{background-color:#fff}.lists-module__panel_group__n4iBS{box-shadow:0 1px 2px #00000054}.lists-module__hover_border__lqFaV{outline:1px solid #5fd8ee;outline:var(--bd-width-default) solid var(--c-highlight)}.lists-module__header_text__fZ-zF{color:#9c9c9c;color:var(--c-font-disabled);font-size:.625rem;font-size:var(--fs-caption);font-weight:600;font-weight:var(--fw-semibold);text-transform:uppercase}.lists-module__title_bar__hW80Q{position:relative;display:flex;flex-direction:column;padding:1rem .75rem;padding:var(--list-padding-large) var(--list-padding-small);-webkit-text-decoration:none;text-decoration:none}.lists-module__titled_list_title_bar__LaZ1p{position:relative;display:flex;flex-direction:row;align-items:center;padding:1rem .75rem;padding:var(--list-padding-large) var(--list-padding-small);-webkit-text-decoration:none;text-decoration:none}.lists-module__titled_list_selected__455mA .lists-module__title_bar__hW80Q{background-color:#f0f3ff;background-color:var(--c-bg-selected)}.lists-module__titled_list_selected__455mA .lists-module__title_bar__hW80Q *{color:#00c3e6;color:var(--c-selected-dark);font-weight:600;font-weight:var(--fw-semibold)}.lists-module__title__AN80u{margin:0;font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular);text-transform:uppercase}.lists-module__title_enabled__ngQlu{color:#4a4a4a;color:var(--c-font-dark)}.lists-module__title_disabled__Ox4bE{color:#9c9c9c;color:var(--c-font-disabled)}.lists-module__title_bar_icon__A-L0-{height:1.5rem;color:#4a4a4a;color:var(--c-font-dark)}.lists-module__title_bar_error__41Xw7{background-color:#ffc0c0;background-color:var(--c-error-light)}.lists-module__icon_left_of_title__-yn3K{height:1.2rem;margin-right:.5rem}.lists-module__icon_left_of_title_container__JomEt{display:flex;justify-content:flex-start}.lists-module__title_bar_carat__hcJ6l{position:absolute;top:0;right:0;bottom:0;padding:calc(.75rem - 1px);padding:calc(var(--list-padding-small) - var(--bd-width-default));padding-top:1rem}.lists-module__title_bar_carat__hcJ6l:hover{background-color:#0000000d}.lists-module__list__08Rv3{padding-left:0;margin:0;list-style-type:none}.lists-module__list_item__DFjr8{display:flex;width:100%;flex-direction:row;align-items:center;padding:.75rem;padding:var(--list-padding-small);margin:0;color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);line-height:1.25}.lists-module__list_item__DFjr8:hover{background-color:#f1f1f1;background-color:var(--c-bg-hover)}.lists-module__list_item__DFjr8.lists-module__active__rVnya{background-color:#f0f3ff;background-color:var(--c-bg-selected)}a.lists-module__list_item__DFjr8{-webkit-text-decoration:none;text-decoration:none}.lists-module__list_alert__U5vI2{width:100%;padding:.75rem;padding:var(--list-padding-small);background-color:#fafafa;background-color:var(--c-bg-light);color:#4a4a4a;color:var(--c-font-dark);font-size:.75rem;font-size:var(--fs-body-1);font-style:italic;font-weight:400;font-weight:var(--fw-regular)}.lists-module__item_icon__zyl-J{height:.9375rem;height:calc(1.25 * var(--fs-body-1));flex:none;margin-right:.5rem}:root{--sidebar-width: 18.25rem}.SidePanel-module__panel__4qNNn{position:relative;overflow:visible;flex-shrink:0;padding:0 4px;border-right:1px solid #e5e2e2;border-right:var(--bd-light);background-color:#fafafa;background-color:var(--c-bg-light)}.SidePanel-module__title_bar__8yh9F{display:flex;width:18.25rem;width:var(--sidebar-width);align-items:center}.SidePanel-module__title__xHJWW{margin:1rem auto;color:#4a4a4a;color:var(--c-font-dark);font-size:1.125rem;font-size:var(--fs-header);font-weight:600;font-weight:var(--fw-semibold)}.SidePanel-module__panel_contents__DbmrS{overflow-x:auto;overflow-y:hidden;overflow:auto hidden;width:18.25rem;width:var(--sidebar-width);height:calc(100vh - 3.5rem)}:root{--c-mustard: #ffd252;--c-blue: #006cfa;--c-light-blue: hsl(214.08, 100%, 85%);--c-near-black: #a4a4a4;--c-dark-gray: #4a4a4a;--c-charcoal: #979797;--c-med-gray: #9b9b9b;--c-light-gray: #e5e2e2;--c-lightest-gray: #ededed;--c-bg-dark: #4a4a4a;--c-bg-light: #fafafa;--c-bg-selected: #f0f3ff;--c-bg-hover: #f1f1f1;--c-bg-success: #b6febc;--c-highlight: #5fd8ee;--c-selected-dark: #00c3e6;--c-warning-dark: #9e5e00;--c-warning: #e28200;--c-warning-light: #ffd58f;--c-error-dark: #ac0505;--c-error: #d12929;--c-error-light: #ffc0c0;--c-success: #60b120;--c-blue-enabled: #006cfa;--c-light-grey-hover: #c6c6c6;--c-selection-overlay: rgba(95, 216, 238, .3);--c-plate-bg: #ccc;--c-white: #fff;--c-black: #000;--c-green: #7ed321;--c-red: #f00000;--c-orange: #f5a623;--transition-color: color .15s ease-in-out;--transition-background-color: background-color .15s ease-in-out}:root{--c-font-dark: #4a4a4a;--c-font-icon: #6f6f6f;--c-font-light: white;--c-font-disabled: #9c9c9c;--fs-huge: 3rem;--fs-header: 1.125rem;--fs-default: 1rem;--fs-body-2: .875rem;--fs-body-1: .75rem;--fs-caption: .625rem;--fs-tiny: .325rem;--fs-micro: .2rem;--fw-bold: 800;--fw-semibold: 600;--fw-regular: 400;--fw-light: 300;--ff-code: consolas, monaco, monospace;--lh-solid: 1;--lh-title: 1.25;--lh-copy: 1.5}:root{--bd-radius-default: 2px;--bd-radius-form-field: 3px;--bd-radius-pill: 12px;--bd-width-default: 1px;--bd-light: var(--bd-width-default) solid var(--c-light-gray);--shadow-lvl-1: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lvl-2: 0 3px 6px 0 rgba(0, 0, 0, .13), 0 3px 6px 0 rgba(0, 0, 0, .23)}*{box-sizing:border-box}.styles-module__slot_rect__8v5MA{fill:none;stroke:#9b9b9b;stroke:var(--c-med-gray)}.styles-module__slot_occupied__kbyCd{fill:#e5e2e2;fill:var(--c-light-gray)}.styles-module__slot_occupied__kbyCd.styles-module__slot_error__mM6Kj{fill:#ffd58f;fill:var(--c-warning-light)}.styles-module__collision_icon__6XuQc{color:#9b9b9b;color:var(--c-med-gray)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentrons/components",
-  "version": "0.3.0-alpha.0",
+  "version": "0.3.1-alpha.0",
   "description": "React components library for Opentrons' projects",
   "types": "lib/index.d.ts",
   "style": "lib/style.css",
@@ -33,12 +33,13 @@
     "react-dom": "18.2.0"
   },
   "dependencies": {
-    "@opentrons/shared-data": "0.3.0-alpha.0",
-    "@opentrons/step-generation": "0.3.0-alpha.0",
+    "@opentrons/shared-data": "0.3.1-alpha.0",
+    "@opentrons/step-generation": "0.3.1-alpha.0",
     "@popperjs/core": "2.1.1",
     "@react-spring/types": "9.6.1",
     "@react-spring/web": "9.6.1",
     "classnames": "2.2.5",
+    "date-fns": "^4.1.0",
     "lodash": "4.18.1",
     "react-markdown": "9.0.3",
     "react-popper": "1.0.0",

package/src/styles/global.css

@@ -87,6 +87,7 @@
   /* semi-opaques */
   --transparent-white-80: #fffc;
   --transparent-white-50: #ffffff80;
+  --transparent-black-10: #16212d1a;
   --transparent-black-60: #16212d60;
   --transparent-black-80: #16212d80;