@opentrons/components 0.1.0-beta.2 → 0.1.0-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentrons/components",
-  "version": "0.1.0-beta.2",
+  "version": "0.1.0-beta.5",
   "description": "React components library for Opentrons' projects",
   "source": "src/index.ts",
   "types": "lib/index.d.ts",
@@ -23,7 +23,7 @@
     "@types/react-router-dom": "5.3.3"
   },
   "dependencies": {
-    "@opentrons/shared-data": "0.1.0-beta.2",
+    "@opentrons/shared-data": "0.1.0-beta.5",
     "@popperjs/core": "2.1.1",
     "@react-spring/types": "9.6.1",
     "@react-spring/web": "9.6.1",

package/webpack.config.js

@@ -2,9 +2,9 @@
 
 const path = require('path')
 const webpackMerge = require('webpack-merge')
-const { baseConfig } = require('@opentrons/webpack-config')
+const { baseConfig, rules } = require('@opentrons/webpack-config')
 
-const ENTRY_INDEX = path.join(__dirname, 'src/index.ts')
+const ENTRY_INDEX = path.join(__dirname, 'src/manifest.ts')
 const OUTPUT_PATH = path.join(__dirname, 'lib')
 
 module.exports = async () =>
@@ -16,4 +16,6 @@ module.exports = async () =>
       library: '@opentrons/components',
       libraryTarget: 'umd',
     },
+    plugins: [],
+    module: { rules: [rules.js] },
   })

package/lib/1.ae79225c399e600ca859.css

@@ -1 +0,0 @@
-.Well__default_well__SSrCF{fill:#fff;fill:var(--c-white);stroke:#000;stroke:var(--c-black);stroke-width:.6}.StaticLabware__labware_detail_group__3_nh2{fill:none;stroke:#000;stroke:var(--c-black);stroke-width:1}.StaticLabware__labware_outline__228a8{fill:#fff;fill:var(--c-white);stroke:#000;stroke:var(--c-black)}.StaticLabware__tiprack_outline__NhyY7{fill:#ccc;fill:var(--c-plate-bg);stroke:#979797;stroke:var(--c-charcoal)}.StaticLabware__tip__1RnZm{fill:#fff;fill:var(--c-white);stroke:#a4a4a4;stroke:var(--c-near-black);stroke-width:.6}.LabwareRender__highlighted_well__3mRlC{stroke:#006cfa;stroke:var(--c-blue-enabled);fill:rgba(0,108,250,.2)}.LabwareRender__disabled_well__3zDxo{stroke:#c6c6c6;stroke:var(--c-light-grey-hover);fill:hsla(0,0%,92.9%,.8)}.LabwareRender__selected_well__23Bdr{stroke:#006cfa;stroke:var(--c-blue-enabled);fill:transparent}.LabwareRender__missing_tip__30oTo{stroke:#a4a4a4;stroke:var(--c-near-black);fill:#e5e2e2;fill:var(--c-light-gray)}.WellLabels__label_text__2_DLq{color:#4a4a4a;color:var(--c-font-dark);font-size:.2rem;font-size:var(--fs-micro);text-anchor:middle}.WellLabels__letter_column__3ZJZP{dominant-baseline:middle}.styles__overflow__1yBCe{overflow:visible}:root{--button-pad:0.5rem}.buttons__button_primary__1CGsd{display:inline-block;text-decoration:none;position:relative;line-height:1.4;border:none;padding:.5rem;padding:var(--button-pad);font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold);text-align:center;text-transform:uppercase;cursor:pointer;color:#4a4a4a;color:var(--c-font-dark);background:transparent;border-radius:2px;border-radius:var(--bd-radius-default)}.buttons__button_primary__1CGsd:active{background-color:#e1e1e1}.buttons__button_primary__1CGsd.buttons__hover__1Pf_n,.buttons__button_primary__1CGsd:focus,.buttons__button_primary__1CGsd:hover{background-color:hsla(0,0%,60.8%,.25)}.buttons__button_primary__1CGsd{width:100%;color:#fff;color:var(--c-font-light);background-color:#4a4a4a;background-color:var(--c-bg-dark);box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.24)}.buttons__button_primary__1CGsd.buttons__hover__1Pf_n,.buttons__button_primary__1CGsd:focus,.buttons__button_primary__1CGsd:hover{background-color:#343434}.buttons__button_primary__1CGsd:active{font-weight:400;font-weight:var(--fw-regular);background-color:grey;box-shadow:0 0 8px rgba(0,0,0,.12),0 8px 8px rgba(0,0,0,.24)}.buttons__button_primary__1CGsd.buttons__inverted__2h1cN{background-color:#fafafa;background-color:var(--c-bg-light);color:#4a4a4a;color:var(--c-font-dark)}.buttons__button_primary__1CGsd.buttons__inverted__2h1cN.buttons__hover__1Pf_n,.buttons__button_primary__1CGsd.buttons__inverted__2h1cN:focus,.buttons__button_primary__1CGsd.buttons__inverted__2h1cN:hover{background-color:#eee}.buttons__button_primary__1CGsd.buttons__inverted__2h1cN:active{background-color:#e1e1e1}.buttons__button_primary__1CGsd.buttons__disabled__9lZ7t,.buttons__button_primary__1CGsd:disabled{background-color:transparent;font-weight:400;border-color:#9c9c9c;border-color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);cursor:default;pointer-events:none;background-color:#c9c9c9;box-shadow:none;color:#9c9c9c;color:var(--c-font-disabled)}.buttons__button_flat__3t_zu{display:inline-block;text-decoration:none;position:relative;line-height:1.4;border:none;padding:.5rem;padding:var(--button-pad);font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold);text-align:center;text-transform:uppercase;cursor:pointer;color:#4a4a4a;color:var(--c-font-dark);background:transparent;border-radius:2px;border-radius:var(--bd-radius-default)}.buttons__button_flat__3t_zu:active{font-weight:400;font-weight:var(--fw-regular);background-color:#e1e1e1}.buttons__button_flat__3t_zu.buttons__disabled__9lZ7t,.buttons__button_flat__3t_zu:disabled{background-color:transparent;font-weight:400;border-color:#9c9c9c;border-color:var(--c-font-disabled);color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);cursor:default;pointer-events:none}.buttons__button_flat__3t_zu.buttons__hover__1Pf_n,.buttons__button_flat__3t_zu:focus,.buttons__button_flat__3t_zu:hover{background-color:hsla(0,0%,60.8%,.25)}.buttons__button_flat__3t_zu{width:9rem}.buttons__button_flat__3t_zu.buttons__inverted__2h1cN{color:#fff;color:var(--c-font-light);border-color:#fff;border-color:var(--c-font-light)}.buttons__button_flat__3t_zu.buttons__inverted__2h1cN:active{font-weight:400;font-weight:var(--fw-regular);background-color:#5c5c5c}.buttons__button_flat__3t_zu.buttons__inverted__2h1cN.buttons__disabled__9lZ7t,.buttons__button_flat__3t_zu.buttons__inverted__2h1cN:disabled{background-color:transparent;font-weight:400;border-color:#9c9c9c;border-color:var(--c-font-disabled);color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);cursor:default;pointer-events:none}.buttons__button_flat__3t_zu.buttons__inverted__2h1cN.buttons__hover__1Pf_n,.buttons__button_flat__3t_zu.buttons__inverted__2h1cN:focus,.buttons__button_flat__3t_zu.buttons__inverted__2h1cN:hover{background-color:#535353}.buttons__button_outline__1x4Bi{display:inline-block;text-decoration:none;position:relative;line-height:1.4;border:none;padding:.5rem;padding:var(--button-pad);font-size:.875rem;font-size:var(--fs-body-2);font-weight:600;font-weight:var(--fw-semibold);text-align:center;text-transform:uppercase;cursor:pointer;color:#4a4a4a;color:var(--c-font-dark);background:transparent;border-radius:2px;border-radius:var(--bd-radius-default)}.buttons__button_outline__1x4Bi:active{font-weight:400;font-weight:var(--fw-regular);background-color:#e1e1e1}.buttons__button_outline__1x4Bi.buttons__disabled__9lZ7t,.buttons__button_outline__1x4Bi:disabled{background-color:transparent;font-weight:400;border-color:#9c9c9c;border-color:var(--c-font-disabled);color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);cursor:default;pointer-events:none}.buttons__button_outline__1x4Bi.buttons__hover__1Pf_n,.buttons__button_outline__1x4Bi:focus,.buttons__button_outline__1x4Bi:hover{background-color:hsla(0,0%,60.8%,.25)}.buttons__button_outline__1x4Bi{width:9rem;border:1px solid #4a4a4a;border:1px solid var(--c-font-dark)}.buttons__button_outline__1x4Bi.buttons__inverted__2h1cN{color:#fff;color:var(--c-font-light);border-color:#fff;border-color:var(--c-font-light)}.buttons__button_outline__1x4Bi.buttons__inverted__2h1cN:active{font-weight:400;font-weight:var(--fw-regular);background-color:#5c5c5c}.buttons__button_outline__1x4Bi.buttons__inverted__2h1cN.buttons__disabled__9lZ7t,.buttons__button_outline__1x4Bi.buttons__inverted__2h1cN:disabled{background-color:transparent;font-weight:400;border-color:#9c9c9c;border-color:var(--c-font-disabled);color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);cursor:default;pointer-events:none}.buttons__button_outline__1x4Bi.buttons__inverted__2h1cN.buttons__hover__1Pf_n,.buttons__button_outline__1x4Bi.buttons__inverted__2h1cN:focus,.buttons__button_outline__1x4Bi.buttons__inverted__2h1cN:hover{background-color:#535353}.buttons__button_icon__20ezu{width:auto}.buttons__button_icon__20ezu>*{display:block;height:100%;width:100%}.buttons__button_icon__20ezu.buttons__inverted__2h1cN{color:#fff;fill:#fff;stroke:#fff}.buttons__button_icon__20ezu.buttons__inverted__2h1cN.buttons__disabled__9lZ7t,.buttons__button_icon__20ezu.buttons__inverted__2h1cN:disabled{background-color:transparent;font-weight:400;border-color:#9c9c9c;border-color:var(--c-font-disabled);color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);cursor:default;pointer-events:none}.buttons__icon__1NWzk{position:absolute;top:.5rem;top:var(--button-pad);left:.5rem;left:var(--button-pad);height:calc(100% - 1rem);height:calc(100% - var(--button-pad)*2)}.alerts__alert__ozzvU{font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular)}.alerts__alert__ozzvU:not(:first-of-type){border-top:none}.alerts__title_bar__vnktm{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-weight:600;font-weight:var(--fw-semibold)}.alerts__title__3un1z{width:100%}.alerts__success__2ObCu{border:1px solid #60b120;border:1px solid var(--c-success)}.alerts__success__2ObCu>.alerts__title_bar__vnktm{background-color:#b6febc;background-color:var(--c-bg-success);color:#60b120;color:var(--c-success)}.alerts__success__2ObCu>.alerts__title_bar__vnktm svg{color:#60b120;color:var(--c-success)}.alerts__info__1R0Vu{border:1px solid #5fd8ee;border:1px solid var(--c-highlight)}.alerts__info__1R0Vu>.alerts__title_bar__vnktm{background-color:#f0f3ff;background-color:var(--c-bg-selected);color:#00c3e6;color:var(--c-selected-dark)}.alerts__info__1R0Vu>.alerts__title_bar__vnktm svg{color:#5fd8ee;color:var(--c-highlight)}.alerts__warning__34VmF{border:1px solid #e28200;border:1px solid var(--c-warning)}.alerts__warning__34VmF>.alerts__title_bar__vnktm{background-color:#ffd58f;background-color:var(--c-warning-light);color:#9e5e00;color:var(--c-warning-dark)}.alerts__warning__34VmF>.alerts__title_bar__vnktm svg{fill:#e28200;fill:var(--c-warning)}.alerts__error__2ozCI{border:1px solid #d12929;border:1px solid var(--c-error)}.alerts__error__2ozCI>.alerts__title_bar__vnktm{background-color:#ffc0c0;background-color:var(--c-error-light);color:#ac0505;color:var(--c-error-dark)}.alerts__error__2ozCI>.alerts__title_bar__vnktm svg{fill:#d12929;fill:var(--c-error)}.alerts__message__2zYcA{padding:1rem 3rem;background-color:#fff}.alerts__message__2zYcA a{text-decoration:underline;color:inherit}.alerts__message__2zYcA:empty{padding:0}.alerts__icon__IRgwV{width:1.5rem;margin-right:.5rem}.alerts__close__Pjlmx{width:2rem;padding:.125rem}.alerts__close__Pjlmx:hover{background-color:hsla(0,0%,39.2%,.1)}:root{--mw-labeled-toggle:25rem}.styles__toggled_on__2fMHX{fill:#0ec9eb;color:#0ec9eb}.styles__toggled_off__1lpNZ{fill:#4a4a4a;fill:var(--c-dark-gray)}.styles__labeled_control_wrapper__3ryQ9{width:100%;padding:1rem;display:block}.styles__labeled_control_wrapper__3ryQ9:not(:last-child){border-bottom:1px solid #e5e2e2;border-bottom:1px solid var(--c-light-gray)}.styles__labeled_control__245hJ{display:block}.styles__stacked_labeled_control__AiAZZ{display:block;margin-left:1rem;margin-top:.5rem}.styles__labeled_control_label__dFk5y,.styles__stacked_labeled_control_label__2fxe6{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);display:inline-block;font-weight:600;font-weight:var(--fw-semibold)}.styles__labeled_control_label__dFk5y{max-width:25rem;max-width:var(--mw-labeled-toggle)}.styles__labeled_toggle_button__1cGlR{float:right;width:2rem;margin-right:1rem;padding:0}.styles__labeled_toggle_button__1cGlR:hover{background-color:transparent}.styles__labeled_button__sUoAI,.styles__labeled_select__zg5jB{float:right;width:9rem;margin-top:.5rem}.styles__labeled_select__zg5jB{font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark)}.styles__labeled_checkbox__iTOQU{float:right}.styles__stacked_control_info__2ulb9{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark)}.styles__stacked_control_info__2ulb9>p{margin-top:.5rem;margin-bottom:0;line-height:1.5}.styles__control_info__2AdYH{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);max-width:25rem;max-width:var(--mw-labeled-toggle)}.styles__control_info__2AdYH>p{margin-top:.5rem;margin-bottom:0;line-height:1.5}.forms__accessibly_hidden__27DCO{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.forms__form_field__nNeq8{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);display:flex;align-items:center;line-height:1}.forms__label_text__3OayM{flex:0 0 auto;padding:0 .5rem}.forms__label_text__3OayM:empty{padding:0}.forms__form_group_label__D8xJj{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);font-weight:600;font-weight:var(--fw-semibold);margin-bottom:.15rem;text-transform:capitalize}.forms__form_group_label__D8xJj:after{content:":"}.forms__form_group_label_pipette_settings_slideout__2Oep1{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);font-weight:600;font-weight:var(--fw-semibold);margin-bottom:.5rem;text-transform:capitalize;font-size:13px;color:#16212d}.forms__checkbox_icon__2il6d{width:1.25rem;min-width:1.25rem;color:#4a4a4a;color:var(--c-font-dark);display:flex;justify-content:center;align-items:center}.forms__checkbox_icon__2il6d:not(.forms__checkbox_disabled__2P9p2):hover{cursor:pointer}.forms__checkbox_icon__2il6d.forms__error__3v3DK{color:#9e5e00;color:var(--c-warning-dark)}.forms__checkbox_icon__2il6d.forms__checked__19_54{color:#006cfa;color:var(--c-blue)}.forms__toggle_icon__1_a3n{display:block;width:2rem;min-width:2rem;color:#4a4a4a;color:var(--c-font-dark)}.forms__toggle_icon__1_a3n:not(.forms__toggle_disabled__3BiTx):hover{cursor:pointer}.forms__checkbox_disabled__2P9p2,.forms__dropdown_disabled__1nmNC,.forms__toggle_disabled__3BiTx{opacity:.5}.forms__input_field_container__1cflk{width:100%}.forms__input_field__2qwSJ{display:flex;flex:1 1;background-color:#e5e2e2;background-color:var(--c-light-gray);border-radius:3px;border-radius:var(--bd-radius-form-field);padding:.25rem .25rem .25rem .5rem}.forms__input_field__2qwSJ input{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);background-color:inherit;border-radius:inherit;border:none;flex:1 1 auto;width:100%;height:1rem}.forms__input_field__2qwSJ input:focus{outline:none}.forms__input_field__2qwSJ input::-moz-placeholder{color:#9b9b9b;color:var(--c-med-gray)}.forms__input_field__2qwSJ input:-ms-input-placeholder{color:#9b9b9b;color:var(--c-med-gray)}.forms__input_field__2qwSJ input::placeholder{color:#9b9b9b;color:var(--c-med-gray)}.forms__input_field__2qwSJ[focus-within]{background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem 0 rgba(0,0,0,.5)}.forms__input_field__2qwSJ:focus-within{background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem 0 rgba(0,0,0,.5)}.forms__input_field__2qwSJ .forms__suffix__1ENKI{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);font-weight:600;font-weight:var(--fw-semibold);display:inline-block;flex:1 0;text-align:right;align-self:center}.forms__input_caption__2pMGo{font-size:.625rem;font-size:var(--fs-caption);font-weight:600;font-weight:var(--fw-semibold);color:#9b9b9b;color:var(--c-med-gray);line-height:1.2}.forms__input_caption__2pMGo .forms__right__2TOmP{float:right}.forms__inline__O3ALA{display:flex}.forms__inline__O3ALA .forms__label_text__3OayM{padding-right:1.5rem}.forms__inline_item__1b9iA{flex:1}.forms__error__3v3DK div,.forms__error__3v3DK span{color:#9e5e00;color:var(--c-warning-dark)}.forms__error__3v3DK .forms__input_field__2qwSJ,.forms__error__3v3DK select{background-color:#ffd58f;background-color:var(--c-warning-light)}.forms__dropdown__17b3U{background-color:#e5e2e2;background-color:var(--c-light-gray)}.forms__dropdown_field__1CWAj{position:relative}.forms__dropdown_field__1CWAj select{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);border:0;padding:.25rem .5rem;outline:none;height:1.5rem;border-radius:3px;border-radius:var(--bd-radius-form-field);font-family:inherit;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden}.forms__dropdown_field__1CWAj select:focus{background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem 0 rgba(0,0,0,.5)}.forms__dropdown_field__1CWAj .forms__dropdown_icon__36JWE{position:absolute;top:.2rem;right:.25rem;width:1.25rem;pointer-events:none}.forms__dropdown_field__1CWAj .forms__dropdown_icon__36JWE svg{color:#4a4a4a;color:var(--c-dark-gray)}.forms__error_icon__1uDEq{display:inline-block;width:1.5rem;min-width:1.5rem;padding-right:.5rem}.forms__disabled__1l-OU{pointer-events:none}.forms__disabled__1l-OU .forms__form_group_label__D8xJj{color:#e5e2e2;color:var(--c-light-gray)}.forms__disabled__1l-OU .forms__suffix__1ENKI,.forms__disabled__1l-OU input{color:#9b9b9b;color:var(--c-med-gray)}.Select__example_select_override__2oPGm .ot_select__control{background-color:#00f}.Select__select__2Pdzd{position:relative}.Select__select__2Pdzd .ot_select__control{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);display:flex;position:relative;background-color:#e5e2e2;background-color:var(--c-light-gray);border:none;padding:.25rem 0;outline:none;border-radius:3px;border-radius:var(--bd-radius-form-field);height:1.75rem;box-shadow:none}.Select__select__2Pdzd .ot_select__control--menu-is-open{border-bottom-left-radius:0;border-bottom-right-radius:0}.Select__select__2Pdzd .ot_select__control--is-focused,.Select__select__2Pdzd .ot_select__control--menu-is-open{background-color:#fff;background-color:var(--c-white);box-shadow:0 .125rem .25rem 0 rgba(0,0,0,.5)}.Select__select__2Pdzd .ot_select__option{display:flex;padding:.25rem .75rem;cursor:default}.Select__select__2Pdzd .ot_select__option--is-focused{background-color:#e5e2e2;background-color:var(--c-light-gray)}.Select__select__2Pdzd .ot_select__option--is-disabled{color:#9c9c9c;color:var(--c-font-disabled)}.Select__select__2Pdzd .ot_select__group-heading{font-size:.625rem;font-size:var(--fs-caption);font-weight:600;font-weight:var(--fw-semibold);color:#9b9b9b;color:var(--c-med-gray);text-transform:uppercase;margin-left:.5rem}.Select__select__2Pdzd .ot_select__single-value{display:flex}.Select__select__2Pdzd .ot_select__group:not(:first-child){margin-top:.25rem;border-top:1px solid hsla(0,0%,60.8%,.4);padding-top:.25rem}.Select__dropdown_indicator__HTjCh{position:absolute;top:.25rem;right:.25rem;width:1.25rem;pointer-events:none}.Select__dropdown_indicator__HTjCh>svg{color:#4a4a4a;color:var(--c-dark-gray)}.Select__dropdown_indicator__HTjCh.Select__flipped__2FrTh>svg{transform:rotate(180deg)}.Select__dropdown_indicator_icon__-qt3L{width:100%}.Select__menu__18JZP{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);top:100%;box-shadow:0 .125rem .25rem 0 rgba(0,0,0,.5);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);padding-top:.25rem;padding-bottom:.25rem}.Select__menu__18JZP,.Select__menu_control_bridge__19dcU{position:absolute;left:0;right:0;z-index:99;background-color:#fff;background-color:var(--c-white)}.Select__menu_control_bridge__19dcU{top:calc(100% - 2px);height:4px}.SelectField__select_field__dDdSD.SelectField__error__2NjgF .ot_select__control{background-color:#ffd58f;background-color:var(--c-warning-light)}.SelectField__select_caption__2T-aZ{font-size:.625rem;font-size:var(--fs-caption)}.SelectField__select_caption__2T-aZ.SelectField__error__2NjgF{color:#9e5e00;color:var(--c-warning-dark);font-weight:600;font-weight:var(--fw-semibold)}.LabwareNameOverlay__name_overlay__1zFhD{width:100%;font-size:.5rem;color:#fff;color:var(--c-font-light);background-color:rgba(0,0,0,.75);padding:.25rem;border-radius:0 0 .5rem .5rem}.LabwareNameOverlay__display_name__5XCUu{font-weight:600;font-weight:var(--fw-semibold);color:#fff;color:var(--c-font-light);word-wrap:break-word}.LabwareNameOverlay__deck_slot__1YA5W:active{cursor:-webkit-grabbing;cursor:grabbing}.ModuleItem__module__qVkb6{color:#000;color:var(--c-black);background-color:#000;background-color:var(--c-black);opacity:.9;border-radius:6px;width:100%;height:100%;display:flex}.ModuleItem__module_review_icon__15AjY{color:#fff;color:var(--c-white);margin:0 .25rem 0 0;height:12px;width:12px}.ModuleItem__module_review_icon_missing__10T5u{color:#f00000;color:var(--c-red)}.ModuleItem__module_review_icon_present__3ddVX{color:#7ed321;color:var(--c-green)}.ModuleItem__module_review_text__32O9B{fill:currentColor;font-size:.55rem;font-weight:600;font-weight:var(--fw-semibold);color:#fff;color:var(--c-white);text-transform:capitalize;white-space:pre;margin-bottom:.75rem}.ModuleItem__module_name_overlay__3P5Qr{color:#000;color:var(--c-black);opacity:.7}.ModuleItem__module_connect_info_wrapper__24_4P{display:flex;flex-direction:row;font-size:.5rem;color:#fff;color:var(--c-white)}.ModuleItem__module_port_text__2RTOA{color:#fff;color:var(--c-white)}.ModuleItem__module_port_text__2RTOA,.ModuleItem__module_port_text_na__3Rmvs{fill:currentColor;font-size:.65rem;font-weight:600;font-weight:var(--fw-semibold);text-transform:uppercase}.ModuleItem__module_port_text_na__3Rmvs{color:#9b9b9b;color:var(--c-med-gray)}.ModuleItem__module_wrapper__3sP_o{align-items:flex-end}.ModuleItem__flipped_module_wrapper__R-u4G,.ModuleItem__module_wrapper__3sP_o{display:flex;width:100%;padding:1.15rem;justify-content:center;flex-direction:column}.ModuleItem__flipped_module_wrapper__R-u4G{align-items:flex-start}.ModuleItem__module_name_text__1dtz4{fill:currentColor;color:#fff;color:var(--c-white);font-size:.5rem;font-weight:600;font-weight:var(--fw-semibold);text-transform:uppercase}.ModuleItem__flipped__2rRnr{transform:rotate(180deg)}.ModuleItem__right_icon__OWXKv{margin:0 0 0 1rem}.instrument__pipette_group__1QUIV{margin:0 auto;max-width:46rem;padding-bottom:2rem;display:grid;grid-template-columns:50% 50%;grid-template-areas:"left right"}.instrument__right__5tPU7{grid-area:right;grid-template-columns:40% 80%;grid-template-areas:"img info"}.instrument__pipette_info__3Ib7d{grid-area:info;min-height:8rem}.instrument__flipped_image__3a-Tr{transform:scaleX(-1);filter:FlipH}.instrument__pipette_icon__-4kv_{grid-area:img;text-align:center}.instrument__title__2f_lv{font-weight:600;font-weight:var(--fw-semibold);text-transform:capitalize;margin:2rem 0 .25rem}.instrument__title__2f_lv,.instrument__value__i1N3z{font-size:.875rem;font-size:var(--fs-body-2);color:#4a4a4a;color:var(--c-font-dark)}.instrument__value__i1N3z{font-weight:400;font-weight:var(--fw-regular)}.PipetteSelect__pipette_volume_class__3Agm8{cursor:default;min-width:3.5rem}.PipetteSelect__pipette_channels__wOmPi{cursor:default;min-width:7rem}.PipetteSelect__pipette_category__3oLgH{cursor:default;min-width:2.5rem}:root{--list-padding-large:1rem;--list-padding-small:0.75rem}.lists__clickable__3w4uK{cursor:pointer}.lists__disabled__2kW_R,.lists__disabled__2kW_R *{background-color:transparent}.lists__disabled__2kW_R *{color:#9c9c9c;color:var(--c-font-disabled);outline-color:#eee;fill:#9c9c9c;fill:var(--c-font-disabled)}.lists__list_item__1wphO,.lists__panel_group__3-FFZ,.lists__titled_list__1MY0w{background-color:#fff}.lists__panel_group__3-FFZ{box-shadow:0 1px 2px 0 rgba(0,0,0,.33)}.lists__hover_border__3y1Qi{outline:1px solid #5fd8ee;outline:var(--bd-width-default) solid var(--c-highlight)}.lists__header_text__1KlDa{text-transform:uppercase;font-size:.625rem;font-size:var(--fs-caption);font-weight:600;font-weight:var(--fw-semibold);color:#9c9c9c;color:var(--c-font-disabled)}.lists__title_bar__2-A0F{flex-direction:column}.lists__title_bar__2-A0F,.lists__titled_list_title_bar__2SzDZ{position:relative;display:flex;text-decoration:none;padding:1rem .75rem;padding:var(--list-padding-large) var(--list-padding-small)}.lists__titled_list_title_bar__2SzDZ{flex-direction:row;align-items:center}.lists__titled_list_selected__eyjk_ .lists__title_bar__2-A0F{background-color:#f0f3ff;background-color:var(--c-bg-selected)}.lists__titled_list_selected__eyjk_ .lists__title_bar__2-A0F *{color:#00c3e6;color:var(--c-selected-dark);font-weight:600;font-weight:var(--fw-semibold)}.lists__title__1q9Pe{font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular);margin:0;text-transform:uppercase}.lists__title_enabled__1PZaT{color:#4a4a4a;color:var(--c-font-dark)}.lists__title_disabled__3ihOd{color:#9c9c9c;color:var(--c-font-disabled)}.lists__title_bar_icon__WcQlB{color:#4a4a4a;color:var(--c-font-dark);height:1.5rem}.lists__title_bar_error__2pUdQ{background-color:#ffc0c0;background-color:var(--c-error-light)}.lists__icon_left_of_title__wH324{margin-right:.5rem;height:1.2rem}.lists__icon_left_of_title_container__33-JD{display:flex;justify-content:flex-start}.lists__title_bar_carat__2Q847{position:absolute;top:0;bottom:0;right:0;padding:calc(.75rem - 1px);padding:calc(var(--list-padding-small) - var(--bd-width-default));padding-top:1rem}.lists__title_bar_carat__2Q847:hover{background-color:rgba(0,0,0,.05)}.lists__list__3Vj7d{list-style-type:none;padding-left:0;margin:0}.lists__list_item__1wphO{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);display:flex;flex-direction:row;align-items:center;width:100%;line-height:1.25;margin:0;padding:.75rem;padding:var(--list-padding-small)}.lists__list_item__1wphO:hover{background-color:#f1f1f1;background-color:var(--c-bg-hover)}.lists__list_item__1wphO.lists__active__LsAH7{background-color:#f0f3ff;background-color:var(--c-bg-selected)}a.lists__list_item__1wphO{text-decoration:none}.lists__list_alert__1loPs{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);width:100%;padding:.75rem;padding:var(--list-padding-small);background-color:#fafafa;background-color:var(--c-bg-light);font-style:italic}.lists__item_icon__1VaPm{flex:none;height:.9375rem;height:calc(var(--fs-body-1)*1.25);margin-right:.5rem}.modals__modal__1qxYy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;align-items:flex-start;position:fixed;z-index:1;padding:4rem}.modals__modal_page__MSdSD{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:4.5rem 3rem 1rem}.modals__overlay__1jKE6{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.9)}.modals__title_bar__344Zx{position:absolute;top:0;left:0;right:0;width:100%;z-index:3}.modals__modal_contents__3UGb4,.modals__modal_page_contents__3ZVTG{z-index:1;width:100%;max-width:38rem;margin:0 auto;padding:1rem;border-radius:.5rem;background-color:#fff}.modals__modal_page_contents__3ZVTG{max-height:100%;overflow-y:auto}.modals__modal_heading__1_HV_{font-size:1.125rem;font-size:var(--fs-header);font-weight:600;font-weight:var(--fw-semibold);color:#4a4a4a;color:var(--c-font-dark);margin-top:0;margin-bottom:1rem;text-transform:capitalize}.modals__alert_modal_wrapper__26ro3{position:relative;max-height:100%;padding-top:4rem;border-radius:0}.modals__alert_modal_heading__3-sA_.modals__no_icon_heading__1WauV{padding-left:2rem}.modals__no_alert_header__-J5S3{padding-top:1.5rem}.modals__spinner_modal_contents__1hxpD{z-index:1;width:100%;max-width:38rem;margin:0 auto;border-radius:.5rem;font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular);color:#fff;color:var(--c-font-light);@apply center-content;max-width:30rem;padding:3rem 1rem 1rem;background-color:transparent;flex-direction:column;font-style:italic;text-align:center;z-index:4}.modals__spinner_modal_icon__1hugX{width:7.5rem;margin-bottom:3rem}.modals__clickable__JgOu5{cursor:pointer}.modals__alert_modal__IBIX_{z-index:10}.modals__alert_modal_overlay__3EbPE{background-color:hsla(0,0%,45.1%,.9)}.modals__alert_modal_contents__1cAy7{font-size:.875rem;font-size:var(--fs-body-2);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);width:100%;max-height:100%;padding:1rem}.modals__alert_modal_contents__1cAy7>p{padding-bottom:1rem}.modals__alert_modal_heading__3-sA_{font-size:1.125rem;font-size:var(--fs-header);font-weight:600;font-weight:var(--fw-semibold);color:#4a4a4a;color:var(--c-font-dark);font-weight:400;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;padding:1rem;background-color:#e0e0e0}.modals__alert_modal_icon__CKeNw{height:1.125rem;margin-right:.75rem}.modals__alert_modal_buttons__VSYoU{float:right;margin-top:1rem}.modals__alert_button__2ZIaN{margin-left:1rem}.structure__title_bar__1akJR{display:flex;align-items:center;height:3rem;text-transform:uppercase;background-color:#4a4a4a;background-color:var(--c-dark-gray)}.structure__title_bar__1akJR,.structure__title_bar__1akJR a{color:#fff}.structure__separator__3atIY,.structure__subtitle__1_xgz,.structure__title__1UVlK{font-size:1.125rem;font-size:var(--fs-header);margin:0}.structure__separator__3atIY,.structure__title__1UVlK{font-weight:600;font-weight:var(--fw-semibold)}.structure__title__1UVlK{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding:0 1.5rem}.structure__subtitle__1_xgz{padding:0 1.5rem;font-weight:400}.structure__title__1UVlK.structure__right__mkbrN{margin-left:auto}.structure__title_button__1JFEY{flex:none}.structure__page_tabs__2CS4R{width:100%;text-align:center}.structure__tab_link__Q0D0Q{display:inline-block;width:50%;padding:.25rem 0;font-size:3rem;font-size:var(--fs-huge);opacity:.2;background-color:#9b9b9b;background-color:var(--c-med-gray);color:#fff;text-transform:uppercase}.structure__active_tab_link__2M1Hp{opacity:1}.structure__tab_title__1Ee3U{font-weight:400}.structure__active_tab_link__2M1Hp .structure__tab_title__1Ee3U{font-weight:800;font-weight:var(--fw-bold)}.structure__disabled__2Yz_p{pointer-events:none;background-color:transparent}.structure__disabled__2Yz_p *{color:#9c9c9c;color:var(--c-font-disabled);fill:#9c9c9c;fill:var(--c-font-disabled);background-color:transparent}.structure__labeled_value__1jouo{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#4a4a4a;color:var(--c-font-dark);line-height:1.5}.structure__labeled_value__1jouo svg{height:.875rem;height:var(--fs-body-2)}.structure__labeled_value_label__hHUnm{font-weight:600;font-weight:var(--fw-semibold);margin-top:0;margin-bottom:.25rem}.structure__labeled_value_value__1FEGp{margin:0}.structure__right_node__3r2qE{display:flex;justify-content:flex-end;margin-left:auto}.Splash__splash__CYP2v{position:relative;width:100%;height:100%;color:#e5e2e2;color:var(--c-light-gray)}.Splash__splash__CYP2v>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%}.Pill__pill__W4bES{border-radius:12px;border-radius:var(--bd-radius-pill);color:#fff;color:var(--c-white);padding:.5em}.Pill__pill__W4bES:empty:before{content:"\200b"}.Pill__invert_text__2cKkp{color:#000;color:var(--c-black)}:root{--sidebar-width:18.25rem}.SidePanel__panel__1FFJz{flex-shrink:0;overflow:visible;border-right:1px solid #e5e2e2;border-right:var(--bd-light);background-color:#fafafa;background-color:var(--c-bg-light);position:relative;padding:0 4px}.SidePanel__title_bar__aghsB{display:flex;align-items:center;width:18.25rem;width:var(--sidebar-width)}.SidePanel__title__70G7C{font-size:1.125rem;font-size:var(--fs-header);font-weight:600;font-weight:var(--fw-semibold);color:#4a4a4a;color:var(--c-font-dark);margin:1rem auto}.SidePanel__panel_contents__tVJ3K{width:18.25rem;width:var(--sidebar-width);height:calc(100vh - 3.5rem);overflow-x:hidden;overflow-y:auto}.navbar__navbar__3XUV6{flex:none;width:4rem;display:flex;flex-direction:column}.navbar__navbar__3XUV6>*{flex:1}.navbar__tab__3n0Tl{display:inline-block;cursor:pointer;background-color:#fff;background-color:var(--c-white);color:#9b9b9b;color:var(--c-med-gray);outline:none;border:none;border-right:1px solid #e5e2e2;border-right:var(--bd-light)}.navbar__bottom_section__Q4KRL>*,.navbar__filler__f42IZ,.navbar__top_section__2KY2c>*{width:100%;border-right:1px solid #e5e2e2;border-right:var(--bd-light)}.navbar__top_section__2KY2c>.navbar__tab__3n0Tl{border-bottom:1px solid #e5e2e2;border-bottom:var(--bd-light)}.navbar__bottom_section__Q4KRL>.navbar__tab__3n0Tl{border-top:1px solid #e5e2e2;border-top:var(--bd-light)}.navbar__filler__f42IZ{flex-grow:9999}.navbar__title__2DENO{display:block;color:#4a4a4a;color:var(--c-font-dark);font-size:.625rem;font-size:var(--fs-caption);font-weight:600;font-weight:var(--fw-semibold);text-transform:uppercase;text-align:center;padding-bottom:.5rem}.navbar__disabled__15sia{cursor:default;pointer-events:none;opacity:.75}.navbar__selected__1B74R{background-color:#fafafa;background-color:var(--c-bg-light);border-right-color:transparent}.navbar__selected__1B74R>svg{fill:#4a4a4a;fill:var(--c-dark-gray)}.navbar__icon__pqXSW{height:100%;width:100%;padding:.5rem .5rem 0;color:#979797;color:var(--c-charcoal)}.navbar__no_link__26Azd{text-decoration:none;color:inherit}.styles__slot_rect__8qAyX{stroke:#9b9b9b;stroke:var(--c-med-gray);fill:none}.styles__slot_occupied__1nJwz{fill:#e5e2e2;fill:var(--c-light-gray)}.styles__slot_occupied__1nJwz.styles__slot_error__2NDC8{fill:#ffd58f;fill:var(--c-warning-light)}.styles__collision_icon__3TS50{color:#9b9b9b;color:var(--c-med-gray)}:root{--c-mustard:#ffd252;--c-blue:#006cfa;--c-light-blue:#b3d4ff;--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,0.3);--c-plate-bg:#ccc;--c-white:#fff;--c-black:#000;--c-green:#7ed321;--c-red:#f00000;--c-orange:#f5a623;--c-font-dark:#4a4a4a;--c-font-icon:#6f6f6f;--c-font-light:#fff;--c-font-disabled:#9c9c9c;--fs-huge:3rem;--fs-header:1.125rem;--fs-default:1rem;--fs-body-2:0.875rem;--fs-body-1:0.75rem;--fs-caption:0.625rem;--fs-tiny:0.325rem;--fs-micro:0.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;--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,0.1),0 1px 2px 0 rgba(0,0,0,0.2);--shadow-lvl-2:0 3px 6px 0 rgba(0,0,0,0.13),0 3px 6px 0 rgba(0,0,0,0.23)}*{box-sizing:border-box}.tooltips__tooltip_box__zzj1j{font-size:.75rem;font-size:var(--fs-body-1);font-weight:400;font-weight:var(--fw-regular);color:#fff;color:var(--c-font-light);background-color:#4a4a4a;background-color:var(--c-bg-dark);box-shadow:0 3px 6px 0 rgba(0,0,0,.13),0 3px 6px 0 rgba(0,0,0,.23);padding:8px;cursor:pointer;z-index:9001}.tooltips__arrow__ZLtZV{position:absolute;bottom:0;left:0;margin-bottom:-.5em;width:1em;height:.5em}.tooltips__arrow__ZLtZV:before{content:"";margin:auto;display:block;width:0;height:0;border-color:#4a4a4a transparent transparent;border-left:.5em solid transparent;border-bottom:0 solid transparent;border-right:.5em solid transparent;border-top:.5em solid var(--c-bg-dark)}.tooltips__arrow__ZLtZV.tooltips__bottom__3FG6V{top:0;left:0;margin-top:-.5em;width:1em;height:.5em}.tooltips__arrow__ZLtZV.tooltips__bottom__3FG6V:before{border-width:0 .5em .5em;border-color:transparent transparent #4a4a4a;border-bottom-color:var(--c-bg-dark);border-right-color:transparent;border-top-color:transparent}.tooltips__arrow__ZLtZV.tooltips__right__3lmkv{top:0;left:0;margin-left:-.5em;height:1em;width:.5em}.tooltips__arrow__ZLtZV.tooltips__right__3lmkv:before{border-width:.5em .5em .5em 0;border-color:transparent #4a4a4a transparent transparent;border-right-color:var(--c-bg-dark);border-top-color:transparent}.tooltips__arrow__ZLtZV.tooltips__left__35L1P{top:0;right:0;margin-right:-.5em;height:1em;width:.5em}.tooltips__arrow__ZLtZV.tooltips__left__35L1P:before{border-width:.5em 0 .5em .5em;border-color:transparent transparent transparent #4a4a4a;border-left-color:var(--c-bg-dark);border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent}