carbon-components-angular 3.12.5 → 3.13.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/breadcrumb/breadcrumb-item.interface.d.ts +5 -7
- package/breadcrumb/breadcrumb-item.interface.js.map +1 -1
- package/breadcrumb/breadcrumb.component.js +1 -1
- package/breadcrumb/breadcrumb.component.js.map +1 -1
- package/breadcrumb/breadcrumb.component.metadata.json +1 -1
- package/breadcrumb/breadcrumb.component.ngfactory.js +23 -8
- package/breadcrumb/breadcrumb.component.ngfactory.js.map +1 -1
- package/bundle/carbon-angular.umd.js +5 -5
- package/bundle/carbon-angular.umd.js.map +1 -1
- package/combobox/combobox.component.js +1 -1
- package/combobox/combobox.component.js.map +1 -1
- package/combobox/combobox.component.metadata.json +1 -1
- package/combobox/combobox.component.ngfactory.js +13 -12
- package/combobox/combobox.component.ngfactory.js.map +1 -1
- package/combobox/combobox.module.ngfactory.js.map +1 -1
- package/datepicker-input/datepicker-input.component.js +1 -1
- package/datepicker-input/datepicker-input.component.js.map +1 -1
- package/datepicker-input/datepicker-input.component.metadata.json +1 -1
- package/datepicker-input/datepicker-input.component.ngfactory.js +10 -9
- package/datepicker-input/datepicker-input.component.ngfactory.js.map +1 -1
- package/datepicker-input/datepicker-input.module.ngfactory.js.map +1 -1
- package/dialog/dialog.module.ngfactory.js.map +1 -1
- package/dialog/tooltip/tooltip.component.js +14 -1
- package/dialog/tooltip/tooltip.component.js.map +1 -1
- package/dialog/tooltip/tooltip.component.metadata.json +1 -1
- package/dialog/tooltip/tooltip.component.ngfactory.js +1 -1
- package/dialog/tooltip/tooltip.component.ngfactory.js.map +1 -1
- package/docs/documentation/classes/SearchChange.html +5 -0
- package/docs/documentation/components/Breadcrumb.html +83 -32
- package/docs/documentation/components/ComboBox.html +3 -3
- package/docs/documentation/components/DatePickerInput.html +3 -3
- package/docs/documentation/components/Dropdown.html +19 -17
- package/docs/documentation/components/DropdownList.html +40 -41
- package/docs/documentation/components/Search.html +51 -19
- package/docs/documentation/components/Select.html +5 -5
- package/docs/documentation/components/Slider.html +62 -60
- package/docs/documentation/components/TabHeaders.html +131 -23
- package/docs/documentation/components/TableToolbarSearch.html +51 -18
- package/docs/documentation/components/Tabs.html +76 -12
- package/docs/documentation/components/TimePicker.html +3 -3
- package/docs/documentation/components/TimePickerSelect.html +3 -3
- package/docs/documentation/components/Toast.html +3 -3
- package/docs/documentation/components/Tooltip.html +22 -6
- package/docs/documentation/coverage.html +9 -9
- package/docs/documentation/interfaces/BreadcrumbItem.html +54 -5
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/storybook/iframe.html +3 -3
- package/docs/storybook/index.html +1 -1
- package/docs/storybook/main.0d170c652d58fd35c95d.bundle.js +1 -0
- package/docs/storybook/{main.0555add4632a2a0e8861.bundle.js → main.a309b5fd3379fd894c7e.bundle.js} +116 -37
- package/docs/storybook/main.a309b5fd3379fd894c7e.bundle.js.map +1 -0
- package/docs/storybook/{runtime~main.0555add4632a2a0e8861.bundle.js → runtime~main.a309b5fd3379fd894c7e.bundle.js} +1 -1
- package/docs/storybook/{runtime~main.0555add4632a2a0e8861.bundle.js.map → runtime~main.a309b5fd3379fd894c7e.bundle.js.map} +1 -1
- package/docs/storybook/{runtime~main.17da544d0ef88cbabfaf.bundle.js → runtime~main.d6878bfc6f9b1805e480.bundle.js} +0 -0
- package/docs/storybook/vendors~main.1307650de776719d60f2.bundle.js +201 -0
- package/docs/storybook/{vendors~main.0555add4632a2a0e8861.bundle.js → vendors~main.a309b5fd3379fd894c7e.bundle.js} +282 -47
- package/docs/storybook/vendors~main.a309b5fd3379fd894c7e.bundle.js.map +1 -0
- package/dropdown/dropdown.component.js +3 -1
- package/dropdown/dropdown.component.js.map +1 -1
- package/dropdown/dropdown.component.metadata.json +1 -1
- package/dropdown/dropdown.component.ngfactory.js +16 -15
- package/dropdown/dropdown.component.ngfactory.js.map +1 -1
- package/dropdown/dropdown.module.ngfactory.js.map +1 -1
- package/dropdown/list/dropdown-list.component.js +2 -1
- package/dropdown/list/dropdown-list.component.js.map +1 -1
- package/dropdown/list/dropdown-list.component.metadata.json +1 -1
- package/dropdown/list/dropdown-list.component.ngfactory.js +1 -4
- package/dropdown/list/dropdown-list.component.ngfactory.js.map +1 -1
- package/notification/toast.component.js +1 -1
- package/notification/toast.component.js.map +1 -1
- package/notification/toast.component.metadata.json +1 -1
- package/notification/toast.component.ngfactory.js +1 -1
- package/notification/toast.component.ngfactory.js.map +1 -1
- package/package.json +3 -3
- package/search/search.component.d.ts +5 -0
- package/search/search.component.js +7 -1
- package/search/search.component.js.map +1 -1
- package/search/search.component.metadata.json +1 -1
- package/search/search.component.ngfactory.js +3 -3
- package/search/search.component.ngfactory.js.map +1 -1
- package/search/search.component.ngsummary.json +1 -1
- package/select/select.component.js +1 -1
- package/select/select.component.js.map +1 -1
- package/select/select.component.metadata.json +1 -1
- package/select/select.component.ngfactory.js +1 -1
- package/select/select.component.ngfactory.js.map +1 -1
- package/select/select.module.ngfactory.js.map +1 -1
- package/slider/slider.component.d.ts +1 -1
- package/slider/slider.component.js +8 -2
- package/slider/slider.component.js.map +1 -1
- package/slider/slider.component.metadata.json +1 -1
- package/slider/slider.component.ngfactory.js +10 -8
- package/slider/slider.component.ngfactory.js.map +1 -1
- package/table/toolbar/table-toolbar-search.component.js +1 -1
- package/table/toolbar/table-toolbar-search.component.js.map +1 -1
- package/table/toolbar/table-toolbar-search.component.metadata.json +1 -1
- package/table/toolbar/table-toolbar-search.component.ngfactory.js +3 -3
- package/table/toolbar/table-toolbar-search.component.ngfactory.js.map +1 -1
- package/table/toolbar/table-toolbar-search.component.ngsummary.json +1 -1
- package/tabs/tab-headers.component.d.ts +9 -0
- package/tabs/tab-headers.component.js +10 -2
- package/tabs/tab-headers.component.js.map +1 -1
- package/tabs/tab-headers.component.metadata.json +1 -1
- package/tabs/tab-headers.component.ngfactory.js +7 -4
- package/tabs/tab-headers.component.ngfactory.js.map +1 -1
- package/tabs/tab-headers.component.ngsummary.json +1 -1
- package/tabs/tabs.component.d.ts +8 -0
- package/tabs/tabs.component.js +3 -1
- package/tabs/tabs.component.js.map +1 -1
- package/tabs/tabs.component.metadata.json +1 -1
- package/tabs/tabs.component.ngfactory.js +10 -4
- package/tabs/tabs.component.ngfactory.js.map +1 -1
- package/tabs/tabs.component.ngsummary.json +1 -1
- package/tabs/tabs.module.ngfactory.js.map +1 -1
- package/timepicker/timepicker.component.js +1 -1
- package/timepicker/timepicker.component.js.map +1 -1
- package/timepicker/timepicker.component.metadata.json +1 -1
- package/timepicker/timepicker.component.ngfactory.js +1 -1
- package/timepicker/timepicker.component.ngfactory.js.map +1 -1
- package/timepicker/timepicker.module.ngfactory.js.map +1 -1
- package/timepicker-select/timepicker-select.component.js +1 -1
- package/timepicker-select/timepicker-select.component.js.map +1 -1
- package/timepicker-select/timepicker-select.component.metadata.json +1 -1
- package/timepicker-select/timepicker-select.component.ngfactory.js +1 -1
- package/timepicker-select/timepicker-select.component.ngfactory.js.map +1 -1
- package/timepicker-select/timepicker-select.module.ngfactory.js.map +1 -1
- package/docs/storybook/main.0555add4632a2a0e8861.bundle.js.map +0 -1
- package/docs/storybook/main.6375d8d0054d57e65d0e.bundle.js +0 -1
- package/docs/storybook/vendors~main.0555add4632a2a0e8861.bundle.js.map +0 -1
- package/docs/storybook/vendors~main.bd9129beca59ebe88139.bundle.js +0 -201
package/docs/storybook/{main.0555add4632a2a0e8861.bundle.js → main.a309b5fd3379fd894c7e.bundle.js}
RENAMED
|
@@ -91,7 +91,7 @@ webpackEmptyAsyncContext.id = "./node_modules/@storybook/angular/dist lazy recur
|
|
|
91
91
|
|
|
92
92
|
exports = module.exports = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false);
|
|
93
93
|
// Module
|
|
94
|
-
exports.push([module.i, "html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline; }\n\nbutton,\ninput[type='button'],\ninput[type='submit'],\ninput[type='reset'],\ninput[type='file'],\ninput[type='text'],\ninput[type='password'],\ntextarea {\n border-radius: 0; }\n\ninput[type='text']::-ms-clear {\n display: none; }\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block; }\n\nbody {\n line-height: 1; }\n\nsup {\n vertical-align: super; }\n\nsub {\n vertical-align: sub; }\n\nol,\nul {\n list-style: none; }\n\nblockquote,\nq {\n quotes: none; }\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: '';\n content: none; }\n\ntable {\n border-collapse: collapse;\n border-spacing: 0; }\n\n* {\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\nhtml {\n font-size: 16px; }\n\nbody {\n font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;\n font-weight: 400;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n\nstrong {\n font-weight: 600; }\n\ncode {\n font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; }\n\n@media screen and (-ms-high-contract: active) {\n svg {\n fill: ButtonText; } }\n\n@-webkit-keyframes skeleton {\n 0% {\n width: 0%;\n left: 0;\n right: auto;\n opacity: 0.3; }\n 20% {\n width: 100%;\n left: 0;\n right: auto;\n opacity: 1; }\n 28% {\n width: 100%;\n left: auto;\n right: 0; }\n 51% {\n width: 0%;\n left: auto;\n right: 0; }\n 58% {\n width: 0%;\n left: auto;\n right: 0; }\n 82% {\n width: 100%;\n left: auto;\n right: 0; }\n 83% {\n width: 100%;\n left: 0;\n right: auto; }\n 96% {\n width: 0%;\n left: 0;\n right: auto; }\n 100% {\n width: 0%;\n left: 0;\n right: auto;\n opacity: 0.3; } }\n\n@keyframes skeleton {\n 0% {\n width: 0%;\n left: 0;\n right: auto;\n opacity: 0.3; }\n 20% {\n width: 100%;\n left: 0;\n right: auto;\n opacity: 1; }\n 28% {\n width: 100%;\n left: auto;\n right: 0; }\n 51% {\n width: 0%;\n left: auto;\n right: 0; }\n 58% {\n width: 0%;\n left: auto;\n right: 0; }\n 82% {\n width: 100%;\n left: auto;\n right: 0; }\n 83% {\n width: 100%;\n left: 0;\n right: auto; }\n 96% {\n width: 0%;\n left: 0;\n right: auto; }\n 100% {\n width: 0%;\n left: 0;\n right: auto;\n opacity: 0.3; } }\n\n.bx--text-truncate--end {\n width: 100%;\n display: inline-block;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden; }\n\n.bx--text-truncate--front {\n width: 100%;\n display: inline-block;\n direction: rtl;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden; }\n\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light Italic\"), local(\"IBMPlexMono-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1gMoW.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono Italic\"), local(\"IBMPlexMono-Italic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa1Xdm.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold Italic\"), local(\"IBMPlexMono-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1gMoW.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light\"), local(\"IBMPlexMono-Light\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlBFhA.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono\"), local(\"IBMPlexMono\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1i8q0Q.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold\"), local(\"IBMPlexMono-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlBFhA.woff) format(\"woff\"); }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light Italic\"), local(\"IBMPlexMono-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1jcoQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light Italic\"), local(\"IBMPlexMono-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1hMoQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light Italic\"), local(\"IBMPlexMono-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1j8oQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light Italic\"), local(\"IBMPlexMono-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1jsoQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light Italic\"), local(\"IBMPlexMono-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1gMoQPttozw.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono Italic\"), local(\"IBMPlexMono-Italic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa2HdgregdFOFh.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono Italic\"), local(\"IBMPlexMono-Italic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa0XdgregdFOFh.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono Italic\"), local(\"IBMPlexMono-Italic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa2ndgregdFOFh.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono Italic\"), local(\"IBMPlexMono-Italic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa23dgregdFOFh.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono Italic\"), local(\"IBMPlexMono-Italic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa1XdgregdFA.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold Italic\"), local(\"IBMPlexMono-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1jcoQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold Italic\"), local(\"IBMPlexMono-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1hMoQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold Italic\"), local(\"IBMPlexMono-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1j8oQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold Italic\"), local(\"IBMPlexMono-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1jsoQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold Italic\"), local(\"IBMPlexMono-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1gMoQPttozw.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light\"), local(\"IBMPlexMono-Light\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl1FgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light\"), local(\"IBMPlexMono-Light\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlRFgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light\"), local(\"IBMPlexMono-Light\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl9FgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light\"), local(\"IBMPlexMono-Light\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl5FgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light\"), local(\"IBMPlexMono-Light\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlBFgsAXHNk.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono\"), local(\"IBMPlexMono\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iIq131nj-otFQ.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono\"), local(\"IBMPlexMono\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1isq131nj-otFQ.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono\"), local(\"IBMPlexMono\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iAq131nj-otFQ.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono\"), local(\"IBMPlexMono\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iEq131nj-otFQ.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono\"), local(\"IBMPlexMono\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1i8q131nj-o.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold\"), local(\"IBMPlexMono-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl1FgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold\"), local(\"IBMPlexMono-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlRFgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold\"), local(\"IBMPlexMono-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl9FgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold\"), local(\"IBMPlexMono-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl5FgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold\"), local(\"IBMPlexMono-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlBFgsAXHNk.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdvfo.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZP.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdvfo.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIFscg.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format(\"woff\"); }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRce_fuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRccvfuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* greek */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdffuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRceffuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcePfuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdvfuJGl18Q.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuGqZJW9XjDlN8.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuE6ZJW9XjDlN8.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* greek */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuFKZJW9XjDlN8.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuGKZJW9XjDlN8.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuGaZJW9XjDlN8.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZJW9XjDg.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJce_fuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJccvfuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* greek */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdffuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJceffuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcePfuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdvfuJGl18Q.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIxsdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIVsdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* greek */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIJsdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AI5sdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AI9sdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIFsdP3pBms.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdzeFaxOedfTDw.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdXeFaxOedfTDw.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* greek */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdLeFaxOedfTDw.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhd7eFaxOedfTDw.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhd_eFaxOedfTDw.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeFaxOedc.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIxsdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIVsdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* greek */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIJsdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI5sdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI9sdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFsdP3pBms.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n.bx--assistive-text,\n.bx--visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--body {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #171717;\n background-color: #ffffff;\n line-height: 1; }\n\nbody {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #171717;\n background-color: #ffffff;\n line-height: 1; }\n\n.bx--grid {\n margin-right: auto;\n margin-left: auto;\n max-width: 99rem;\n padding-left: 1rem;\n padding-right: 1rem; }\n @media (min-width: 42rem) {\n .bx--grid {\n padding-left: 2rem;\n padding-right: 2rem; } }\n\n@media (min-width: 99rem) {\n .bx--grid--full-width {\n max-width: 100%; } }\n\n.bx--row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-right: -1rem;\n margin-left: -1rem; }\n\n.bx--grid--condensed .bx--row:not(:last-of-type) {\n margin-bottom: 0.125rem; }\n\n.bx--row--condensed + .bx--row--condensed {\n margin-top: 0.125rem; }\n\n.bx--col {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col,\n .bx--grid--condensed .bx--col {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-sm-1 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-sm-1,\n .bx--grid--condensed .bx--col-sm-1 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-sm-2 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-sm-2,\n .bx--grid--condensed .bx--col-sm-2 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-sm-3 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-sm-3,\n .bx--grid--condensed .bx--col-sm-3 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-sm-4 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-sm-4,\n .bx--grid--condensed .bx--col-sm-4 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-sm,\n.bx--col-sm--auto {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-sm,\n .bx--grid--condensed .bx--col-sm, .bx--row--condensed\n .bx--col-sm--auto,\n .bx--grid--condensed\n .bx--col-sm--auto {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col,\n.bx--col-sm {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%; }\n\n.bx--col--auto,\n.bx--col-sm--auto {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n width: auto;\n max-width: 100%; }\n\n.bx--col-sm-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%; }\n\n.bx--col-sm-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%; }\n\n.bx--col-sm-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%; }\n\n.bx--col-sm-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%; }\n\n.bx--offset-sm-0 {\n margin-left: 0; }\n\n.bx--offset-sm-1 {\n margin-left: 25%; }\n\n.bx--offset-sm-2 {\n margin-left: 50%; }\n\n.bx--offset-sm-3 {\n margin-left: 75%; }\n\n.bx--col-md-1 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-1,\n .bx--grid--condensed .bx--col-md-1 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-2 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-2,\n .bx--grid--condensed .bx--col-md-2 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-3 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-3,\n .bx--grid--condensed .bx--col-md-3 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-4 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-4,\n .bx--grid--condensed .bx--col-md-4 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-5 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-5,\n .bx--grid--condensed .bx--col-md-5 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-6 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-6,\n .bx--grid--condensed .bx--col-md-6 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-7 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-7,\n .bx--grid--condensed .bx--col-md-7 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-8 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-8,\n .bx--grid--condensed .bx--col-md-8 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md,\n.bx--col-md--auto {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md,\n .bx--grid--condensed .bx--col-md, .bx--row--condensed\n .bx--col-md--auto,\n .bx--grid--condensed\n .bx--col-md--auto {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n@media (min-width: 42rem) {\n .bx--col,\n .bx--col-md {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%; }\n .bx--col--auto,\n .bx--col-md--auto {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n width: auto;\n max-width: 100%; }\n .bx--col-md-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 12.5%;\n flex: 0 0 12.5%;\n max-width: 12.5%; }\n .bx--col-md-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%; }\n .bx--col-md-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 37.5%;\n flex: 0 0 37.5%;\n max-width: 37.5%; }\n .bx--col-md-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%; }\n .bx--col-md-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 62.5%;\n flex: 0 0 62.5%;\n max-width: 62.5%; }\n .bx--col-md-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%; }\n .bx--col-md-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 87.5%;\n flex: 0 0 87.5%;\n max-width: 87.5%; }\n .bx--col-md-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%; }\n .bx--offset-md-0 {\n margin-left: 0; }\n .bx--offset-md-1 {\n margin-left: 12.5%; }\n .bx--offset-md-2 {\n margin-left: 25%; }\n .bx--offset-md-3 {\n margin-left: 37.5%; }\n .bx--offset-md-4 {\n margin-left: 50%; }\n .bx--offset-md-5 {\n margin-left: 62.5%; }\n .bx--offset-md-6 {\n margin-left: 75%; }\n .bx--offset-md-7 {\n margin-left: 87.5%; } }\n\n.bx--col-lg-1 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-1,\n .bx--grid--condensed .bx--col-lg-1 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-2 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-2,\n .bx--grid--condensed .bx--col-lg-2 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-3 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-3,\n .bx--grid--condensed .bx--col-lg-3 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-4 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-4,\n .bx--grid--condensed .bx--col-lg-4 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-5 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-5,\n .bx--grid--condensed .bx--col-lg-5 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-6 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-6,\n .bx--grid--condensed .bx--col-lg-6 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-7 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-7,\n .bx--grid--condensed .bx--col-lg-7 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-8 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-8,\n .bx--grid--condensed .bx--col-lg-8 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-9 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-9,\n .bx--grid--condensed .bx--col-lg-9 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-10 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-10,\n .bx--grid--condensed .bx--col-lg-10 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-11 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-11,\n .bx--grid--condensed .bx--col-lg-11 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-12 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-12,\n .bx--grid--condensed .bx--col-lg-12 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg,\n.bx--col-lg--auto {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg,\n .bx--grid--condensed .bx--col-lg, .bx--row--condensed\n .bx--col-lg--auto,\n .bx--grid--condensed\n .bx--col-lg--auto {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n@media (min-width: 66rem) {\n .bx--col,\n .bx--col-lg {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%; }\n .bx--col--auto,\n .bx--col-lg--auto {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n width: auto;\n max-width: 100%; }\n .bx--col-lg-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.33333%;\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .bx--col-lg-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.66667%;\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .bx--col-lg-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%; }\n .bx--col-lg-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.33333%;\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .bx--col-lg-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.66667%;\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .bx--col-lg-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%; }\n .bx--col-lg-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.33333%;\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .bx--col-lg-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.66667%;\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .bx--col-lg-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%; }\n .bx--col-lg-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.33333%;\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .bx--col-lg-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.66667%;\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .bx--col-lg-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%; }\n .bx--offset-lg-0 {\n margin-left: 0; }\n .bx--offset-lg-1 {\n margin-left: 8.33333%; }\n .bx--offset-lg-2 {\n margin-left: 16.66667%; }\n .bx--offset-lg-3 {\n margin-left: 25%; }\n .bx--offset-lg-4 {\n margin-left: 33.33333%; }\n .bx--offset-lg-5 {\n margin-left: 41.66667%; }\n .bx--offset-lg-6 {\n margin-left: 50%; }\n .bx--offset-lg-7 {\n margin-left: 58.33333%; }\n .bx--offset-lg-8 {\n margin-left: 66.66667%; }\n .bx--offset-lg-9 {\n margin-left: 75%; }\n .bx--offset-lg-10 {\n margin-left: 83.33333%; }\n .bx--offset-lg-11 {\n margin-left: 91.66667%; } }\n\n.bx--col-xlg-1 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-1,\n .bx--grid--condensed .bx--col-xlg-1 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-2 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-2,\n .bx--grid--condensed .bx--col-xlg-2 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-3 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-3,\n .bx--grid--condensed .bx--col-xlg-3 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-4 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-4,\n .bx--grid--condensed .bx--col-xlg-4 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-5 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-5,\n .bx--grid--condensed .bx--col-xlg-5 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-6 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-6,\n .bx--grid--condensed .bx--col-xlg-6 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-7 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-7,\n .bx--grid--condensed .bx--col-xlg-7 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-8 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-8,\n .bx--grid--condensed .bx--col-xlg-8 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-9 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-9,\n .bx--grid--condensed .bx--col-xlg-9 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-10 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-10,\n .bx--grid--condensed .bx--col-xlg-10 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-11 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-11,\n .bx--grid--condensed .bx--col-xlg-11 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-12 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-12,\n .bx--grid--condensed .bx--col-xlg-12 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg,\n.bx--col-xlg--auto {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg,\n .bx--grid--condensed .bx--col-xlg, .bx--row--condensed\n .bx--col-xlg--auto,\n .bx--grid--condensed\n .bx--col-xlg--auto {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n@media (min-width: 82rem) {\n .bx--col,\n .bx--col-xlg {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%; }\n .bx--col--auto,\n .bx--col-xlg--auto {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n width: auto;\n max-width: 100%; }\n .bx--col-xlg-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.33333%;\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .bx--col-xlg-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.66667%;\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .bx--col-xlg-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%; }\n .bx--col-xlg-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.33333%;\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .bx--col-xlg-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.66667%;\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .bx--col-xlg-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%; }\n .bx--col-xlg-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.33333%;\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .bx--col-xlg-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.66667%;\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .bx--col-xlg-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%; }\n .bx--col-xlg-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.33333%;\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .bx--col-xlg-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.66667%;\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .bx--col-xlg-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%; }\n .bx--offset-xlg-0 {\n margin-left: 0; }\n .bx--offset-xlg-1 {\n margin-left: 8.33333%; }\n .bx--offset-xlg-2 {\n margin-left: 16.66667%; }\n .bx--offset-xlg-3 {\n margin-left: 25%; }\n .bx--offset-xlg-4 {\n margin-left: 33.33333%; }\n .bx--offset-xlg-5 {\n margin-left: 41.66667%; }\n .bx--offset-xlg-6 {\n margin-left: 50%; }\n .bx--offset-xlg-7 {\n margin-left: 58.33333%; }\n .bx--offset-xlg-8 {\n margin-left: 66.66667%; }\n .bx--offset-xlg-9 {\n margin-left: 75%; }\n .bx--offset-xlg-10 {\n margin-left: 83.33333%; }\n .bx--offset-xlg-11 {\n margin-left: 91.66667%; } }\n\n.bx--col-max-1 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-1,\n .bx--grid--condensed .bx--col-max-1 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-2 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-2,\n .bx--grid--condensed .bx--col-max-2 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-3 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-3,\n .bx--grid--condensed .bx--col-max-3 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-4 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-4,\n .bx--grid--condensed .bx--col-max-4 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-5 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-5,\n .bx--grid--condensed .bx--col-max-5 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-6 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-6,\n .bx--grid--condensed .bx--col-max-6 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-7 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-7,\n .bx--grid--condensed .bx--col-max-7 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-8 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-8,\n .bx--grid--condensed .bx--col-max-8 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-9 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-9,\n .bx--grid--condensed .bx--col-max-9 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-10 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-10,\n .bx--grid--condensed .bx--col-max-10 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-11 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-11,\n .bx--grid--condensed .bx--col-max-11 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-12 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-12,\n .bx--grid--condensed .bx--col-max-12 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max,\n.bx--col-max--auto {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max,\n .bx--grid--condensed .bx--col-max, .bx--row--condensed\n .bx--col-max--auto,\n .bx--grid--condensed\n .bx--col-max--auto {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n@media (min-width: 99rem) {\n .bx--col,\n .bx--col-max {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%; }\n .bx--col--auto,\n .bx--col-max--auto {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n width: auto;\n max-width: 100%; }\n .bx--col-max-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.33333%;\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .bx--col-max-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.66667%;\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .bx--col-max-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%; }\n .bx--col-max-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.33333%;\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .bx--col-max-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.66667%;\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .bx--col-max-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%; }\n .bx--col-max-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.33333%;\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .bx--col-max-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.66667%;\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .bx--col-max-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%; }\n .bx--col-max-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.33333%;\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .bx--col-max-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.66667%;\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .bx--col-max-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%; }\n .bx--offset-max-0 {\n margin-left: 0; }\n .bx--offset-max-1 {\n margin-left: 8.33333%; }\n .bx--offset-max-2 {\n margin-left: 16.66667%; }\n .bx--offset-max-3 {\n margin-left: 25%; }\n .bx--offset-max-4 {\n margin-left: 33.33333%; }\n .bx--offset-max-5 {\n margin-left: 41.66667%; }\n .bx--offset-max-6 {\n margin-left: 50%; }\n .bx--offset-max-7 {\n margin-left: 58.33333%; }\n .bx--offset-max-8 {\n margin-left: 66.66667%; }\n .bx--offset-max-9 {\n margin-left: 75%; }\n .bx--offset-max-10 {\n margin-left: 83.33333%; }\n .bx--offset-max-11 {\n margin-left: 91.66667%; } }\n\n.bx--no-gutter,\n.bx--row.bx--no-gutter [class*='bx--col'] {\n padding-left: 0;\n padding-right: 0; }\n\n.bx--no-gutter--left,\n.bx--row.bx--no-gutter--left [class*='bx--col'] {\n padding-left: 0; }\n\n.bx--no-gutter--right,\n.bx--row.bx--no-gutter--right [class*='bx--col'] {\n padding-right: 0; }\n\n.bx--hang--left {\n padding-left: 1rem; }\n\n.bx--hang--right {\n padding-right: 1rem; }\n\n.bx--aspect-ratio {\n height: 0;\n position: relative; }\n\n.bx--aspect-ratio--object {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 100; }\n\n.bx--aspect-ratio--16x9 {\n padding-bottom: 56.25%; }\n\n.bx--aspect-ratio--2x1 {\n padding-bottom: 50%; }\n\n.bx--aspect-ratio--4x3 {\n padding-bottom: 75%; }\n\n.bx--aspect-ratio--1x1 {\n padding-bottom: 100%; }\n\n.bx--aspect-ratio--1x2 {\n padding-bottom: 200%; }\n\n.bx--btn-set {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--btn-set > .bx--btn {\n max-width: 12.25rem;\n width: 100%; }\n\n.bx--btn--secondary.bx--btn--disabled\n+ .bx--btn--primary.bx--btn--disabled,\n.bx--btn--tertiary.bx--btn--disabled\n+ .bx--btn--danger.bx--btn--disabled {\n border-left: 0.0625rem solid #8c8c8c; }\n\n.bx--btn {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n cursor: pointer;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n min-height: 3rem;\n padding: calc(0.875rem - 3px) 60px calc(0.875rem - 3px) 12px;\n border-radius: 0;\n text-align: left;\n text-decoration: none;\n -webkit-transition: all 70ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: all 70ms cubic-bezier(0, 0, 0.38, 0.9);\n outline: 1px solid transparent;\n outline-offset: -4px;\n position: relative;\n max-width: 20rem; }\n .bx--btn:disabled, .bx--btn.bx--btn--disabled {\n cursor: not-allowed;\n color: #8c8c8c;\n background: #bebebe;\n border-color: #bebebe; }\n .bx--btn .bx--btn__icon {\n position: absolute;\n right: 1rem;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n -webkit-transition: all 70ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: all 70ms cubic-bezier(0, 0, 0.38, 0.9); }\n .bx--btn.bx--btn--disabled > .bx--btn__icon svg,\n .bx--btn:disabled > .bx--btn__icon svg {\n fill: #8c8c8c; }\n\n.bx--btn::-moz-focus-inner {\n padding: 0;\n border: 0; }\n\n.bx--btn--primary {\n background-color: #0062ff;\n border-width: 3px;\n border-style: solid;\n border-color: transparent;\n color: #ffffff; }\n .bx--btn--primary:hover {\n background-color: #0353e9; }\n .bx--btn--primary:focus {\n border-color: #0062ff;\n outline-color: #ffffff; }\n .bx--btn--primary:disabled:hover, .bx--btn--primary:disabled:focus, .bx--btn--primary:hover.bx--btn--disabled, .bx--btn--primary:focus.bx--btn--disabled {\n color: #8c8c8c;\n background: #bebebe;\n border-color: #bebebe;\n text-decoration: none; }\n .bx--btn--primary:active {\n background-color: #0530ad; }\n .bx--btn--primary .bx--btn__icon,\n .bx--btn--primary .bx--btn__icon path {\n fill: #ffffff; }\n .bx--btn--primary:hover {\n color: #ffffff; }\n\n.bx--btn--secondary {\n background-color: #171717;\n border-width: 3px;\n border-style: solid;\n border-color: transparent;\n color: #ffffff; }\n .bx--btn--secondary:hover {\n background-color: #4c4c4c; }\n .bx--btn--secondary:focus {\n border-color: #0062ff;\n outline-color: #ffffff; }\n .bx--btn--secondary:disabled:hover, .bx--btn--secondary:disabled:focus, .bx--btn--secondary:hover.bx--btn--disabled, .bx--btn--secondary:focus.bx--btn--disabled {\n color: #8c8c8c;\n background: #bebebe;\n border-color: #bebebe;\n text-decoration: none; }\n .bx--btn--secondary:active {\n background-color: #6f6f6f; }\n .bx--btn--secondary .bx--btn__icon,\n .bx--btn--secondary .bx--btn__icon path {\n fill: #ffffff; }\n .bx--btn--secondary:hover, .bx--btn--secondary:focus {\n color: #ffffff; }\n\n.bx--btn--tertiary {\n background-color: transparent;\n border-width: 1px;\n border-style: solid;\n border-color: #0062ff;\n color: #0062ff; }\n .bx--btn--tertiary:hover {\n background-color: #0353e9; }\n .bx--btn--tertiary:focus {\n border-color: #0062ff;\n outline-color: #ffffff; }\n .bx--btn--tertiary:disabled:hover, .bx--btn--tertiary:disabled:focus, .bx--btn--tertiary:hover.bx--btn--disabled, .bx--btn--tertiary:focus.bx--btn--disabled {\n color: #8c8c8c;\n background: #bebebe;\n border-color: #bebebe;\n text-decoration: none; }\n .bx--btn--tertiary:active {\n background-color: #0530ad; }\n .bx--btn--tertiary .bx--btn__icon,\n .bx--btn--tertiary .bx--btn__icon path {\n fill: #0062ff; }\n .bx--btn--tertiary:hover {\n color: #ffffff; }\n .bx--btn--tertiary:disabled, .bx--btn--tertiary:hover:disabled, .bx--btn--tertiary:focus:disabled, .bx--btn--tertiary.bx--btn--disabled, .bx--btn--tertiary.bx--btn--disabled:hover, .bx--btn--tertiary.bx--btn--disabled:focus {\n background: transparent;\n color: #bebebe; }\n .bx--btn--tertiary:disabled > .bx--btn__icon path, .bx--btn--tertiary:hover:disabled > .bx--btn__icon path, .bx--btn--tertiary:focus:disabled > .bx--btn__icon path, .bx--btn--tertiary.bx--btn--disabled > .bx--btn__icon path, .bx--btn--tertiary.bx--btn--disabled:hover > .bx--btn__icon path, .bx--btn--tertiary.bx--btn--disabled:focus > .bx--btn__icon path {\n fill: #bebebe; }\n .bx--btn--tertiary:hover > .bx--btn__icon path {\n fill: #ffffff; }\n\n.bx--btn--ghost {\n background-color: transparent;\n border-width: 3px;\n border-style: solid;\n border-color: transparent;\n color: #0062ff;\n padding: 11px 13px; }\n .bx--btn--ghost:hover {\n background-color: #e5e5e5; }\n .bx--btn--ghost:focus {\n border-color: #0062ff;\n outline-color: #ffffff; }\n .bx--btn--ghost:disabled:hover, .bx--btn--ghost:disabled:focus, .bx--btn--ghost:hover.bx--btn--disabled, .bx--btn--ghost:focus.bx--btn--disabled {\n color: #8c8c8c;\n background: #bebebe;\n border-color: #bebebe;\n text-decoration: none; }\n .bx--btn--ghost:active {\n background-color: #bebebe; }\n .bx--btn--ghost .bx--btn__icon,\n .bx--btn--ghost .bx--btn__icon path {\n fill: #0062ff; }\n .bx--btn--ghost .bx--btn__icon {\n position: static;\n margin-left: 0.5rem; }\n .bx--btn--ghost:hover, .bx--btn--ghost:active {\n color: #0062ff; }\n .bx--btn--ghost:hover .bx--btn__icon path, .bx--btn--ghost:active .bx--btn__icon path {\n fill: #0062ff; }\n .bx--btn--ghost:active {\n background-color: #bebebe; }\n .bx--btn--ghost:disabled, .bx--btn--ghost:hover:disabled, .bx--btn--ghost:focus:disabled, .bx--btn--ghost.bx--btn--disabled, .bx--btn--ghost.bx--btn--disabled:hover, .bx--btn--ghost.bx--btn--disabled:focus {\n color: #bebebe;\n background: transparent;\n border-color: transparent; }\n .bx--btn--ghost:disabled .bx--btn__icon path, .bx--btn--ghost:hover:disabled .bx--btn__icon path, .bx--btn--ghost:focus:disabled .bx--btn__icon path, .bx--btn--ghost.bx--btn--disabled .bx--btn__icon path, .bx--btn--ghost.bx--btn--disabled:hover .bx--btn__icon path, .bx--btn--ghost.bx--btn--disabled:focus .bx--btn__icon path {\n fill: #bebebe; }\n .bx--btn--ghost.bx--btn--sm {\n padding: 0.375rem 1rem; }\n\n.bx--btn--icon-only {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--btn--icon-only:focus {\n outline: 1px solid transparent; }\n .bx--btn--icon-only:focus svg {\n outline: 1px solid #0062ff; }\n .bx--btn--icon-only::before, .bx--btn--icon-only::after {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--btn--icon-only::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--btn--icon-only::after {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n content: attr(aria-label);\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--btn--icon-only:hover::before, .bx--btn--icon-only:hover::after, .bx--btn--icon-only:focus::before, .bx--btn--icon-only:focus::after {\n opacity: 1; }\n\n.bx--btn--icon-only--top {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--btn--icon-only--top:focus {\n outline: 1px solid transparent; }\n .bx--btn--icon-only--top:focus svg {\n outline: 1px solid #0062ff; }\n .bx--btn--icon-only--top::before, .bx--btn--icon-only--top::after {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--btn--icon-only--top::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--btn--icon-only--top::after {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n content: attr(aria-label);\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--btn--icon-only--top:hover::before, .bx--btn--icon-only--top:hover::after, .bx--btn--icon-only--top:focus::before, .bx--btn--icon-only--top:focus::after {\n opacity: 1; }\n .bx--btn--icon-only--top::before, .bx--btn--icon-only--top::after {\n top: 0;\n left: 50%; }\n .bx--btn--icon-only--top::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem))); }\n .bx--btn--icon-only--top::after {\n left: 50%;\n -webkit-transform: translate(-50%, calc(-1 * (100% + 0.5rem + 0.3125rem)));\n transform: translate(-50%, calc(-1 * (100% + 0.5rem + 0.3125rem))); }\n\n.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom::after {\n bottom: 0;\n left: 50%; }\n\n.bx--btn--icon-only--bottom::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.5rem));\n transform: translate(-50%, calc(0.3125rem + 0.5rem)); }\n\n.bx--btn--icon-only--bottom::after {\n -webkit-transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem));\n transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem)); }\n\n.bx--btn--icon-only,\n.bx--btn--sm.bx--btn--icon-only,\n.bx--btn--field.bx--btn--icon-only {\n padding-right: 0.8125rem; }\n .bx--btn--icon-only .bx--btn__icon,\n .bx--btn--sm.bx--btn--icon-only .bx--btn__icon,\n .bx--btn--field.bx--btn--icon-only .bx--btn__icon {\n position: static; }\n .bx--btn--icon-only.bx--btn--ghost .bx--btn__icon,\n .bx--btn--sm.bx--btn--icon-only.bx--btn--ghost .bx--btn__icon,\n .bx--btn--field.bx--btn--icon-only.bx--btn--ghost .bx--btn__icon {\n margin: 0; }\n\n.bx--btn--danger {\n background-color: #dc222b;\n border-width: 3px;\n border-style: solid;\n border-color: #da1e28;\n color: #ffffff; }\n .bx--btn--danger:hover {\n background-color: #ba1b23; }\n .bx--btn--danger:focus {\n border-color: #0062ff;\n outline-color: #ffffff; }\n .bx--btn--danger:disabled:hover, .bx--btn--danger:disabled:focus, .bx--btn--danger:hover.bx--btn--disabled, .bx--btn--danger:focus.bx--btn--disabled {\n color: #8c8c8c;\n background: #bebebe;\n border-color: #bebebe;\n text-decoration: none; }\n .bx--btn--danger:active {\n background-color: #750e13; }\n .bx--btn--danger .bx--btn__icon,\n .bx--btn--danger .bx--btn__icon path {\n fill: #ffffff; }\n .bx--btn--danger:hover {\n color: #ffffff;\n border: 3px solid transparent; }\n\n.bx--btn--sm {\n min-height: 2rem;\n padding: calc(0.375rem - 3px) 60px calc(0.375rem - 3px) 12px; }\n\n.bx--btn--field {\n height: 40px;\n min-height: 40px;\n padding: calc(0.675rem - 3px) 60px calc(0.675rem - 3px) 12px; }\n\n.bx--btn.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 9.375rem; }\n .bx--btn.bx--skeleton:hover, .bx--btn.bx--skeleton:focus, .bx--btn.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--btn.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--btn--copy {\n position: relative;\n overflow: visible; }\n .bx--btn--copy .bx--btn__icon {\n margin-left: 0.3125rem; }\n\n.bx--btn--copy__feedback {\n position: absolute;\n display: none;\n top: 1.2rem;\n left: 50%; }\n .bx--btn--copy__feedback:focus {\n border: 2px solid red; }\n .bx--btn--copy__feedback:before {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n top: 1.1rem;\n padding: 0.25rem;\n color: #ffffff;\n content: attr(data-feedback);\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n white-space: nowrap;\n pointer-events: none;\n border-radius: 4px;\n font-weight: 400;\n z-index: 2; }\n .bx--btn--copy__feedback:after {\n top: 0.85rem;\n width: 0.6rem;\n height: 0.6rem;\n left: -0.3rem;\n border-right: 1px solid #3d3d3d;\n border-bottom: 1px solid #3d3d3d;\n content: '';\n -webkit-transform: rotate(-135deg);\n transform: rotate(-135deg);\n z-index: 1; }\n .bx--btn--copy__feedback:before, .bx--btn--copy__feedback:after {\n position: absolute;\n display: block;\n background: #3d3d3d; }\n .bx--btn--copy__feedback--displayed {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex; }\n\n.bx--fieldset {\n margin-bottom: 2rem; }\n\n.bx--form-item {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start; }\n\n.bx--label {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n color: #565656;\n font-weight: 400;\n display: inline-block;\n vertical-align: baseline;\n margin-bottom: 0.5rem;\n line-height: 1rem;\n pointer-events: none; }\n\n.bx--label .bx--tooltip__trigger {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px; }\n\n.bx--label.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 4.6875rem;\n height: 0.875rem; }\n .bx--label.bx--skeleton:hover, .bx--label.bx--skeleton:focus, .bx--label.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--label.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\ninput[type='number'] {\n font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; }\n\ninput[data-invalid],\n.bx--text-input__field-wrapper[data-invalid],\n.bx--text-area__wrapper[data-invalid]\n> .bx--text-area--invalid,\n.bx--select-input__wrapper[data-invalid],\n.bx--list-box[data-invalid],\n.bx--combo-box[data-invalid] .bx--text-input {\n outline: 2px solid #da1e28;\n outline-offset: -2px; }\n\ninput[data-invalid] ~ .bx--form-requirement,\n.bx--text-input__field-wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--text-area__wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--select-input__wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--time-picker[data-invalid] ~ .bx--form-requirement,\n.bx--list-box[data-invalid] ~ .bx--form-requirement {\n max-height: 12.5rem;\n display: block;\n color: #da1e28; }\n\ninput:not(output):not([data-invalid]):-moz-ui-invalid {\n box-shadow: none; }\n\n.bx--form-requirement {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n margin: 0.25rem 0 0;\n max-height: 0;\n overflow: hidden;\n line-height: 1.5;\n display: none; }\n\n.bx--label + .bx--form__helper-text {\n margin-top: -0.375rem; }\n\n.bx--form__helper-text {\n font-size: 0.75rem;\n font-style: italic;\n line-height: 1rem;\n letter-spacing: 0.32px;\n font-style: italic;\n color: #565656;\n z-index: 0;\n opacity: 1;\n margin-bottom: 0.5rem; }\n\n.bx--label--disabled,\n.bx--form__helper-text--disabled {\n color: #bebebe; }\n\n@media (min-width: 576px) {\n .bx--form__helper-text {\n max-width: 75%; } }\n\n@-webkit-keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-webkit-keyframes rotate-end-p1 {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes rotate-end-p1 {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-webkit-keyframes rotate-end-p2 {\n 100% {\n -webkit-transform: rotate(-360deg);\n transform: rotate(-360deg); } }\n\n@keyframes rotate-end-p2 {\n 100% {\n -webkit-transform: rotate(-360deg);\n transform: rotate(-360deg); } }\n\n/* Stroke animations */\n@-webkit-keyframes init-stroke {\n 0% {\n stroke-dashoffset: 240; }\n 100% {\n stroke-dashoffset: 40; } }\n@keyframes init-stroke {\n 0% {\n stroke-dashoffset: 240; }\n 100% {\n stroke-dashoffset: 40; } }\n\n@-webkit-keyframes stroke-end {\n 0% {\n stroke-dashoffset: 40; }\n 100% {\n stroke-dashoffset: 240; } }\n\n@keyframes stroke-end {\n 0% {\n stroke-dashoffset: 40; }\n 100% {\n stroke-dashoffset: 240; } }\n\n.bx--loading {\n -webkit-animation-name: rotate;\n animation-name: rotate;\n -webkit-animation-duration: 690ms;\n animation-duration: 690ms;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n width: 10.5rem;\n height: 10.5rem; }\n .bx--loading svg circle {\n -webkit-animation-name: init-stroke;\n animation-name: init-stroke;\n -webkit-animation-duration: 10ms;\n animation-duration: 10ms;\n -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);\n animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--loading__svg {\n fill: transparent; }\n\n.bx--loading__svg circle {\n stroke-width: 8;\n stroke-linecap: butt;\n stroke-dasharray: 240; }\n\n.bx--loading__stroke {\n stroke: #0062ff;\n stroke-dashoffset: 40; }\n\n.bx--loading--stop {\n -webkit-animation: rotate-end-p1 700ms cubic-bezier(0.2, 0, 1, 0.9) forwards, rotate-end-p2 700ms cubic-bezier(0.2, 0, 1, 0.9) 700ms forwards;\n animation: rotate-end-p1 700ms cubic-bezier(0.2, 0, 1, 0.9) forwards, rotate-end-p2 700ms cubic-bezier(0.2, 0, 1, 0.9) 700ms forwards; }\n .bx--loading--stop svg circle {\n -webkit-animation-name: stroke-end;\n animation-name: stroke-end;\n -webkit-animation-duration: 700ms;\n animation-duration: 700ms;\n -webkit-animation-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n animation-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n -webkit-animation-delay: 700ms;\n animation-delay: 700ms;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n\n.bx--loading--small {\n width: 2rem;\n height: 2rem; }\n .bx--loading--small circle {\n stroke-width: 12; }\n\n.bx--loading--small .bx--loading__svg {\n stroke: #0062ff; }\n\n.bx--loading__background {\n stroke: #dcdcdc;\n stroke-dashoffset: 0; }\n\n.bx--loading-overlay {\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background-color: rgba(255, 255, 255, 0.6);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-transition: background-color 720ms cubic-bezier(0.4, 0.14, 0.3, 1);\n transition: background-color 720ms cubic-bezier(0.4, 0.14, 0.3, 1);\n z-index: 8000; }\n\n.bx--loading-overlay--stop {\n display: none; }\n\n.bx--file {\n width: 100%; }\n\n.bx--file--invalid {\n margin-right: 0.5rem;\n fill: #da1e28; }\n\n.bx--file--label {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #171717;\n margin-bottom: 0.5rem; }\n\n.bx--file-input {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--file-btn {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n margin: 0;\n padding-right: 4rem; }\n\n.bx--label-description {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #565656;\n margin-bottom: 1rem; }\n\n.bx--file-container {\n display: block;\n width: 100%;\n margin-top: 1.5rem; }\n\n.bx--file__selected-file {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n height: 2.5rem;\n max-width: 18.75rem;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem 0 1rem;\n background-color: #f3f3f3;\n overflow: hidden; }\n .bx--file__selected-file:last-child {\n margin-bottom: 0; }\n .bx--file__selected-file .bx--inline-loading__animation,\n .bx--file__selected-file .bx--loading {\n right: -0.25rem;\n width: 1.5rem;\n height: 1.5rem; }\n\n.bx--file__selected-file--invalid {\n outline: 2px solid #da1e28;\n outline-offset: -2px;\n margin-bottom: 0.25rem; }\n\n.bx--file__selected-file--invalid + .bx--form-requirement {\n display: block;\n max-height: 12.5rem;\n color: #da1e28;\n font-weight: 400;\n margin: 0 0 0.5rem 0;\n overflow: visible; }\n\n.bx--file-filename {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: block;\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 300px;\n display: inline-block;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #171717;\n margin-right: 1rem;\n padding: 1px 0;\n /*rtl:ignore*/\n direction: ltr;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n /*rtl:{flex-end}*/ }\n\n.bx--file__state-container {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--file__state-container .bx--loading__svg {\n stroke: #171717; }\n\n.bx--file__state-container .bx--file-complete {\n fill: #24a148;\n cursor: pointer; }\n .bx--file__state-container .bx--file-complete:focus {\n outline: 1px solid #0062ff; }\n\n.bx--file__state-container .bx--file-close {\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0; }\n\n.bx--form-item.bx--checkbox-wrapper {\n margin-bottom: 0.5rem; }\n\n.bx--form-item.bx--checkbox-wrapper:first-of-type {\n margin-top: 0.1875rem; }\n\n.bx--label + .bx--form-item.bx--checkbox-wrapper {\n margin-top: 0; }\n\n.bx--form-item.bx--checkbox-wrapper:last-of-type {\n margin-bottom: 0.1875rem; }\n\n.bx--checkbox {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--checkbox-label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n line-height: 1.5rem;\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n cursor: pointer;\n padding-left: 1.625rem;\n min-height: 1.5rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.bx--checkbox-label::before {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n content: '';\n width: 1rem;\n height: 1rem;\n margin: 0.125rem;\n position: absolute;\n left: 0;\n top: 0.125rem;\n background-color: transparent;\n border: 1px solid #171717;\n border-radius: 1px; }\n\n.bx--checkbox-label::after {\n content: '';\n position: absolute;\n left: 0.375rem;\n top: 0.5rem;\n width: 0.4375rem;\n height: 0.1875rem;\n background: none;\n border-left: 2px solid #ffffff;\n border-bottom: 2px solid #ffffff;\n -webkit-transform: scale(0) rotate(-45deg);\n transform: scale(0) rotate(-45deg);\n -webkit-transform-origin: bottom right;\n transform-origin: bottom right;\n margin-top: -0.1875rem; }\n\n.bx--checkbox:checked + .bx--checkbox-label::before,\n.bx--checkbox:indeterminate + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='true']::before,\n.bx--checkbox-label[data-contained-checkbox-state='mixed']::before {\n background-color: #171717;\n border-color: #171717;\n border-width: 1px; }\n\n.bx--checkbox:checked + .bx--checkbox-label::after,\n.bx--checkbox-label[data-contained-checkbox-state='true']::after {\n -webkit-transform: scale(1) rotate(-45deg);\n transform: scale(1) rotate(-45deg); }\n\n.bx--checkbox:indeterminate + .bx--checkbox-label::after,\n.bx--checkbox-label[data-contained-checkbox-state='mixed']::after {\n -webkit-transform: scale(1) rotate(0deg);\n transform: scale(1) rotate(0deg);\n border-left: 0 solid #ffffff;\n border-bottom: 2px solid #ffffff;\n width: 0.5rem;\n top: 0.6875rem; }\n\n.bx--checkbox:focus + .bx--checkbox-label::before,\n.bx--checkbox-label__focus::before,\n.bx--checkbox:checked:focus + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='true'].bx--checkbox-label__focus::before,\n.bx--checkbox:indeterminate:focus + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='mixed'].bx--checkbox-label__focus::before {\n border-color: #0062ff;\n border-width: 3px;\n width: 1.25rem;\n height: 1.25rem;\n left: -2px;\n top: 0; }\n\n[disabled] ~ _ {\n font-size: inherit; }\n\n.bx--checkbox:disabled + .bx--checkbox-label,\n.bx--checkbox-label[data-contained-checkbox-disabled='true'] {\n cursor: not-allowed;\n color: #bebebe; }\n\n.bx--checkbox:disabled + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-disabled='true']::before {\n border-color: #bebebe; }\n\n.bx--checkbox:checked:disabled + .bx--checkbox-label::before,\n.bx--checkbox:indeterminate:disabled\n+ .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='true'][data-contained-checkbox-disabled='true']::before,\n.bx--checkbox-label[data-contained-checkbox-state='mixed'][data-contained-checkbox-disabled='true']::before {\n background-color: #bebebe; }\n\n.bx--list-box__wrapper--inline {\n display: inline-grid;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n grid-template: auto auto / auto auto;\n grid-gap: 0.25rem; }\n .bx--list-box__wrapper--inline .bx--label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px; }\n .bx--list-box__wrapper--inline .bx--label,\n .bx--list-box__wrapper--inline .bx--form__helper-text,\n .bx--list-box__wrapper--inline .bx--form-requirement {\n margin: 0; }\n .bx--list-box__wrapper--inline .bx--form__helper-text {\n max-width: none; }\n .bx--list-box__wrapper--inline .bx--form-requirement {\n grid-column: 2; }\n\n.bx--list-box {\n position: relative;\n width: 100%;\n height: 2.5rem;\n max-height: 2.5rem;\n background-color: #f3f3f3;\n border: none;\n border-bottom: 1px solid #8c8c8c;\n cursor: pointer;\n color: #171717;\n -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--list-box:hover {\n background-color: #e5e5e5; }\n\n.bx--list-box--expanded {\n border-bottom-color: #dcdcdc; }\n\n.bx--list-box--expanded:hover {\n background-color: #f3f3f3; }\n\n.bx--list-box--expanded:hover.bx--list-box--light:hover {\n background-color: #ffffff; }\n\n.bx--list-box .bx--text-input {\n height: 100%; }\n\n.bx--list-box__invalid-icon {\n position: absolute;\n top: 0.75rem;\n right: 2.5rem;\n fill: #da1e28; }\n\n.bx--list-box--inline .bx--list-box__invalid-icon {\n top: 0.5rem; }\n\n.bx--list-box[data-invalid] .bx--list-box__field {\n border-bottom: 0;\n padding-right: 4rem; }\n\n.bx--list-box[data-invalid].bx--list-box--inline\n.bx--list-box__field {\n padding-right: 3.5rem; }\n\n.bx--list-box--light {\n background-color: #ffffff; }\n\n.bx--list-box--light.bx--list-box--expanded {\n border-bottom-width: 0; }\n\n.bx--list-box--disabled:hover {\n background-color: #f3f3f3; }\n\n.bx--list-box--light.bx--list-box--disabled {\n background-color: #ffffff; }\n\n.bx--list-box--disabled,\n.bx--list-box--disabled .bx--list-box__field,\n.bx--list-box--disabled .bx--list-box__field:focus {\n border-bottom-width: 0;\n outline: none; }\n\n.bx--list-box--disabled .bx--list-box__label,\n.bx--list-box--disabled.bx--list-box--inline\n.bx--list-box__label {\n color: #bebebe; }\n\n.bx--list-box--disabled .bx--list-box__menu-icon > svg {\n fill: #bebebe; }\n\n.bx--list-box--disabled,\n.bx--list-box--disabled .bx--list-box__field,\n.bx--list-box--disabled .bx--list-box__menu-icon {\n cursor: not-allowed; }\n\n.bx--list-box--disabled .bx--list-box__menu-item,\n.bx--list-box--disabled .bx--list-box__menu-item:hover,\n.bx--list-box--disabled\n.bx--list-box__menu-item--highlighted {\n color: #bebebe;\n text-decoration: none; }\n\n.bx--list-box--disabled .bx--list-box__selection:hover {\n cursor: not-allowed; }\n\n.bx--list-box--disabled.bx--list-box[data-invalid]\n.bx--list-box__field {\n padding-right: 3rem; }\n\n.bx--list-box--disabled.bx--list-box[data-invalid].bx--list-box--inline\n.bx--list-box__field {\n padding-right: 2rem; }\n\n.bx--list-box.bx--list-box--inline {\n background-color: #ffffff;\n border-width: 0; }\n .bx--list-box.bx--list-box--inline:hover {\n background-color: #e5e5e5; }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--expanded {\n border-bottom-width: 0; }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--expanded\n.bx--list-box__field[aria-expanded='true'] {\n border-width: 0; }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--disabled:hover,\n.bx--list-box.bx--list-box--inline.bx--list-box--expanded:hover {\n background-color: #ffffff; }\n\n.bx--list-box.bx--list-box--inline,\n.bx--list-box.bx--list-box--inline\n.bx--list-box__field {\n height: 2rem; }\n\n.bx--list-box.bx--list-box--inline\n.bx--list-box__field {\n padding: 0 2rem 0 0.5rem; }\n\n.bx--list-box.bx--list-box--inline\n.bx--list-box__menu-icon {\n right: 0.5rem; }\n\n.bx--list-box.bx--list-box--inline\n.bx--list-box__invalid-icon {\n right: 2rem; }\n\n.bx--list-box--inline .bx--list-box__label {\n color: #171717; }\n\n.bx--list-box__field {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n vertical-align: top;\n height: 2.5rem;\n padding: 0 3rem 0 1rem;\n cursor: pointer;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis; }\n .bx--list-box__field::-moz-focus-inner {\n border: 0; }\n\n.bx--list-box__field:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--list-box__field[disabled] {\n outline: none;\n color: #bebebe; }\n\n.bx--list-box__field .bx--text-input[value] {\n padding-right: 4.5rem; }\n\n.bx--list-box[data-invalid]\n.bx--list-box__field\n.bx--text-input[value] {\n padding-right: 6.125rem; }\n\n.bx--list-box[data-invalid]\n.bx--list-box__field\n.bx--text-input[value]\n+ .bx--list-box__invalid-icon {\n right: 4.125rem; }\n\n.bx--list-box__field .bx--text-input[value=''] {\n padding-right: 3rem; }\n\n.bx--list-box[data-invalid]\n.bx--list-box__field\n.bx--text-input[value=''] {\n padding-right: 4.5rem; }\n\n.bx--list-box[data-invalid]\n.bx--list-box__field\n.bx--text-input[value='']\n+ .bx--list-box__invalid-icon {\n right: 2.5rem; }\n\n.bx--list-box__label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #171717;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap; }\n\n.bx--list-box__menu-icon {\n position: absolute;\n right: 1rem;\n height: 100%;\n -webkit-transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n cursor: pointer; }\n\n.bx--list-box__menu-icon > svg {\n fill: #171717;\n height: 100%; }\n\n.bx--list-box__menu-icon--open {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg); }\n\n.bx--list-box__selection {\n position: absolute;\n right: 2.0625rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 1.875rem;\n width: 1.875rem;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--list-box__selection:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--list-box[data-invalid] .bx--list-box__selection {\n right: 3.5625rem; }\n\n.bx--list-box__selection > svg {\n fill: #565656; }\n\n.bx--list-box--disabled .bx--list-box__selection:focus {\n outline: none; }\n\n.bx--list-box--disabled .bx--list-box__selection > svg {\n fill: #bebebe; }\n\n.bx--list-box__selection--multi {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n position: static;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 0;\n background-color: #3d3d3d;\n height: 1.5rem;\n width: auto;\n color: #ffffff;\n line-height: 0;\n padding: 0.5rem;\n padding-right: 0.125rem;\n margin-right: 0.625rem;\n border-radius: 0.75rem; }\n\n.bx--list-box__selection--multi > svg {\n fill: #ffffff;\n margin-left: 0.25rem;\n width: 1.25rem;\n height: 1.25rem;\n padding: 0.125rem; }\n\n.bx--list-box__selection--multi > svg:hover {\n border-radius: 50%;\n background-color: #4c4c4c;\n fill: #ffffff; }\n\n.bx--list-box__selection--multi:focus,\n.bx--list-box__selection--multi:hover {\n outline: none; }\n\n.bx--list-box__menu {\n -webkit-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.1);\n position: absolute;\n left: 0;\n right: 0;\n width: 100%;\n background-color: #f3f3f3;\n max-height: 8.75rem;\n overflow-y: auto;\n z-index: 9100; }\n\n.bx--list-box__menu-item {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n height: 2.5rem;\n color: #565656;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: relative; }\n .bx--list-box__menu-item:hover {\n background-color: #e5e5e5; }\n .bx--list-box__menu-item:active {\n background-color: #dcdcdc; }\n\n.bx--list-box--disabled .bx--list-box__menu-item:hover {\n background-color: transparent; }\n\n.bx--list-box--disabled\n.bx--list-box__menu-item__option:hover {\n border-top-color: #dcdcdc; }\n\n.bx--list-box__menu-item:first-of-type\n.bx--list-box__menu-item__option {\n border-top-color: transparent; }\n\n.bx--list-box__menu-item:hover\n.bx--list-box__menu-item__option {\n color: #171717; }\n\n.bx--list-box__menu-item:hover\n+ .bx--list-box__menu-item\n.bx--list-box__menu-item__option {\n border-top-color: transparent; }\n\n.bx--list-box--disabled\n.bx--list-box__menu-item:hover\n+ .bx--list-box__menu-item\n.bx--list-box__menu-item__option {\n border-top-color: #dcdcdc; }\n\n.bx--list-box__menu-item__option {\n outline: 2px solid transparent;\n outline-offset: -2px;\n display: block;\n height: 2.5rem;\n color: #565656;\n text-decoration: none;\n font-weight: normal;\n line-height: 1rem;\n padding: 0.6875rem 0;\n margin: 0 1rem;\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n border-top-color: #dcdcdc;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap; }\n .bx--list-box__menu-item__option:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n margin: 0;\n padding: 0.6875rem 1rem;\n border-color: transparent; }\n .bx--list-box__menu-item__option:hover {\n color: #171717;\n border-color: transparent; }\n\n.bx--list-box--disabled\n.bx--list-box__menu-item:hover\n.bx--list-box__menu-item__option,\n.bx--list-box--disabled .bx--list-box__menu-item__option {\n color: #bebebe; }\n\n.bx--list-box.bx--list-box--inline\n.bx--list-box__menu-item__option {\n margin: 0 0.5rem; }\n .bx--list-box.bx--list-box--inline\n.bx--list-box__menu-item__option:focus {\n margin: 0;\n padding-left: 0.5rem;\n padding-right: 0.5rem; }\n\n.bx--list-box__menu-item--highlighted {\n background-color: #e5e5e5;\n color: #171717;\n border-color: transparent; }\n\n.bx--list-box__menu-item--highlighted\n.bx--list-box__menu-item__option {\n color: #171717; }\n\n.bx--list-box__menu-item--active {\n color: #171717;\n border-bottom-color: #dcdcdc; }\n .bx--list-box__menu-item--active:hover {\n background-color: #dcdcdc; }\n\n.bx--list-box__menu-item--active\n.bx--list-box__menu-item__option {\n color: #171717; }\n\n.bx--list-box__menu-item .bx--checkbox-label {\n width: 100%; }\n\n.bx--list-box__menu-item .bx--checkbox-label-text {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden; }\n\n.bx--list-box input[role='combobox'] {\n background-color: inherit;\n min-width: 0; }\n\n.bx--combo-box .bx--text-input::-webkit-input-placeholder {\n color: #565656;\n opacity: 1; }\n\n.bx--combo-box .bx--text-input::-ms-input-placeholder {\n color: #565656;\n opacity: 1; }\n\n.bx--combo-box .bx--text-input::placeholder {\n color: #565656;\n opacity: 1; }\n\n.bx--combo-box .bx--text-input[disabled]::-webkit-input-placeholder {\n color: #bebebe; }\n\n.bx--combo-box .bx--text-input[disabled]::-ms-input-placeholder {\n color: #bebebe; }\n\n.bx--combo-box .bx--text-input[disabled]::placeholder {\n color: #bebebe; }\n\n.bx--combo-box.bx--list-box--expanded\n.bx--text-input {\n border-bottom-color: #dcdcdc; }\n\n.bx--combo-box .bx--list-box__field,\n.bx--combo-box.bx--list-box[data-invalid]\n.bx--list-box__field {\n padding: 0; }\n\n.bx--radio-button-group {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin-top: 0.375rem; }\n\n.bx--radio-button-group--vertical {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start; }\n .bx--radio-button-group--vertical.bx--radio-button-group--label-left {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end; }\n .bx--radio-button-group--vertical .bx--radio-button__label {\n margin-right: 0; }\n .bx--radio-button-group--vertical .bx--radio-button__label:not(:last-of-type) {\n margin-bottom: 0.5rem; }\n\n.bx--radio-button {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap;\n visibility: inherit; }\n\n.bx--radio-button__label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n margin-right: 1rem; }\n\n.bx--radio-button__appearance {\n background-color: transparent;\n border-radius: 50%;\n border: 1px solid #171717;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n height: 1.125rem;\n width: 1.125rem;\n margin-right: 0.5rem; }\n\n.bx--radio-button:checked\n+ .bx--radio-button__label\n.bx--radio-button__appearance {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-color: #171717; }\n .bx--radio-button:checked\n+ .bx--radio-button__label\n.bx--radio-button__appearance:before {\n content: '';\n display: inline-block;\n position: relative;\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n background-color: #171717; }\n\n[disabled] ~ _ {\n font-size: inherit; }\n\n.bx--radio-button:disabled + .bx--radio-button__label {\n color: #bebebe;\n cursor: not-allowed; }\n\n.bx--radio-button:disabled\n+ .bx--radio-button__label\n.bx--radio-button__appearance,\n.bx--radio-button:disabled:checked\n+ .bx--radio-button__label\n.bx--radio-button__appearance {\n border-color: #bebebe; }\n .bx--radio-button:disabled\n+ .bx--radio-button__label\n.bx--radio-button__appearance::before,\n .bx--radio-button:disabled:checked\n+ .bx--radio-button__label\n.bx--radio-button__appearance::before {\n background-color: #bebebe; }\n\n.bx--radio-button:focus\n+ .bx--radio-button__label\n.bx--radio-button__appearance {\n -webkit-box-shadow: 0 0 0 2px #0062ff;\n box-shadow: 0 0 0 2px #0062ff;\n outline: 1px solid transparent; }\n\n.bx--radio-button__label.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 6.25rem;\n height: 1.125rem; }\n .bx--radio-button__label.bx--skeleton:hover, .bx--radio-button__label.bx--skeleton:focus, .bx--radio-button__label.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--radio-button__label.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--radio-button__label.bx--skeleton\n.bx--radio-button__appearance {\n display: none; }\n\n.bx--radio-button-wrapper .bx--radio-button__label {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin: 0; }\n\n.bx--radio-button-wrapper:not(:last-of-type) {\n margin-right: 1rem; }\n\n.bx--radio-button-group--vertical\n.bx--radio-button-wrapper:not(:last-of-type) {\n margin-right: 0;\n margin-bottom: 0.5rem; }\n\n.bx--radio-button-group--label-right .bx--radio-button__label,\n.bx--radio-button-wrapper.bx--radio-button-wrapper--label-right\n.bx--radio-button__label {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row; }\n\n.bx--radio-button-group--label-left .bx--radio-button__label,\n.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left\n.bx--radio-button__label {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse; }\n\n.bx--radio-button-group--label-left\n.bx--radio-button__appearance,\n.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left\n.bx--radio-button__appearance {\n margin-right: 0;\n margin-left: 0.5rem; }\n\n.bx--toggle {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n .bx--toggle:focus {\n outline: none; }\n\n.bx--toggle__label {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n margin: 0.5rem 0; }\n\n.bx--toggle__appearance {\n position: relative;\n width: 3rem;\n height: 1.5rem; }\n .bx--toggle__appearance:before {\n position: absolute;\n display: block;\n content: '';\n background-color: #8c8c8c;\n cursor: pointer;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n height: 1.5rem;\n width: 3rem;\n border-radius: 0.9375rem;\n top: 0;\n will-change: box-shadow;\n -webkit-box-shadow: 0 0 0 2px transparent;\n box-shadow: 0 0 0 2px transparent;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9), -webkit-box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9), -webkit-box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9), -webkit-box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9); }\n .bx--toggle__appearance:after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: absolute;\n display: block;\n cursor: pointer;\n left: 3px;\n top: 3px;\n width: 1.125rem;\n height: 1.125rem;\n background-color: #dcdcdc;\n border-radius: 50%;\n content: '';\n -webkit-transition: -webkit-transform 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: -webkit-transform 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9), -webkit-transform 70ms cubic-bezier(0.2, 0, 1, 0.9); }\n\n.bx--toggle--small\n+ .bx--toggle__label\n.bx--toggle__appearance {\n width: 2rem;\n height: 1rem; }\n .bx--toggle--small\n+ .bx--toggle__label\n.bx--toggle__appearance:before {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n height: 1rem;\n width: 2rem;\n border-radius: 0.9375rem;\n top: 0; }\n .bx--toggle--small\n+ .bx--toggle__label\n.bx--toggle__appearance:after {\n width: 0.625rem;\n height: 0.625rem;\n top: 3px;\n left: 3px; }\n\n.bx--toggle__check {\n fill: #dcdcdc;\n position: absolute;\n left: 6px;\n top: 6px;\n z-index: 1;\n -webkit-transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);\n -webkit-transform: scale(0.2);\n transform: scale(0.2); }\n\n.bx--toggle--small:checked\n+ .bx--toggle__label\n.bx--toggle__check {\n fill: #24a148;\n -webkit-transform: scale(1) translateX(16px);\n transform: scale(1) translateX(16px); }\n\n.bx--toggle__text--left,\n.bx--toggle__text--right {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: relative;\n margin-left: 0.5rem; }\n\n.bx--toggle__text--left {\n position: absolute;\n left: 3rem; }\n\n.bx--toggle--small\n+ .bx--toggle__label\n.bx--toggle__text--left {\n left: 2rem; }\n\n.bx--toggle:checked\n+ .bx--toggle__label\n.bx--toggle__text--left,\n.bx--toggle:not(:checked)\n+ .bx--toggle__label\n.bx--toggle__text--right {\n visibility: hidden; }\n\n.bx--toggle:checked\n+ .bx--toggle__label\n.bx--toggle__text--right,\n.bx--toggle:not(:checked)\n+ .bx--toggle__label\n.bx--toggle__text--left {\n display: inline; }\n\n.bx--toggle:checked\n+ .bx--toggle__label\n.bx--toggle__appearance:before {\n background-color: #24a148; }\n\n.bx--toggle:checked\n+ .bx--toggle__label\n.bx--toggle__appearance:after {\n background-color: #ffffff;\n -webkit-transform: translateX(24px);\n transform: translateX(24px); }\n\n.bx--toggle--small:checked\n+ .bx--toggle__label\n.bx--toggle__appearance:after {\n margin-left: 0px;\n -webkit-transform: translateX(17px);\n transform: translateX(17px); }\n\n.bx--toggle + .bx--toggle__label .bx--toggle__appearance:before,\n.bx--toggle + .bx--toggle__label .bx--toggle__appearance:before {\n -webkit-box-shadow: 0 0 0 2px transparent;\n box-shadow: 0 0 0 2px transparent; }\n\n.bx--toggle:focus + .bx--toggle__label .bx--toggle__appearance:before,\n.bx--toggle:active + .bx--toggle__label .bx--toggle__appearance:before {\n -webkit-box-shadow: 0 0 0 2px #0062ff;\n box-shadow: 0 0 0 2px #0062ff; }\n\n.bx--toggle:disabled + .bx--toggle__label {\n cursor: not-allowed; }\n\n.bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__appearance:before {\n background-color: #f3f3f3; }\n\n.bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__appearance:after {\n background-color: #bebebe; }\n\n.bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__appearance:before, .bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__appearance:after {\n cursor: not-allowed;\n -webkit-transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: 70ms cubic-bezier(0.2, 0, 1, 0.9); }\n\n.bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__text--left,\n.bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__text--right {\n color: #bebebe; }\n\n.bx--toggle:disabled:active\n+ .bx--toggle__label\n.bx--toggle__appearance:before {\n -webkit-box-shadow: none;\n box-shadow: none; }\n\n.bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__check {\n fill: #bebebe; }\n\n.bx--search {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n position: relative;\n width: 100%; }\n\n.bx--search .bx--label {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--search-input {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.375rem;\n letter-spacing: 0;\n outline: 2px solid transparent;\n outline-offset: -2px;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: none;\n background-color: #f3f3f3;\n color: #171717;\n padding: 0 2.5rem;\n text-overflow: ellipsis;\n width: 100%;\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n border-bottom: 1px solid #8c8c8c; }\n .bx--search-input:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--search-input::-webkit-input-placeholder {\n color: #8c8c8c;\n font-weight: 400; }\n .bx--search-input::-ms-input-placeholder {\n color: #8c8c8c;\n font-weight: 400; }\n .bx--search-input::placeholder {\n color: #8c8c8c;\n font-weight: 400; }\n .bx--search-input::-ms-clear {\n display: none; }\n\n.bx--search-input[disabled] {\n color: #bebebe;\n background-color: #f3f3f3;\n border-bottom: 1px solid transparent;\n cursor: not-allowed; }\n .bx--search-input[disabled]::-webkit-input-placeholder {\n color: #bebebe;\n font-weight: 400; }\n .bx--search-input[disabled]::-ms-input-placeholder {\n color: #bebebe;\n font-weight: 400; }\n .bx--search-input[disabled]::placeholder {\n color: #bebebe;\n font-weight: 400; }\n\n.bx--search-input[disabled] ~ .bx--search-magnifier {\n fill: #bebebe; }\n\n.bx--search--light .bx--search-input {\n background: #ffffff; }\n\n.bx--search--sm .bx--search-input {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n height: 2rem; }\n\n.bx--search--xl .bx--search-input {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.375rem;\n letter-spacing: 0;\n height: 3rem;\n padding: 0 4rem 0 3rem; }\n\n.bx--search-magnifier {\n left: 0.75rem;\n z-index: 2;\n position: absolute;\n height: 1rem;\n width: 1rem;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n fill: #565656;\n pointer-events: none; }\n\n.bx--search--xl .bx--search-magnifier {\n height: 1.25rem;\n width: 1.25rem;\n left: 1.5rem;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%); }\n\n.bx--search-close {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n outline: 2px solid transparent;\n outline-offset: -2px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n cursor: pointer;\n visibility: visible;\n opacity: 1;\n position: absolute;\n height: 2.5rem;\n width: 2.5rem;\n right: 0;\n fill: #171717;\n border: 1px solid transparent;\n border-left: 0; }\n .bx--search-close::-moz-focus-inner {\n border: 0; }\n .bx--search-close:hover {\n background-color: #e5e5e5;\n border-bottom: 1px solid #8c8c8c; }\n .bx--search-close:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--search-close:active {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n background-color: #dcdcdc; }\n .bx--search-close::before {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n top: 0.0625rem;\n height: calc(100% - 2px);\n width: 2px;\n background-color: #f3f3f3;\n -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--search-close:hover::before {\n background-color: #e5e5e5; }\n\n.bx--search-close:focus::before,\n.bx--search-close:active::before {\n background-color: #0062ff; }\n\n.bx--search-input:focus ~ .bx--search-close:hover {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--search--sm .bx--search-close {\n height: 2rem;\n width: 2rem; }\n\n.bx--search--xl .bx--search-close {\n height: 3rem;\n width: 3rem; }\n\n.bx--search-close:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--search-close--hidden {\n visibility: hidden;\n opacity: 0; }\n\n.bx--search--lg.bx--skeleton .bx--search-input,\n.bx--search--sm.bx--skeleton .bx--search-input {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 100%; }\n .bx--search--lg.bx--skeleton .bx--search-input:hover, .bx--search--lg.bx--skeleton .bx--search-input:focus, .bx--search--lg.bx--skeleton .bx--search-input:active,\n .bx--search--sm.bx--skeleton .bx--search-input:hover,\n .bx--search--sm.bx--skeleton .bx--search-input:focus,\n .bx--search--sm.bx--skeleton .bx--search-input:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--search--lg.bx--skeleton .bx--search-input:before,\n .bx--search--sm.bx--skeleton .bx--search-input:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n .bx--search--lg.bx--skeleton .bx--search-input::-webkit-input-placeholder,\n .bx--search--sm.bx--skeleton .bx--search-input::-webkit-input-placeholder {\n color: transparent; }\n .bx--search--lg.bx--skeleton .bx--search-input::-ms-input-placeholder,\n .bx--search--sm.bx--skeleton .bx--search-input::-ms-input-placeholder {\n color: transparent; }\n .bx--search--lg.bx--skeleton .bx--search-input::placeholder,\n .bx--search--sm.bx--skeleton .bx--search-input::placeholder {\n color: transparent; }\n\n.bx--select {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n\n.bx--select-input__wrapper {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--select-input__wrapper:hover .bx--select-input {\n background-color: #e5e5e5; }\n\n.bx--select-input {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n height: 2.5rem;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n width: 14rem;\n min-width: 8rem;\n max-width: 28rem;\n padding: 0 2.625rem 0 1rem;\n color: #171717;\n background-color: #f3f3f3;\n border: none;\n border-bottom: 1px solid #8c8c8c;\n border-radius: 0;\n cursor: pointer;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--select-input:hover {\n background-color: #e5e5e5; }\n .bx--select-input::-ms-expand {\n display: none; }\n\n@-moz-document url-prefix() {\n .bx--select-input {\n padding-top: 0.25rem; } }\n .bx--select-input:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--select-input:disabled, .bx--select-input:hover:disabled {\n cursor: not-allowed;\n background-color: #f3f3f3;\n color: #bebebe;\n border-bottom-color: #f3f3f3; }\n\n.bx--select--disabled .bx--label,\n.bx--select--disabled .bx--form__helper-text {\n color: #bebebe; }\n\n.bx--select-input__wrapper[data-invalid] .bx--select-input {\n padding-right: 4rem; }\n\n.bx--select-input__wrapper[data-invalid] .bx--select-input,\n.bx--select-input__wrapper[data-invalid]\n.bx--select-input:focus {\n outline: 2px solid #da1e28;\n outline-offset: -2px; }\n\n.bx--form-requirement {\n display: block;\n color: #da1e28;\n font-weight: 400;\n overflow: visible; }\n\n.bx--select-input:disabled ~ .bx--select__arrow {\n fill: #bebebe; }\n\n.bx--select--light .bx--select-input {\n background-color: #ffffff; }\n .bx--select--light .bx--select-input:hover {\n background-color: #f3f3f3; }\n .bx--select--light .bx--select-input:disabled, .bx--select--light .bx--select-input:hover:disabled {\n cursor: not-allowed;\n background-color: #f3f3f3;\n color: #bebebe; }\n\n.bx--select__arrow {\n fill: #171717;\n position: absolute;\n right: 1rem;\n pointer-events: none; }\n\n.bx--select-input__wrapper[data-invalid]\n.bx--select-input\n~ .bx--select__invalid-icon {\n position: absolute;\n right: 2.125rem; }\n\n.bx--select-input__wrapper[data-invalid]\n.bx--select-input\n~ .bx--select__invalid-icon {\n fill: #da1e28; }\n\n.bx--select-optgroup,\n.bx--select-option {\n color: #171717; }\n\n.bx--select-option[disabled] {\n opacity: 0.5;\n cursor: not-allowed; }\n\n@-moz-document url-prefix() {\n .bx--select-option {\n background-color: #f3f3f3;\n color: #171717; }\n .bx--select-optgroup {\n color: #171717; } }\n\n.bx--select--inline {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--select--inline.bx--select--invalid .bx--label,\n.bx--select--inline.bx--select--invalid\n.bx--form__helper-text {\n margin-top: 0.8125rem;\n -ms-flex-item-align: start;\n align-self: flex-start; }\n\n.bx--select--inline .bx--form__helper-text {\n margin-bottom: 0;\n margin-left: 0.5rem; }\n\n.bx--select--inline .bx--label {\n white-space: nowrap;\n margin: 0 0.5rem 0 0; }\n\n.bx--select--inline .bx--select-input {\n background-color: transparent;\n color: #171717;\n border-bottom: none;\n padding-left: 0.5rem;\n padding-right: 1.625rem; }\n\n@-moz-document url-prefix() {\n .bx--select--inline .bx--select-input {\n padding-top: 0; } }\n .bx--select--inline .bx--select-input:hover {\n background-color: #e5e5e5; }\n\n.bx--select--inline .bx--select__arrow {\n bottom: auto;\n top: 1.125rem;\n right: 0.5rem; }\n\n.bx--select--inline.bx--select--invalid\n.bx--select-input {\n padding-right: 3.125rem; }\n\n.bx--select--inline.bx--select--invalid\n.bx--select-input\n~ .bx--select__invalid-icon {\n right: 1.5rem; }\n\n.bx--select--inline .bx--select-input:disabled {\n color: #bebebe;\n cursor: not-allowed; }\n .bx--select--inline .bx--select-input:disabled:hover {\n background-color: transparent; }\n .bx--select--inline .bx--select-input:disabled ~ * {\n cursor: not-allowed; }\n\n.bx--select--inline .bx--select-input:disabled {\n cursor: not-allowed; }\n\n.bx--select.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 100%;\n height: 2.5rem; }\n .bx--select.bx--skeleton:hover, .bx--select.bx--skeleton:focus, .bx--select.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--select.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--select.bx--skeleton .bx--select-input {\n display: none; }\n\n.bx--text-input {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n background-color: #f3f3f3;\n width: 100%;\n height: 2.5rem;\n padding: 0 1rem;\n color: #171717;\n border: none;\n border-bottom: 1px solid #8c8c8c;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--text-input:focus, .bx--text-input:active {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--text-input-wrapper svg[hidden] {\n display: none; }\n\n.bx--password-input {\n padding-right: 2.5rem; }\n\n.bx--text-input::-webkit-input-placeholder {\n color: #8c8c8c; }\n\n.bx--text-input--light {\n background-color: #ffffff; }\n\n.bx--text-input__character-counter-title {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n width: 100%; }\n\n.bx--text-input__character-counter-title\n+ .bx--form__helper-text {\n margin-top: -0.375rem; }\n\n.bx--text-input__character-counter-title .bx--label {\n margin-right: 1rem; }\n\n.bx--text-input--character-counter {\n margin-bottom: 0.5rem;\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n color: #565656; }\n\n.bx--text-input--character-counter--disabled {\n color: #bebebe; }\n\n.bx--text-input__field-wrapper {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--text-input__field-wrapper .bx--text-input__invalid-icon {\n position: absolute;\n right: 1rem;\n fill: #da1e28; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible;\n position: absolute;\n height: 1rem;\n width: 1rem;\n right: 1rem;\n padding: 0;\n border: 0;\n background: none;\n cursor: pointer; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus {\n outline: 1px solid transparent; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus svg {\n outline: 1px solid #0062ff; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility::after {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::after {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n content: attr(aria-label);\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover::after, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus::after {\n opacity: 1; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility::after {\n bottom: 0;\n left: 50%; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.5rem));\n transform: translate(-50%, calc(0.3125rem + 0.5rem)); }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::after {\n -webkit-transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem));\n transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem)); }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility svg {\n fill: #0062ff; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility svg:hover {\n fill: #0353e9; }\n .bx--text-input__field-wrapper .bx--text-input--invalid {\n padding-right: 2.5rem; }\n .bx--text-input__field-wrapper .bx--text-input--invalid.bx--password-input {\n padding-right: 4rem; }\n .bx--text-input__field-wrapper .bx--text-input--invalid\n+ .bx--text-input--password__visibility {\n right: 2.5rem; }\n\n.bx--text-input:disabled\n+ .bx--text-input--password__visibility\nsvg {\n opacity: 0.5;\n cursor: not-allowed; }\n\n.bx--text-input:disabled {\n cursor: not-allowed;\n outline: none;\n background-color: #f3f3f3;\n border-bottom: 1px solid transparent;\n color: #bebebe; }\n\n.bx--text-input--light:disabled {\n background-color: #ffffff; }\n\n.bx--text-input:disabled::-webkit-input-placeholder {\n opacity: 1;\n color: #bebebe; }\n\n.bx--text-input:disabled::-ms-input-placeholder {\n opacity: 1;\n color: #bebebe; }\n\n.bx--text-input:disabled::placeholder {\n opacity: 1;\n color: #bebebe; }\n\n.bx--text-input--invalid {\n outline: 2px solid #da1e28;\n outline-offset: -2px;\n -webkit-box-shadow: none;\n box-shadow: none; }\n .bx--text-input--invalid .bx--text-input--password__visibility {\n right: 2.5rem; }\n\n.bx--text-area__container {\n position: relative; }\n\n.bx--text-area {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n background-color: #f3f3f3;\n width: 100%;\n min-width: 10rem;\n min-height: 2.5rem;\n padding: 0.6875rem 1rem;\n color: #171717;\n -webkit-box-ordinal-group: 4;\n -ms-flex-order: 3;\n order: 3;\n resize: vertical;\n border: none;\n border-bottom: 1px solid #8c8c8c;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--text-area ~ .bx--form__helper-text {\n margin-top: 0;\n -webkit-box-ordinal-group: 3;\n -ms-flex-order: 2;\n order: 2;\n font-style: italic; }\n .bx--text-area ~ .bx--form-requirement {\n -webkit-box-ordinal-group: 5;\n -ms-flex-order: 4;\n order: 4;\n color: #da1e28;\n font-weight: 400;\n margin-top: 0.25rem; }\n .bx--text-area ~ .bx--form-requirement::before {\n display: none; }\n\n.bx--text-area:focus,\n.bx--text-area:active {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--text-area::-webkit-input-placeholder {\n color: #8c8c8c;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n opacity: 1; }\n\n.bx--text-area::-ms-input-placeholder {\n color: #8c8c8c;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n opacity: 1; }\n\n.bx--text-area::placeholder {\n color: #8c8c8c;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n opacity: 1; }\n\n.bx--text-area--light {\n background-color: #ffffff; }\n\n.bx--text-area--invalid {\n padding-right: 2.5rem; }\n\n.bx--text-area__wrapper {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%; }\n\n.bx--text-area__invalid-icon {\n position: absolute;\n right: 1rem;\n top: 0.75rem;\n fill: #da1e28; }\n\n.bx--text-area__character-counter-title {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n width: 100%; }\n\n.bx--text-area__character-counter-title .bx--label {\n margin-right: 1rem; }\n\n.bx--text-area__character-counter-title\n+ .bx--form__helper-text {\n margin-top: -0.375rem; }\n\n.bx--text-area--character-counter {\n margin-bottom: 0.5rem;\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n color: #565656; }\n\n.bx--text-area--character-counter--disabled {\n color: #bebebe; }\n\n.bx--text-area:disabled {\n cursor: not-allowed;\n outline: none;\n background-color: #f3f3f3;\n border-bottom: 1px solid transparent; }\n\n.bx--text-area:disabled::-webkit-input-placeholder {\n color: #bebebe; }\n\n.bx--text-area:disabled::-ms-input-placeholder {\n color: #bebebe; }\n\n.bx--text-area:disabled::placeholder {\n color: #bebebe; }\n\nbx--text-area.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n height: 6.25rem; }\n bx--text-area.bx--skeleton:hover, bx--text-area.bx--skeleton:focus, bx--text-area.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n bx--text-area.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n bx--text-area.bx--skeleton::-webkit-input-placeholder {\n color: transparent; }\n bx--text-area.bx--skeleton::-ms-input-placeholder {\n color: transparent; }\n bx--text-area.bx--skeleton::placeholder {\n color: transparent; }\n\n.bx--number {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative; }\n\n.bx--number input[type='number'] {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n width: 100%;\n min-width: 9.375rem;\n padding-left: 1rem;\n padding-right: 2rem;\n font-weight: 300;\n height: 2.5rem;\n color: #171717;\n background-color: #f3f3f3;\n border: none;\n border-radius: 0;\n border-bottom: 1px solid #8c8c8c;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield; }\n .bx--number input[type='number']:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--number input[type='number']:disabled {\n cursor: not-allowed;\n background-color: #f3f3f3;\n color: #bebebe; }\n .bx--number input[type='number']:disabled ~ .bx--number__controls {\n cursor: not-allowed;\n pointer-events: none; }\n .bx--number input[type='number']:disabled ~ .bx--number__controls svg {\n fill: #bebebe; }\n .bx--number input[type='number']::-ms-clear {\n display: none; }\n .bx--number input[type='number']::-webkit-inner-spin-button {\n -webkit-appearance: none;\n appearance: none; }\n\n.bx--number__input-wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--number__input-wrapper ~ .bx--form-requirement {\n color: #da1e28;\n font-weight: 400;\n margin-top: 0.25rem;\n overflow: visible; }\n .bx--number__input-wrapper ~ .bx--form-requirement::before {\n display: none; }\n\n.bx--number__controls {\n position: absolute;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--number__control-btn {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 2rem;\n height: 1.25rem;\n color: #171717; }\n .bx--number__control-btn::-moz-focus-inner {\n border: 0; }\n .bx--number__control-btn svg {\n fill: currentColor;\n position: relative; }\n .bx--number__control-btn.up-icon svg {\n top: 0.3125rem; }\n .bx--number__control-btn.down-icon svg {\n top: -0.3125rem; }\n .bx--number__control-btn:focus {\n outline: 1px solid #0062ff;\n color: #171717;\n outline-width: 2px;\n outline-offset: -2px; }\n .bx--number__control-btn:hover {\n cursor: pointer; }\n .bx--number__control-btn:hover {\n color: #171717; }\n .bx--number__control-btn:disabled {\n cursor: not-allowed;\n color: #bebebe; }\n\n.bx--number[data-invalid] .bx--form-requirement {\n display: inline-block;\n max-height: 12.5rem; }\n\n.bx--number[data-invalid] input[type='number'] {\n outline: 2px solid #da1e28;\n outline-offset: -2px; }\n\n.bx--number__invalid {\n position: absolute;\n right: 2rem;\n fill: #da1e28; }\n\n.bx--number--light input[type='number'] {\n background-color: #ffffff; }\n\n.bx--number--mobile {\n min-width: 9rem;\n width: auto; }\n .bx--number--mobile .bx--number__control-btn,\n .bx--number--mobile.bx--number--light .bx--number__control-btn {\n position: static;\n width: 2.5rem;\n height: 2.5rem;\n background-color: #f3f3f3; }\n .bx--number--mobile .bx--number__control-btn:hover, .bx--number--mobile .bx--number__control-btn:focus,\n .bx--number--mobile.bx--number--light .bx--number__control-btn:hover,\n .bx--number--mobile.bx--number--light .bx--number__control-btn:focus {\n background-color: #e5e5e5; }\n .bx--number--mobile .bx--number__control-btn:focus,\n .bx--number--mobile.bx--number--light .bx--number__control-btn:focus {\n outline-width: 2px;\n outline-offset: -2px; }\n .bx--number--mobile .bx--number__control-btn svg,\n .bx--number--mobile.bx--number--light .bx--number__control-btn svg {\n position: static; }\n .bx--number--mobile input[type='number'] {\n min-width: 4rem;\n width: auto;\n margin: 0;\n border-right: 1px solid #dcdcdc;\n border-left: 1px solid #dcdcdc;\n padding: 0;\n text-align: center;\n background-color: #f3f3f3; }\n .bx--number--mobile.bx--number--light input[type='number'] {\n background-color: #ffffff; }\n .bx--number--mobile.bx--number--light .bx--number__control-btn {\n background-color: #ffffff; }\n\n.bx--number.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 100%;\n height: 2.5rem; }\n .bx--number.bx--skeleton:hover, .bx--number.bx--skeleton:focus, .bx--number.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--number.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n .bx--number.bx--skeleton input[type='number'] {\n display: none; }\n\n.bx--link {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n color: #0062ff;\n text-decoration: none;\n outline: none;\n -webkit-transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--link:hover {\n color: #0062ff;\n -webkit-box-shadow: 0 1px currentColor;\n box-shadow: 0 1px currentColor; }\n .bx--link:active, .bx--link:active:visited {\n color: #171717;\n -webkit-box-shadow: 0 1px currentColor;\n box-shadow: 0 1px currentColor; }\n .bx--link:focus {\n -webkit-box-shadow: 0 3px currentColor;\n box-shadow: 0 3px currentColor; }\n .bx--link:not([href]) {\n color: #bebebe;\n cursor: not-allowed;\n pointer-events: none;\n -ms-touch-action: none;\n touch-action: none; }\n .bx--link:not([href]):hover {\n -webkit-box-shadow: none;\n box-shadow: none; }\n .bx--link:visited {\n color: #0062ff; }\n\n.bx--link--visited {\n color: #8a3ffc; }\n\n.bx--link--disabled {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n display: inline;\n color: #bebebe;\n font-weight: 400;\n cursor: not-allowed; }\n\n.bx--list--nested,\n.bx--list--unordered,\n.bx--list--ordered {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n counter-reset: listitem; }\n\n.bx--list__item {\n font-weight: 400;\n color: #171717;\n list-style-type: none;\n counter-increment: listitem; }\n\n.bx--list--nested {\n margin-bottom: 0.25rem;\n margin-left: 2rem; }\n\n.bx--list--unordered > .bx--list__item:before,\n.bx--list--ordered > .bx--list__item:before {\n display: inline-block;\n margin-right: 0.5rem;\n margin-bottom: 0.25rem; }\n\n.bx--list--unordered\n.bx--list--nested\n> .bx--list__item:before,\n.bx--list--ordered\n.bx--list--nested\n> .bx--list__item:before {\n margin-right: 0.5rem;\n display: inline-block; }\n\n.bx--list--unordered > .bx--list__item:before {\n content: '\\002013'; }\n\n.bx--list--unordered\n.bx--list--nested\n> .bx--list__item:before {\n content: '\\0025AA'; }\n\n.bx--list--ordered > .bx--list__item:before {\n content: counter(listitem) \".\"; }\n\n.bx--list--ordered\n.bx--list--nested\n> .bx--list__item {\n counter-increment: sub-list-item; }\n\n.bx--list--ordered\n.bx--list--nested\n> .bx--list__item:before {\n content: counter(sub-list-item, lower-alpha) \".\";\n width: 0.6rem; }\n\n.bx--table-toolbar {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n background: #f3f3f3;\n height: 3rem;\n position: relative; }\n\n.bx--toolbar-content {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 100%;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n visibility: visible;\n -webkit-transition: visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--batch-actions ~ .bx--toolbar-search-container {\n opacity: 1;\n -webkit-transition: opacity 110ms;\n transition: opacity 110ms;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--toolbar-search-container-expandable {\n height: 3rem;\n width: 3rem;\n position: relative;\n -webkit-transition: -webkit-box-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-box-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9), -ms-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-box-shadow: none;\n box-shadow: none; }\n\n.bx--toolbar-search-container-expandable .bx--search {\n width: 3rem;\n height: 100%; }\n\n.bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-magnifier {\n height: 3rem;\n width: 3rem;\n padding: 1rem;\n left: 0;\n cursor: pointer;\n pointer-events: all;\n -webkit-transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-magnifier:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-magnifier:hover {\n background: #e5e5e5; }\n\n.bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-input {\n border: none;\n height: 100%;\n visibility: hidden;\n padding: 0;\n background-color: transparent; }\n\n.bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-close {\n height: 3rem;\n width: 3rem; }\n\n.bx--toolbar-search-container-active {\n -webkit-box-flex: 1;\n -ms-flex: auto;\n flex: auto;\n -webkit-transition: -webkit-box-flex 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-box-flex 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: flex 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: flex 150ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-flex 150ms cubic-bezier(0.2, 0, 0.38, 0.9), -ms-flex 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--toolbar-search-container-active .bx--search {\n width: 100%; }\n\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-input {\n padding-left: 3rem;\n visibility: visible; }\n\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-input:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-input:focus\n+ .bx--search-close {\n border: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n outline: none; }\n\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-input:not(:placeholder-shown) {\n background: #e5e5e5;\n border: none; }\n\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-magnifier:focus,\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-magnifier:active,\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-magnifier:hover {\n outline: none;\n border: none;\n background: transparent; }\n\n.bx--toolbar-search-container-persistent .bx--search-close,\n.bx--toolbar-search-container-persistent\n.bx--search-close:hover,\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-close,\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-close:hover {\n border: none;\n background-color: transparent; }\n\n.bx--overflow-menu.bx--toolbar-action {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n cursor: pointer;\n height: 3rem;\n width: 3rem;\n padding: 1rem;\n -webkit-transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n .bx--overflow-menu.bx--toolbar-action::-moz-focus-inner {\n border: 0; }\n\n.bx--toolbar-action {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n cursor: pointer;\n height: 3rem;\n width: 3rem;\n padding: 1rem;\n -webkit-transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n .bx--toolbar-action::-moz-focus-inner {\n border: 0; }\n\n.bx--toolbar-action:hover:not([disabled]) {\n background: #e5e5e5; }\n\n.bx--toolbar-action:hover[aria-expanded='true'] {\n background: #f3f3f3; }\n\n.bx--toolbar-action[disabled] {\n cursor: not-allowed; }\n\n.bx--toolbar-action[disabled] .bx--toolbar-action__icon {\n fill: #bebebe;\n cursor: not-allowed; }\n\n.bx--toolbar-action:focus:not([disabled]),\n.bx--toolbar-action:active:not([disabled]) {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--toolbar-action ~ .bx--btn {\n margin: 0;\n height: 3rem; }\n\n.bx--overflow-menu--data-table {\n height: 3rem; }\n\n.bx--toolbar-action__icon {\n height: 1rem;\n width: auto;\n max-width: 1rem;\n fill: #171717; }\n\n.bx--toolbar-search-container-persistent {\n width: 100%;\n height: 3rem;\n opacity: 1;\n position: relative; }\n\n.bx--toolbar-search-container-persistent\n+ .bx--toolbar-content {\n position: relative;\n width: auto; }\n\n.bx--toolbar-search-container-persistent .bx--search {\n position: initial; }\n\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-magnifier {\n left: 1rem; }\n\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-input {\n height: 3rem;\n padding-left: 3rem;\n border: none; }\n\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-input:focus:not([disabled]) {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-input:hover:not([disabled]) {\n background: #e5e5e5; }\n\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-input:active:not([disabled]),\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-input:not(:placeholder-shown) {\n background: #e5e5e5; }\n\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-close {\n height: 3rem;\n width: 3rem; }\n\n.bx--batch-actions--active ~ .bx--toolbar-search-container,\n.bx--batch-actions--active ~ .bx--toolbar-content {\n visibility: hidden;\n -webkit-transform: translate3d(0, 48px, 0);\n transform: translate3d(0, 48px, 0);\n -webkit-transition: visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--batch-actions {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n width: 100%;\n height: 100%;\n pointer-events: none;\n visibility: hidden;\n will-change: transform;\n background-color: #0062ff;\n -webkit-transition: visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-transform: translate3d(0, 48px, 0);\n transform: translate3d(0, 48px, 0); }\n\n.bx--batch-actions:focus {\n outline: 1px solid #0062ff; }\n\n.bx--batch-actions--active {\n visibility: visible;\n pointer-events: all;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n\n.bx--action-list {\n position: absolute;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--action-list .bx--btn {\n color: #ffffff; }\n\n.bx--action-list .bx--btn .bx--btn__icon {\n fill: #ffffff;\n margin-left: 0.5rem; }\n\n.bx--action-list .bx--btn .bx--btn__icon .st0 {\n fill: none; }\n\n.bx--batch-download {\n padding: 0.0625rem; }\n\n.bx--action-list .bx--btn--primary:focus::before,\n.bx--action-list .bx--btn--primary:focus::before,\n.bx--action-list .bx--btn--primary::before,\n.bx--action-list .bx--btn--primary::before,\n.bx--action-list .bx--btn--primary:focus::after,\n.bx--action-list .bx--btn--primary:focus::after,\n.bx--action-list .bx--btn--primary::after,\n.bx--action-list .bx--btn--primary::after {\n display: none; }\n\n.bx--action-list .bx--btn--primary:focus {\n outline: 2px solid #f3f3f3;\n outline-offset: -0.125rem; }\n\n.bx--action-list .bx--btn {\n min-width: 0; }\n\n.bx--action-list\n.bx--btn--primary:nth-child(3):hover\n+ .bx--btn--primary.bx--batch-summary__cancel::before,\n.bx--action-list\n.bx--btn--primary:nth-child(3):focus\n+ .bx--btn--primary.bx--batch-summary__cancel::before {\n opacity: 0; }\n\n.bx--btn--primary.bx--batch-summary__cancel::before {\n display: block;\n position: absolute;\n opacity: 1;\n top: 0.9375rem;\n left: 0;\n height: 1rem;\n width: 0.0625rem;\n content: '';\n background-color: #ffffff;\n border: none;\n -webkit-transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--btn--primary.bx--batch-summary__cancel:hover::before {\n opacity: 0;\n -webkit-transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--batch-summary__cancel {\n padding-right: 1rem;\n position: relative; }\n\n.bx--batch-summary {\n position: absolute;\n left: 0;\n margin-left: 1rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #ffffff; }\n\n.bx--batch-summary__para {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px; }\n\n.bx--table-toolbar--small {\n height: 2rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-expandable,\n .bx--table-toolbar--small .bx--toolbar-search-container-persistent {\n height: 2rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-input,\n .bx--table-toolbar--small .bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-input {\n height: 2rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-close,\n .bx--table-toolbar--small .bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-close {\n height: 2rem;\n width: 2rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-magnifier,\n .bx--table-toolbar--small .bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-magnifier {\n height: 2rem;\n width: 2rem;\n padding: 0.5rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-expandable {\n width: 2rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-input {\n padding-left: 2rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-active {\n -webkit-box-flex: 1;\n -ms-flex: auto;\n flex: auto;\n -webkit-transition: -webkit-box-flex 175ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-box-flex 175ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: flex 175ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: flex 175ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-flex 175ms cubic-bezier(0.2, 0, 0.38, 0.9), -ms-flex 175ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-input {\n visibility: visible; }\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-input:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n background: #e5e5e5; }\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-input:active,\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-input:not(:placeholder-shown) {\n background: #e5e5e5; }\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-magnifier:focus,\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-magnifier:active,\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-magnifier:hover {\n outline: 2px solid transparent;\n outline-offset: -2px;\n background: transparent; }\n\n.bx--table-toolbar--small\n.bx--batch-actions\n.bx--action-list {\n height: 2rem; }\n\n.bx--table-toolbar--small .bx--toolbar-action {\n height: 2rem;\n width: 2rem;\n padding: 0.5rem; }\n\n.bx--table-toolbar--small .bx--btn--primary {\n padding-top: 0.1875rem;\n height: 2rem; }\n\n.bx--table-toolbar--small\n.bx--btn--primary.bx--batch-summary__cancel::before {\n top: 0.5rem; }\n\n.bx--table-toolbar--small\n.bx--toolbar-action\n~ .bx--btn {\n height: 2rem;\n width: 10rem;\n overflow: hidden; }\n\n.bx--data-table-container {\n min-width: 31.25rem;\n overflow-x: auto;\n padding-top: 0.125rem; }\n\n.bx--data-table-header {\n background: #f3f3f3;\n padding: 1rem 0 1.5rem 1rem; }\n\n.bx--data-table-header__title {\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.625rem;\n letter-spacing: 0;\n color: #171717; }\n\n.bx--data-table-header__description {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #565656; }\n\n.bx--data-table {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%; }\n\n.bx--data-table thead {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n background-color: #dcdcdc; }\n\n.bx--data-table tbody {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n background-color: #f3f3f3;\n width: 100%; }\n\n.bx--data-table tr {\n border: none;\n height: 3rem;\n width: 100%; }\n\n.bx--data-table tbody tr,\n.bx--data-table tbody tr td {\n -webkit-transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--data-table tbody tr:hover {\n background: #e5e5e5; }\n\n.bx--data-table tbody tr:hover td {\n color: #171717;\n background: #e5e5e5;\n border-bottom: 1px solid #e5e5e5;\n border-top: 1px solid #e5e5e5; }\n\n.bx--data-table th,\n.bx--data-table td {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n vertical-align: top;\n text-align: left; }\n\n.bx--data-table th {\n color: #171717;\n background-color: #dcdcdc; }\n\n.bx--data-table th:first-of-type {\n padding-left: 1rem; }\n\n.bx--data-table th:last-of-type {\n position: relative;\n width: auto; }\n\n.bx--data-table .bx--table-header-label {\n display: block;\n padding: 0.875rem 0;\n text-align: left; }\n\n.bx--data-table td {\n background: #f3f3f3;\n color: #565656;\n border-top: 1px solid #f3f3f3;\n border-bottom: 1px solid #dcdcdc;\n padding: 0.875rem 0.75rem;\n padding-bottom: 0.8125rem; }\n\n@supports (-moz-appearance: none) {\n .bx--data-table td {\n background-clip: padding-box; } }\n\n.bx--data-table td:first-of-type {\n padding-left: 1rem; }\n\n.bx--data-table td:last-of-type {\n padding-right: 1rem; }\n\n.bx--data-table .bx--table-column-menu,\n.bx--data-table .bx--table-column-menu:last-of-type {\n padding-top: 0.5rem;\n padding-right: 0.5rem; }\n\n.bx--data-table td.bx--table-column-menu {\n padding-bottom: 0; }\n\n.bx--data-table\ntd.bx--table-column-menu\n.bx--overflow-menu[aria-expanded='false']:hover {\n background: #dcdcdc; }\n\n.bx--data-table\ntd.bx--table-column-menu\n.bx--overflow-menu[aria-expanded='false']:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--data-table\ntd.bx--table-column-menu\n.bx--overflow-menu[aria-expanded='true']:focus {\n outline: none; }\n\n@media screen and (hover: hover), (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .bx--data-table\ntd.bx--table-column-menu\n.bx--overflow-menu\n.bx--overflow-menu__icon {\n opacity: 0; } }\n\n.bx--data-table.bx--data-table--visible-overflow-menu\ntd.bx--table-column-menu\n.bx--overflow-menu\n.bx--overflow-menu__icon,\n.bx--data-table\ntd.bx--table-column-menu\n.bx--overflow-menu:hover\n.bx--overflow-menu__icon,\n.bx--data-table\ntd.bx--table-column-menu\n.bx--overflow-menu:focus\n.bx--overflow-menu__icon,\n.bx--data-table\ntr:hover\ntd.bx--table-column-menu\n.bx--overflow-menu\n.bx--overflow-menu__icon {\n opacity: 1; }\n\n.bx--table-row--menu-option\n.bx--overflow-menu-options__btn\n.bx--overflow-menu-options__option-content\nsvg {\n margin-right: 0.5rem;\n position: relative;\n top: 0.1875rem; }\n\n.bx--data-table--zebra tbody tr:nth-child(even) td {\n border-bottom: 1px solid #f3f3f3; }\n\n.bx--data-table--zebra tbody tr:nth-child(odd) td {\n background-color: #ffffff;\n border-bottom: 1px solid #ffffff;\n border-top: 1px solid #ffffff; }\n\n.bx--data-table--zebra tbody tr:hover td {\n background-color: #e5e5e5;\n border-bottom: 1px solid #e5e5e5;\n border-top: 1px solid #e5e5e5; }\n\n.bx--table-column-checkbox .bx--checkbox-label {\n padding-left: 1rem; }\n\n.bx--data-table th.bx--table-column-checkbox {\n position: relative;\n background: #dcdcdc;\n padding: 0.75rem 0.5rem 0 1rem;\n width: 2.75rem;\n -webkit-transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--data-table td.bx--table-column-checkbox {\n padding-top: 0.6875rem;\n padding-bottom: 0; }\n\nth.bx--table-column-checkbox:hover {\n background: #cacaca; }\n\n.bx--data-table--zebra\ntbody\ntr:nth-child(odd).bx--data-table--selected\ntd,\ntr.bx--data-table--selected td {\n color: #171717;\n background-color: #dcdcdc;\n border-top: 1px solid #dcdcdc;\n border-bottom: 1px solid #bebebe; }\n\n.bx--data-table--zebra\ntbody\ntr:first-of-type:nth-child(odd).bx--data-table--selected\ntd,\ntr.bx--data-table--selected:first-of-type td {\n border-top: 1px solid #bebebe; }\n\n.bx--data-table--zebra\ntbody\ntr:last-of-type:nth-child(odd).bx--data-table--selected\ntd,\n.bx--data-table--zebra\ntbody\ntr:last-of-type:nth-child(even).bx--data-table--selected\ntd,\ntr.bx--data-table--selected:last-of-type td {\n border-top: 1px solid #dcdcdc;\n border-bottom: 1px solid #dcdcdc; }\n\n.bx--data-table--zebra\ntbody\ntr:nth-child(even).bx--data-table--selected\ntd {\n border-bottom: 1px solid #bebebe; }\n\n.bx--data-table--zebra\ntbody\ntr:nth-child(even).bx--data-table--selected:hover\ntd {\n border-bottom: 1px solid #cacaca; }\n\n.bx--data-table--zebra\ntbody\ntr:nth-child(odd).bx--data-table--selected:hover\ntd,\n.bx--data-table tbody .bx--data-table--selected:hover td {\n color: #171717;\n background: #cacaca;\n border-top: 1px solid #cacaca;\n border-bottom: 1px solid #cacaca; }\n\n.bx--data-table--selected\n.bx--overflow-menu\n.bx--overflow-menu__icon {\n opacity: 1; }\n\n.bx--data-table--compact thead tr,\n.bx--data-table--compact tbody tr {\n height: 1.5rem; }\n\n.bx--data-table--compact .bx--table-header-label {\n padding: 0.125rem 0; }\n\n.bx--data-table--compact td {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem; }\n\n.bx--data-table--compact .bx--overflow-menu {\n width: 2rem;\n height: 1.4375rem; }\n\n.bx--data-table.bx--data-table--compact\n.bx--table-column-menu {\n padding-top: 0; }\n\n.bx--data-table.bx--data-table--compact\n.bx--table-column-checkbox {\n padding-top: 0;\n padding-bottom: 0; }\n\n.bx--data-table.bx--data-table--compact\n.bx--table-column-checkbox\n.bx--checkbox-label {\n min-height: 1.4375rem;\n height: 1.4375rem; }\n\n.bx--data-table--short thead tr,\n.bx--data-table--short tbody tr {\n height: 2rem; }\n\n.bx--data-table--short .bx--table-header-label {\n padding: 0.4375rem 0; }\n\n.bx--data-table--short td {\n padding-top: 0.4375rem;\n padding-bottom: 0.375rem; }\n\n.bx--data-table--short .bx--overflow-menu {\n height: 1.9375rem; }\n\n.bx--data-table.bx--data-table--short\n.bx--table-column-menu {\n padding-top: 0; }\n\n.bx--data-table.bx--data-table--short\n.bx--table-column-checkbox {\n padding-top: 0.1875rem;\n padding-bottom: 0.1875rem; }\n\n.bx--data-table--tall thead tr,\n.bx--data-table--tall tbody tr {\n height: 4rem; }\n\n.bx--data-table--tall .bx--table-header-label {\n padding: 1rem 0; }\n\n.bx--data-table--tall td {\n padding-top: 1rem; }\n\n.bx--data-table--cell-secondary-text {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px; }\n\n.bx--data-table.bx--data-table--tall\n.bx--table-column-menu,\n.bx--data-table.bx--data-table--tall\n.bx--table-column-checkbox {\n padding-top: 0.75rem; }\n\n.bx--data-table--static {\n width: auto; }\n\n.bx--data-table tr.bx--parent-row:first-of-type td {\n border-top: 1px solid #dcdcdc; }\n\n.bx--expandable-row--hidden td {\n border-top: 0;\n width: auto;\n padding: 1rem; }\n\ntr.bx--parent-row:not(.bx--expandable-row)\n+ tr[data-child-row] {\n height: 0;\n -webkit-transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\ntr.bx--parent-row:not(.bx--expandable-row)\n+ tr[data-child-row]\ntd {\n padding-top: 0;\n padding-bottom: 0;\n border: 0;\n background-color: #e5e5e5;\n -webkit-transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\ntr.bx--parent-row:not(.bx--expandable-row)\n+ tr[data-child-row]\ntd\n.bx--child-row-inner-container {\n overflow: hidden;\n max-height: 0; }\n\ntr.bx--parent-row.bx--expandable-row + tr[data-child-row] {\n -webkit-transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\ntr.bx--parent-row.bx--expandable-row + tr[data-child-row] td {\n padding-bottom: 1.4375rem;\n -webkit-transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\ntr.bx--parent-row.bx--expandable-row\n+ tr[data-child-row]\ntd\n.bx--child-row-inner-container {\n max-height: 100%; }\n\n.bx--parent-row.bx--expandable-row > td,\n.bx--parent-row.bx--expandable-row + tr[data-child-row] > td {\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #dcdcdc;\n box-shadow: 0 1px #dcdcdc; }\n\n.bx--parent-row:not(.bx--expandable-row)\n+ tr[data-child-row]\n> td {\n -webkit-box-shadow: none;\n box-shadow: none; }\n\n.bx--parent-row.bx--expandable-row > td:first-of-type {\n -webkit-box-shadow: none;\n box-shadow: none; }\n\ntr.bx--parent-row:not(.bx--expandable-row) td,\ntr.bx--parent-row.bx--expandable-row td,\ntr.bx--parent-row.bx--expandable-row {\n -webkit-transition: height 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: height 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\ntr.bx--parent-row.bx--expandable-row + tr[data-child-row] td {\n -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\ntr.bx--parent-row:not(.bx--expandable-row):first-of-type:hover\ntd {\n border-top: 1px solid #e5e5e5;\n border-bottom: 1px solid #e5e5e5; }\n\ntr.bx--parent-row.bx--expandable-row:hover td {\n background-color: #e5e5e5;\n border-top: 1px solid #e5e5e5;\n border-bottom: 1px solid #dcdcdc;\n color: #171717; }\n\ntr.bx--parent-row.bx--expandable-row:hover td:first-of-type {\n border-bottom: 1px solid #e5e5e5; }\n\ntr.bx--parent-row.bx--expandable-row:hover\n+ tr[data-child-row]\ntd {\n background-color: #e5e5e5;\n color: #171717;\n border-bottom: 1px solid #dcdcdc; }\n\ntr.bx--expandable-row--hover + tr[data-child-row] td {\n border-bottom: 1px solid #dcdcdc; }\n\ntr.bx--expandable-row--hover {\n background-color: #e5e5e5; }\n\ntr.bx--expandable-row--hover td {\n background-color: #e5e5e5;\n border-bottom: 1px solid #dcdcdc;\n border-top: 1px solid #e5e5e5;\n color: #171717; }\n\ntr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover\ntd:first-of-type {\n border-bottom: 1px solid #e5e5e5; }\n\n.bx--data-table td.bx--table-expand {\n width: 2.5rem;\n min-width: 2.5rem;\n vertical-align: top;\n padding-top: 0.4375rem;\n padding-bottom: 0; }\n\n.bx--table-expand[data-previous-value='collapsed']\n.bx--table-expand__svg {\n -webkit-transform: rotate(270deg);\n transform: rotate(270deg);\n -webkit-transition: -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--table-expand__button {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 2rem;\n width: 1rem; }\n .bx--table-expand__button::-moz-focus-inner {\n border: 0; }\n\n.bx--table-expand__button:focus {\n outline: 1px solid transparent; }\n\n.bx--table-expand__button:focus .bx--table-expand__svg {\n -webkit-box-shadow: inset 0px 0px 0px 1px #0062ff;\n box-shadow: inset 0px 0px 0px 1px #0062ff; }\n\n.bx--table-expand__svg {\n fill: #171717;\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n -webkit-transition: -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\nth.bx--table-expand {\n position: relative;\n vertical-align: middle; }\n\nth.bx--table-expand + th.bx--table-column-checkbox {\n padding-left: 0.5rem; }\n\ntr.bx--parent-row.bx--expandable-row\ntd.bx--table-expand\n+ td::after {\n position: absolute;\n content: '';\n left: 0;\n bottom: -0.0625rem;\n height: 0.0625rem;\n width: 0.5rem;\n background: #f3f3f3; }\n\ntr.bx--parent-row.bx--expandable-row:hover\ntd.bx--table-expand\n+ td::after,\ntr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover\ntd.bx--table-expand\n+ td::after {\n background: #e5e5e5; }\n\ntr.bx--parent-row.bx--data-table--selected\ntd.bx--table-expand\n+ td::after {\n display: none; }\n\ntr.bx--parent-row.bx--data-table--selected:first-of-type td {\n background: #dcdcdc;\n border-top: 1px solid #bebebe;\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #bebebe;\n box-shadow: 0 1px #bebebe; }\n\ntr.bx--parent-row.bx--data-table--selected td {\n background: #dcdcdc;\n color: #171717;\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #bebebe;\n box-shadow: 0 1px #bebebe; }\n\ntr.bx--parent-row.bx--data-table--selected:last-of-type td {\n background: #dcdcdc;\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #dcdcdc;\n box-shadow: 0 1px #dcdcdc; }\n\ntr.bx--parent-row.bx--data-table--selected:not(.bx--expandable-row):hover\ntd {\n background: #cacaca;\n border-top: 1px solid #cacaca;\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #cacaca;\n box-shadow: 0 1px #cacaca; }\n\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row\ntd,\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row\ntd:first-of-type {\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #dcdcdc;\n box-shadow: 0 1px #dcdcdc; }\n\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover\ntd,\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover\ntd:first-of-type,\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover\ntd,\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover\ntd:first-of-type {\n background: #cacaca;\n border-top: 1px solid #cacaca;\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #cacaca;\n box-shadow: 0 1px #cacaca; }\n\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row\n+ tr[data-child-row]\ntd {\n color: #171717;\n background-color: #e5e5e5;\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #bebebe;\n box-shadow: 0 1px #bebebe;\n border-top: 1px solid #bebebe; }\n\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row\n+ tr[data-child-row]:last-of-type\ntd {\n -webkit-box-shadow: inset 0 -1px #bebebe;\n box-shadow: inset 0 -1px #bebebe;\n padding-bottom: 1.5rem; }\n\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover\n+ tr[data-child-row]\ntd,\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover\n+ tr[data-child-row]\ntd {\n background: #dcdcdc; }\n\n.bx--data-table--sort th,\n.bx--data-table--sort\nth:first-of-type:not(.bx--table-column-checkbox):not(.bx--table-expand) {\n padding: 0;\n height: 3rem;\n border-top: none;\n border-bottom: none; }\n\n.bx--data-table--sort td {\n padding-left: 0.5rem;\n padding-right: 0.5rem; }\n\n.bx--data-table--sort th:first-of-type .bx--table-sort {\n padding-left: 0.75rem; }\n\n.bx--table-sort {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n position: relative;\n font: inherit;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n width: 100%;\n color: #171717;\n padding: 0 0.5rem;\n height: 100%; }\n .bx--table-sort::-moz-focus-inner {\n border: 0; }\n\n.bx--table-sort:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--table-sort:hover {\n background: #cacaca; }\n\n.bx--table-sort:focus svg,\n.bx--table-sort:hover svg {\n opacity: 1; }\n\n.bx--table-sort .bx--table-sort__icon-inactive {\n display: block; }\n\n.bx--table-sort .bx--table-sort__icon {\n display: none; }\n\n.bx--table-sort__icon-unsorted {\n position: relative;\n left: 0.125rem;\n margin-left: 0.5rem;\n margin-right: 0;\n opacity: 0;\n fill: #171717;\n width: auto;\n min-width: 1rem; }\n\n.bx--table-sort.bx--table-sort--active\n.bx--table-sort__icon-unsorted {\n display: none; }\n\n.bx--table-sort.bx--table-sort--active\n.bx--table-sort__icon {\n display: block;\n opacity: 1; }\n\n.bx--table-sort--ascending .bx--table-sort__icon {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg); }\n\n.bx--table-sort__icon {\n position: relative;\n left: 0.125rem;\n margin-left: 0.5rem;\n margin-right: 0;\n -webkit-transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 0;\n fill: #171717;\n width: auto;\n min-width: 1rem; }\n\n.bx--data-table--compact.bx--data-table--sort th {\n height: 1.5rem; }\n\n.bx--data-table--compact.bx--data-table--sort\nth\n.bx--table-sort {\n padding-top: 0;\n padding-bottom: 0; }\n\n.bx--data-table--short.bx--data-table--sort th {\n height: 2rem; }\n\n.bx--data-table--short.bx--data-table--sort\nth\n.bx--table-sort {\n padding-top: 0;\n padding-bottom: 0; }\n\n.bx--data-table--tall.bx--data-table--sort th {\n height: 4rem; }\n\n.bx--data-table--tall.bx--data-table--sort\nth\n.bx--table-sort {\n padding-top: 0;\n padding-bottom: 0; }\n\n.bx--data-table--tall.bx--data-table--sort\nth\n.bx--table-sort\nsvg {\n -ms-flex-item-align: start;\n align-self: flex-start;\n top: 0.5rem; }\n\n.bx--data-table--tall.bx--data-table--sort\nth\n.bx--table-sort\n.bx--table-header-label {\n -ms-flex-item-align: start;\n align-self: flex-start;\n position: relative;\n top: -0.5rem;\n max-height: 3rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical; }\n\n.bx--inline-edit-label {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--inline-edit-label:hover .bx--inline-edit-label__icon {\n opacity: 1; }\n\n.bx--inline-edit-label--inactive {\n display: none; }\n\n.bx--inline-edit-label__action {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer; }\n .bx--inline-edit-label__action::-moz-focus-inner {\n border: 0; }\n .bx--inline-edit-label__action:hover {\n cursor: pointer; }\n .bx--inline-edit-label__action:focus {\n outline: 1px solid #0062ff;\n padding: 0.125rem; }\n .bx--inline-edit-label__action:focus .bx--inline-edit-label__icon {\n width: auto;\n opacity: 1; }\n\n.bx--inline-edit-label__icon {\n fill: #171717;\n opacity: 0; }\n\n.bx--inline-edit-input {\n display: none; }\n\n.bx--inline-edit-input--active {\n display: block;\n margin-left: -0.75rem; }\n .bx--inline-edit-input--active input {\n padding-left: 0.75rem; }\n\n.bx--data-table--short input {\n height: 2rem; }\n\n.bx--data-table--short select {\n padding: 0.45rem 2.75rem 0.45rem 1rem; }\n\n.bx--data-table--short .bx--select__arrow {\n top: 0.875rem; }\n\n.bx--data-table.bx--skeleton th {\n border-bottom: 1px solid #0062ff;\n vertical-align: middle; }\n .bx--data-table.bx--skeleton th:nth-child(3n + 1) {\n width: 10%; }\n .bx--data-table.bx--skeleton th:nth-child(3n + 2) {\n width: 30%; }\n .bx--data-table.bx--skeleton th:nth-child(3n + 3) {\n width: 15%; }\n\n.bx--data-table.bx--skeleton th span,\n.bx--data-table.bx--skeleton td span {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 75%;\n height: 1rem;\n display: block; }\n .bx--data-table.bx--skeleton th span:hover, .bx--data-table.bx--skeleton th span:focus, .bx--data-table.bx--skeleton th span:active,\n .bx--data-table.bx--skeleton td span:hover,\n .bx--data-table.bx--skeleton td span:focus,\n .bx--data-table.bx--skeleton td span:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--data-table.bx--skeleton th span:before,\n .bx--data-table.bx--skeleton td span:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--data-table.bx--skeleton tr:hover td {\n border-color: #dcdcdc;\n background: transparent; }\n .bx--data-table.bx--skeleton tr:hover td:first-of-type, .bx--data-table.bx--skeleton tr:hover td:last-of-type {\n border-color: #dcdcdc; }\n\n.bx--data-table-v2.bx--skeleton .bx--table-sort-v2 {\n pointer-events: none; }\n\n.bx--structured-list--selection .bx--structured-list-td,\n.bx--structured-list--selection .bx--structured-list-th {\n padding-left: 1rem;\n padding-right: 1rem; }\n .bx--structured-list--selection .bx--structured-list-td:first-child,\n .bx--structured-list--selection .bx--structured-list-th:first-child {\n padding-left: 1rem;\n padding-right: 1rem; }\n\n.bx--structured-list-input {\n display: none; }\n\n.bx--structured-list {\n display: table;\n overflow-x: auto;\n overflow-y: hidden;\n width: 100%;\n min-width: 500px;\n border-collapse: collapse;\n border-spacing: 0;\n margin-bottom: 5rem;\n background-color: transparent; }\n .bx--structured-list.bx--structured-list--condensed .bx--structured-list-td,\n .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {\n padding: 0.5rem;\n padding-left: 0; }\n\n.bx--structured-list-row {\n display: table-row;\n border-bottom: 1px solid #dcdcdc;\n -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--structured-list--selection\n.bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {\n background-color: #f3f3f3;\n cursor: pointer;\n border-bottom: 1px solid #f3f3f3; }\n\n.bx--structured-list-row.bx--structured-list-row--selected {\n background-color: #dcdcdc; }\n\n.bx--structured-list-row.bx--structured-list-row--header-row {\n border-bottom: 1px solid #dcdcdc;\n cursor: inherit; }\n\n.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--structured-list--selection\n.bx--structured-list-row:hover:not(.bx--structured-list-row--header-row)\n> .bx--structured-list-td,\n.bx--structured-list-row.bx--structured-list-row--selected\n> .bx--structured-list-td {\n color: #171717; }\n\n.bx--structured-list--selection\n.bx--structured-list-row:hover:not(.bx--structured-list-row--header-row)\n> .bx--structured-list-td {\n border-top: 1px solid #f3f3f3; }\n\n.bx--structured-list-thead {\n display: table-header-group;\n vertical-align: middle; }\n\n.bx--structured-list-th {\n padding-left: 1rem;\n padding-right: 1rem;\n padding-top: 1rem;\n padding-bottom: 0.5rem;\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: table-cell;\n font-weight: 600;\n height: 2.5rem;\n text-align: left;\n text-transform: none;\n vertical-align: bottom; }\n\n.bx--structured-list-tbody {\n display: table-row-group;\n vertical-align: middle; }\n\n.bx--structured-list-td {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n padding-top: 1rem;\n padding-right: 1rem;\n padding-bottom: 1.5rem;\n padding-left: 1rem;\n line-height: 1.3125rem;\n position: relative;\n display: table-cell;\n max-width: 36rem;\n -webkit-transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--structured-list-th {\n color: #171717; }\n\n.bx--structured-list-td {\n color: #565656; }\n\n.bx--structured-list-content--nowrap {\n white-space: nowrap; }\n\n.bx--structured-list-svg {\n display: inline-block;\n fill: transparent;\n vertical-align: middle;\n -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--structured-list-row:hover .bx--structured-list-svg {\n fill: #a4a4a4; }\n\n.bx--structured-list-input:checked\n+ .bx--structured-list-row\n.bx--structured-list-svg,\n.bx--structured-list-input:checked\n+ .bx--structured-list-td\n.bx--structured-list-svg {\n fill: #171717; }\n\n.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {\n width: 8%; }\n\n.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n + 2) {\n width: 30%; }\n\n.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n + 3) {\n width: 15%; }\n\n.bx--structured-list.bx--skeleton .bx--structured-list-th span {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 75%;\n height: 1rem;\n display: block; }\n .bx--structured-list.bx--skeleton .bx--structured-list-th span:hover, .bx--structured-list.bx--skeleton .bx--structured-list-th span:focus, .bx--structured-list.bx--skeleton .bx--structured-list-th span:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--structured-list.bx--skeleton .bx--structured-list-th span:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--structured-list.bx--skeleton\n.bx--structured-list-th\nspan {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 75%;\n height: 1rem;\n display: block; }\n .bx--structured-list.bx--skeleton\n.bx--structured-list-th\nspan:hover, .bx--structured-list.bx--skeleton\n.bx--structured-list-th\nspan:focus, .bx--structured-list.bx--skeleton\n.bx--structured-list-th\nspan:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--structured-list.bx--skeleton\n.bx--structured-list-th\nspan:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--structured-list.bx--structured-list--selection.bx--skeleton\n.bx--structured-list-th:first-child {\n width: 5%; }\n .bx--structured-list.bx--structured-list--selection.bx--skeleton\n.bx--structured-list-th:first-child span {\n display: none; }\n\n.bx--snippet code {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px; }\n\n.bx--snippet--inline {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n position: relative;\n display: inline;\n padding: 0;\n border: 2px solid transparent;\n border-radius: 4px;\n background-color: #f3f3f3;\n color: #171717;\n cursor: pointer; }\n .bx--snippet--inline:hover {\n background-color: #dcdcdc; }\n .bx--snippet--inline:active {\n background-color: #bebebe; }\n .bx--snippet--inline:focus {\n outline: none;\n border: 2px solid #0062ff; }\n\n.bx--snippet--inline code {\n padding: 0 0.5rem; }\n\n.bx--snippet--inline.bx--snippet--light {\n background-color: #ffffff; }\n .bx--snippet--inline.bx--snippet--light:hover {\n background-color: rgba(23, 23, 23, 0.1); }\n\n.bx--snippet--single {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n background: #f3f3f3;\n border: 1px solid #dcdcdc;\n position: relative;\n max-width: 37.5rem;\n width: 100%;\n border: none;\n max-width: 47.5rem;\n min-width: 20rem;\n height: 2.5rem;\n padding: 0 56px 0 1rem; }\n\n.bx--snippet--single .bx--snippet-container {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n overflow-x: scroll;\n position: relative;\n padding: 0 0 1rem 0;\n height: 3.5rem; }\n\n.bx--snippet--single pre {\n white-space: nowrap;\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n padding-right: 0.5rem; }\n\n.bx--snippet--single::after {\n width: 1rem;\n height: 100%;\n content: '';\n position: absolute;\n top: 0;\n right: 3.5rem;\n background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#f3f3f3));\n background-image: linear-gradient(to right, transparent, #f3f3f3); }\n\n.bx--snippet--multi {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n background: #f3f3f3;\n border: 1px solid #dcdcdc;\n position: relative;\n max-width: 37.5rem;\n width: 100%;\n border: none;\n padding: 1rem;\n min-width: 20rem;\n max-width: 100%; }\n\n.bx--snippet--multi .bx--snippet-container {\n overflow: hidden;\n position: relative;\n max-height: 14.875rem;\n min-height: 3.5rem;\n -webkit-transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--snippet--multi.bx--snippet--expand\n.bx--snippet-container {\n max-height: 93.75rem;\n -webkit-transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--snippet--multi .bx--snippet-container pre {\n overflow: hidden;\n padding-bottom: 1.5rem; }\n\n.bx--snippet--multi.bx--snippet--expand\n.bx--snippet-container\npre {\n overflow-x: scroll; }\n\n.bx--snippet--multi .bx--snippet-container pre::after {\n width: 1rem;\n height: 100%;\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#f3f3f3));\n background-image: linear-gradient(to right, transparent, #f3f3f3); }\n\n.bx--snippet--multi .bx--snippet-container pre code {\n overflow: hidden; }\n\n.bx--snippet__icon {\n fill: #171717;\n height: 1rem;\n width: 1rem;\n -webkit-transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--snippet-button {\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n border: none;\n background-color: #f3f3f3;\n outline: none;\n padding: 0;\n height: 2.5rem;\n width: 2.5rem;\n overflow: visible; }\n .bx--snippet-button:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n outline-color: #0062ff; }\n\n.bx--snippet--multi .bx--snippet-button {\n height: 2rem;\n width: 2rem;\n top: 0.5rem;\n right: 0.5rem; }\n\n.bx--snippet-button:hover {\n background: #e5e5e5; }\n\n.bx--snippet-button:active {\n background-color: #bebebe; }\n\n.bx--btn--copy__feedback {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n z-index: 8000;\n font-weight: 400;\n left: inherit;\n top: 0.75rem;\n right: 1.25rem; }\n\n.bx--btn--copy__feedback:before,\n.bx--btn--copy__feedback:after {\n background: #3d3d3d; }\n\n.bx--btn--copy__feedback:after {\n border: none; }\n\nbutton.bx--btn.bx--snippet-btn--expand {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n position: absolute;\n right: 0.5rem;\n bottom: 0.5rem;\n padding: 0.5rem;\n padding-left: 1rem;\n color: #171717;\n background-color: #f3f3f3; }\n\nbutton.bx--btn.bx--snippet-btn--expand\n.bx--snippet-btn--text {\n position: relative;\n top: -0.0625rem; }\n\n.bx--snippet-btn--expand--hide.bx--snippet-btn--expand {\n display: none; }\n\n.bx--snippet-btn--expand .bx--icon-chevron--down {\n fill: #171717;\n margin-left: 0.5rem;\n margin-bottom: 0.0625rem;\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\nbutton.bx--btn.bx--snippet-btn--expand:hover {\n background: #e5e5e5;\n color: #171717; }\n\n.bx--snippet-btn--expand:active {\n background-color: #bebebe; }\n\n.bx--snippet-btn--expand:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--snippet--expand\n.bx--snippet-btn--expand\n.bx--icon-chevron--down {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n -webkit-transition: -webkit-transform 240ms;\n transition: -webkit-transform 240ms;\n transition: transform 240ms;\n transition: transform 240ms, -webkit-transform 240ms; }\n\n.bx--snippet--code.bx--skeleton {\n height: 6.125rem; }\n\n.bx--snippet--terminal.bx--skeleton {\n height: 3.5rem; }\n\n.bx--snippet.bx--skeleton .bx--snippet-container {\n height: 100%; }\n\n.bx--snippet.bx--skeleton code {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 100%;\n height: 1rem;\n display: block; }\n .bx--snippet.bx--skeleton code:hover, .bx--snippet.bx--skeleton code:focus, .bx--snippet.bx--skeleton code:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--snippet.bx--skeleton code:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--snippet-button .bx--btn--copy__feedback {\n top: 1.5625rem;\n left: 1rem;\n right: auto; }\n\n.bx--snippet--inline .bx--btn--copy__feedback {\n right: auto;\n left: 50%; }\n\nbx--snippet--multi.bx--skeleton {\n height: 6.125rem; }\n\n.bx--snippet--single.bx--skeleton {\n height: 3.5rem; }\n\n.bx--snippet.bx--skeleton .bx--snippet-container {\n height: 100%; }\n\n.bx--snippet.bx--skeleton span {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 100%;\n height: 1rem;\n display: block;\n margin-top: 0.5rem; }\n .bx--snippet.bx--skeleton span:hover, .bx--snippet.bx--skeleton span:focus, .bx--snippet.bx--skeleton span:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--snippet.bx--skeleton span:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n .bx--snippet.bx--skeleton span:first-child {\n margin: 0; }\n .bx--snippet.bx--skeleton span:nth-child(2) {\n width: 85%; }\n .bx--snippet.bx--skeleton span:nth-child(3) {\n width: 95%; }\n\n.bx--snippet--single.bx--skeleton\n.bx--snippet-container {\n padding-bottom: 0; }\n\n.bx--snippet--inline .bx--btn--copy__feedback {\n right: auto; }\n\n.bx--snippet--code.bx--skeleton {\n height: 6.125rem; }\n\n.bx--snippet--terminal.bx--skeleton {\n height: 3.5rem; }\n\n.bx--snippet.bx--skeleton .bx--snippet-container {\n height: 100%; }\n\n.bx--snippet.bx--skeleton code {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 100%;\n height: 1rem;\n display: block; }\n .bx--snippet.bx--skeleton code:hover, .bx--snippet.bx--skeleton code:focus, .bx--snippet.bx--skeleton code:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--snippet.bx--skeleton code:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--overflow-menu {\n outline: 2px solid transparent;\n outline-offset: -2px;\n position: relative;\n width: 2rem;\n height: 2rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n cursor: pointer;\n -webkit-transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n .bx--overflow-menu:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--overflow-menu:hover {\n background-color: #e5e5e5; }\n\n.bx--overflow-menu.bx--overflow-menu--open {\n background-color: #f3f3f3;\n -webkit-transition: none;\n transition: none;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); }\n\n.bx--overflow-menu__icon {\n height: 1rem;\n width: 1rem;\n fill: #171717; }\n\n.bx--overflow-menu-options {\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);\n display: none;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n position: absolute;\n z-index: 10000;\n background-color: #f3f3f3;\n width: 10rem;\n list-style: none;\n top: 32px;\n left: 0; }\n .bx--overflow-menu-options::after {\n content: '';\n position: absolute;\n display: block;\n background-color: #f3f3f3;\n -webkit-transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--overflow-menu-options[data-floating-menu-direction='bottom']::after {\n top: -0.1875rem;\n left: 0;\n width: 2rem;\n height: 0.1875rem; }\n\n.bx--overflow-menu-options[data-floating-menu-direction='top']::after {\n bottom: -0.375rem;\n left: 0;\n width: 2rem;\n height: 0.375rem; }\n\n.bx--overflow-menu-options[data-floating-menu-direction='left']::after {\n right: -0.375rem;\n top: 0;\n height: 2rem;\n width: 0.375rem; }\n\n.bx--overflow-menu-options[data-floating-menu-direction='right']::after {\n top: 0;\n left: -0.375rem;\n height: 2rem;\n width: 0.375rem; }\n\n.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='top']::after,\n.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='bottom']::after {\n left: auto;\n right: 0; }\n\n.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='left']::after,\n.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='right']::after {\n top: auto;\n bottom: 0; }\n\n.bx--overflow-menu-options--open {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--overflow-menu-options__option {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n background-color: transparent;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 100%;\n height: 2.5rem;\n padding: 0;\n -webkit-transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--overflow-menu--divider {\n border-top: 1px solid #dcdcdc; }\n\na.bx--overflow-menu-options__btn::before {\n content: '';\n height: 100%;\n vertical-align: middle;\n display: inline-block; }\n\n.bx--overflow-menu-options__btn {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n font-weight: 400;\n width: 100%;\n height: 100%;\n border: none;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n text-align: left;\n padding: 0 1rem;\n cursor: pointer;\n color: #565656;\n max-width: 11.25rem;\n -webkit-transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n .bx--overflow-menu-options__btn:hover {\n color: #171717; }\n .bx--overflow-menu-options__btn:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--overflow-menu-options__btn::-moz-focus-inner {\n border: none; }\n\n.bx--overflow-menu-options__btn svg {\n fill: #565656; }\n\n.bx--overflow-menu-options__btn:hover svg {\n fill: #171717; }\n\n.bx--overflow-menu-options__option-content {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis; }\n\n.bx--overflow-menu-options__option:hover {\n background-color: #e5e5e5; }\n\n.bx--overflow-menu-options__option--danger {\n border-top: 1px solid #dcdcdc; }\n\n.bx--overflow-menu-options__option--danger\n.bx--overflow-menu-options__btn:hover,\n.bx--overflow-menu-options__option--danger\n.bx--overflow-menu-options__btn:focus {\n color: #ffffff;\n background-color: #da1e28; }\n\n.bx--overflow-menu-options__option--disabled:hover {\n background-color: #f3f3f3;\n cursor: not-allowed; }\n\n.bx--overflow-menu-options__option--disabled\n.bx--overflow-menu-options__btn {\n color: #bebebe;\n pointer-events: none; }\n .bx--overflow-menu-options__option--disabled\n.bx--overflow-menu-options__btn:hover, .bx--overflow-menu-options__option--disabled\n.bx--overflow-menu-options__btn:active, .bx--overflow-menu-options__option--disabled\n.bx--overflow-menu-options__btn:focus {\n outline: 2px solid transparent;\n outline-offset: -2px;\n background-color: #f3f3f3; }\n\n.bx--overflow-menu-options__option--disabled\n.bx--overflow-menu-options__btn\nsvg {\n fill: #bebebe; }\n\n.bx--overflow-menu--flip {\n left: -140px; }\n .bx--overflow-menu--flip:before {\n left: 145px; }\n\n.bx--content-switcher {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n width: 100%;\n height: 2rem; }\n\n.bx--content-switcher--disabled {\n cursor: not-allowed; }\n\n.bx--content-switcher-btn {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n background-color: #f3f3f3;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 100%;\n height: 2.5rem;\n padding: 0.5rem 1rem;\n margin: 0;\n white-space: nowrap;\n overflow: hidden;\n text-align: left;\n text-decoration: none;\n border: none;\n color: #565656;\n -webkit-transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n position: relative; }\n .bx--content-switcher-btn:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0062ff;\n box-shadow: inset 0 0 0 2px #0062ff;\n z-index: 3; }\n .bx--content-switcher-btn:hover {\n cursor: pointer; }\n .bx--content-switcher-btn:hover, .bx--content-switcher-btn:active {\n background-color: #e5e5e5;\n color: #171717;\n z-index: 3; }\n .bx--content-switcher-btn:disabled {\n color: #dcdcdc;\n pointer-events: none; }\n .bx--content-switcher-btn:disabled:hover {\n cursor: not-allowed; }\n\n.bx--content-switcher-btn:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n\n.bx--content-switcher-btn:last-child {\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem; }\n\n.bx--content-switcher-btn:not(:first-of-type)::before {\n content: '';\n display: block;\n height: 1rem;\n width: 0.0625rem;\n background-color: #dcdcdc;\n position: absolute;\n z-index: 2;\n left: 0; }\n\n.bx--content-switcher-btn.bx--content-switcher--selected::before,\n.bx--content-switcher-btn.bx--content-switcher--selected\n+ .bx--content-switcher-btn::before,\n.bx--content-switcher-btn:focus::before,\n.bx--content-switcher-btn:focus\n+ .bx--content-switcher-btn::before,\n.bx--content-switcher-btn:hover::before,\n.bx--content-switcher-btn:hover\n+ .bx--content-switcher-btn::before {\n background-color: transparent; }\n\n.bx--content-switcher__icon {\n fill: #565656;\n -webkit-transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--content-switcher__icon + span {\n margin-left: 0.5rem; }\n\n.bx--content-switcher__label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%; }\n\n.bx--content-switcher-btn:hover .bx--content-switcher__icon,\n.bx--content-switcher-btn:focus .bx--content-switcher__icon {\n fill: #171717; }\n\n.bx--content-switcher-btn.bx--content-switcher--selected {\n background-color: #171717;\n color: #ffffff;\n z-index: 3; }\n .bx--content-switcher-btn.bx--content-switcher--selected:disabled {\n background-color: #bebebe; }\n\n.bx--content-switcher-btn.bx--content-switcher--selected\n.bx--content-switcher__icon {\n fill: #ffffff; }\n\n.flatpickr-calendar {\n background: transparent;\n overflow: hidden;\n max-height: 0;\n opacity: 0;\n visibility: hidden;\n text-align: center;\n padding: 0;\n -webkit-animation: none;\n animation: none;\n direction: ltr;\n border: 0;\n font-size: 14px;\n line-height: 24px;\n border-radius: 5px;\n position: absolute;\n width: 315px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n background: #fff;\n -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);\n box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); }\n\n.flatpickr-calendar.open,\n.flatpickr-calendar.inline {\n opacity: 1;\n visibility: visible;\n overflow: visible;\n max-height: 640px; }\n\n.flatpickr-calendar.open {\n display: inline-block;\n z-index: 99999; }\n\n.flatpickr-calendar.animate.open {\n -webkit-animation: fpFadeInDown 110ms cubic-bezier(0, 0, 0.38, 0.9);\n animation: fpFadeInDown 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.flatpickr-calendar.inline {\n display: block;\n position: relative;\n top: 2px; }\n\n.flatpickr-calendar.static {\n position: absolute;\n top: calc(100% + 2px); }\n\n.flatpickr-calendar.static.open {\n z-index: 999;\n display: block; }\n\n.flatpickr-calendar.hasWeeks {\n width: auto; }\n\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n\n.flatpickr-calendar .hasWeeks .dayContainer {\n border-left: 0; }\n\n.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n height: 40px;\n border-top: 1px solid #e6e6e6; }\n\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n height: auto; }\n\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n position: absolute;\n display: block;\n pointer-events: none;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n left: 22px; }\n\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.rightMost:after {\n left: auto;\n right: 22px; }\n\n.flatpickr-calendar:before {\n border-width: 5px;\n margin: 0 -5px; }\n\n.flatpickr-calendar:after {\n border-width: 4px;\n margin: 0 -4px; }\n\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n bottom: 100%; }\n\n.flatpickr-calendar.arrowTop:before {\n border-bottom-color: #e6e6e6; }\n\n.flatpickr-calendar.arrowTop:after {\n border-bottom-color: #fff; }\n\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n top: 100%; }\n\n.flatpickr-calendar.arrowBottom:before {\n border-top-color: #e6e6e6; }\n\n.flatpickr-calendar.arrowBottom:after {\n border-top-color: #fff; }\n\n.flatpickr-calendar:focus {\n outline: 0; }\n\n.flatpickr-wrapper {\n position: relative;\n display: inline-block; }\n\n.flatpickr-month {\n background: transparent;\n color: rgba(0, 0, 0, 0.9);\n fill: rgba(0, 0, 0, 0.9);\n height: 28px;\n line-height: 1;\n text-align: center;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden; }\n\n.flatpickr-prev-month,\n.flatpickr-next-month {\n text-decoration: none;\n cursor: pointer;\n position: absolute;\n top: 0px;\n line-height: 16px;\n height: 28px;\n padding: 10px calc(3.57% - 1.5px);\n z-index: 3; }\n\n.flatpickr-prev-month i,\n.flatpickr-next-month i {\n position: relative; }\n\n.flatpickr-prev-month.flatpickr-prev-month,\n.flatpickr-next-month.flatpickr-prev-month {\n /*\n /*rtl:begin:ignore*/\n /*\n */\n left: 0;\n /*\n /*rtl:end:ignore*/\n /*\n */ }\n\n/*\n /*rtl:begin:ignore*/\n/*\n /*rtl:end:ignore*/\n.flatpickr-prev-month.flatpickr-next-month,\n.flatpickr-next-month.flatpickr-next-month {\n /*\n /*rtl:begin:ignore*/\n /*\n */\n right: 0;\n /*\n /*rtl:end:ignore*/\n /*\n */ }\n\n/*\n /*rtl:begin:ignore*/\n/*\n /*rtl:end:ignore*/\n.flatpickr-prev-month:hover,\n.flatpickr-next-month:hover {\n color: #959ea9; }\n\n.flatpickr-prev-month:hover svg,\n.flatpickr-next-month:hover svg {\n fill: #f64747; }\n\n.flatpickr-prev-month svg,\n.flatpickr-next-month svg {\n width: 14px; }\n\n.flatpickr-prev-month svg path,\n.flatpickr-next-month svg path {\n -webkit-transition: fill 0.1s;\n transition: fill 0.1s;\n fill: inherit; }\n\n.numInputWrapper {\n position: relative;\n height: auto; }\n\n.numInputWrapper input,\n.numInputWrapper span {\n display: inline-block; }\n\n.numInputWrapper input {\n width: 100%; }\n\n.numInputWrapper span {\n position: absolute;\n right: 0;\n width: 14px;\n padding: 0 4px 0 2px;\n height: 50%;\n line-height: 50%;\n opacity: 0;\n cursor: pointer;\n border: 1px solid rgba(57, 57, 57, 0.05);\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.numInputWrapper span:hover {\n background: rgba(0, 0, 0, 0.1); }\n\n.numInputWrapper span:active {\n background: rgba(0, 0, 0, 0.2); }\n\n.numInputWrapper span:after {\n display: block;\n content: '';\n position: absolute;\n top: 33%; }\n\n.numInputWrapper span.arrowUp {\n top: 0;\n border-bottom: 0; }\n\n.numInputWrapper span.arrowUp:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-bottom: 4px solid rgba(57, 57, 57, 0.6); }\n\n.numInputWrapper span.arrowDown {\n top: 50%; }\n\n.numInputWrapper span.arrowDown:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 4px solid rgba(57, 57, 57, 0.6); }\n\n.numInputWrapper span svg {\n width: inherit;\n height: auto; }\n\n.numInputWrapper span svg path {\n fill: rgba(0, 0, 0, 0.5); }\n\n.numInputWrapper:hover {\n background: rgba(0, 0, 0, 0.05); }\n\n.numInputWrapper:hover span {\n opacity: 1; }\n\n.flatpickr-current-month {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: inherit;\n position: absolute;\n width: 75%;\n left: 12.5%;\n padding: 6.16px 0 0 0;\n height: 28px;\n display: inline-block;\n text-align: center;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px); }\n\n.flatpickr-current-month.slideLeft {\n -webkit-transform: translate3d(-100%, 0px, 0px);\n transform: translate3d(-100%, 0px, 0px);\n -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-current-month.slideLeftNew {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px);\n -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-current-month.slideRight {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px);\n -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-current-month.slideRightNew {\n -webkit-transform: translate3d(0, 0, 0px);\n transform: translate3d(0, 0, 0px);\n -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-current-month span.cur-month {\n font-family: inherit;\n font-weight: 600;\n color: inherit;\n display: inline-block;\n margin-left: 0.5ch;\n padding: 0; }\n\n.flatpickr-current-month span.cur-month:hover {\n background: rgba(0, 0, 0, 0.05); }\n\n.flatpickr-current-month .numInputWrapper {\n width: 6ch;\n width: 7ch\\0;\n display: inline-block; }\n\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\n border-bottom-color: rgba(0, 0, 0, 0.9); }\n\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\n border-top-color: rgba(0, 0, 0, 0.9); }\n\n.flatpickr-current-month input.cur-year {\n background: transparent;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: inherit;\n cursor: default;\n padding: 0 0 0 0.5ch;\n margin: 0;\n display: inline-block;\n font-size: inherit;\n font-family: inherit;\n font-weight: 300;\n line-height: inherit;\n height: auto;\n border: 0;\n border-radius: 0;\n vertical-align: baseline; }\n\n.flatpickr-current-month input.cur-year:focus {\n outline: 0; }\n\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n font-size: 100%;\n color: rgba(0, 0, 0, 0.5);\n background: transparent;\n pointer-events: none; }\n\n.flatpickr-weekdays {\n background: transparent;\n text-align: center;\n overflow: hidden;\n width: 315px;\n display: -ms-flexbox;\n display: -webkit-box;\n display: flex;\n -ms-flex-align: center;\n -webkit-box-align: center;\n align-items: center;\n height: 28px; }\n\nspan.flatpickr-weekday {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n cursor: default;\n background: transparent;\n color: rgba(0, 0, 0, 0.54);\n margin: 0;\n text-align: center;\n display: block;\n -ms-flex: 1;\n -webkit-box-flex: 1;\n flex: 1; }\n\n.dayContainer,\n.flatpickr-weeks {\n padding: 1px 0 0 0; }\n\n.flatpickr-days {\n position: relative;\n overflow: hidden;\n display: -ms-flexbox;\n display: -webkit-box;\n display: flex;\n width: 315px; }\n\n.flatpickr-days:focus {\n outline: 0; }\n\n.dayContainer {\n padding: 0;\n outline: 0;\n text-align: left;\n width: 315px;\n min-width: 315px;\n max-width: 315px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: inline-block;\n display: -ms-flexbox;\n display: -webkit-box;\n display: flex;\n flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n -ms-flex-pack: justify;\n justify-content: space-around;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n opacity: 1; }\n\n.flatpickr-calendar.animate .dayContainer.slideLeft {\n -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-calendar.animate .dayContainer.slideLeft,\n.flatpickr-calendar.animate .dayContainer.slideLeftNew {\n -webkit-transform: translate3d(-100%, 0px, 0px);\n transform: translate3d(-100%, 0px, 0px); }\n\n.flatpickr-calendar.animate .dayContainer.slideLeftNew {\n -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-calendar.animate .dayContainer.slideRight {\n -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px); }\n\n.flatpickr-calendar.animate .dayContainer.slideRightNew {\n -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-day {\n background: none;\n border: 1px solid transparent;\n border-radius: 150px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #393939;\n cursor: pointer;\n font-weight: 400;\n width: 14.2857143%;\n -ms-flex-preferred-size: 14.2857143%;\n flex-basis: 14.2857143%;\n max-width: 40px;\n height: 40px;\n line-height: 40px;\n margin: 0;\n display: inline-block;\n position: relative;\n -ms-flex-pack: center;\n -webkit-box-pack: center;\n justify-content: center;\n text-align: center; }\n\n.flatpickr-day.week.selected {\n border-radius: 0;\n -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;\n box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; }\n\n.flatpickr-weekwrapper {\n display: inline-block;\n float: left; }\n\n.flatpickr-weekwrapper .flatpickr-weeks {\n padding: 0 12px;\n -webkit-box-shadow: 1px 0 0 #e6e6e6;\n box-shadow: 1px 0 0 #e6e6e6; }\n\n.flatpickr-weekwrapper .flatpickr-weekday {\n float: none;\n width: 100%;\n line-height: 28px; }\n\n.flatpickr-weekwrapper span.flatpickr-day {\n display: block;\n width: 100%;\n max-width: none; }\n\n.flatpickr-innerContainer {\n display: block;\n display: -ms-flexbox;\n display: -webkit-box;\n display: flex;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden; }\n\n.flatpickr-rContainer {\n display: inline-block;\n padding: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.flatpickr-time {\n text-align: center;\n outline: 0;\n display: block;\n height: 0;\n line-height: 40px;\n max-height: 40px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n display: -ms-flexbox;\n display: -webkit-box;\n display: flex; }\n\n.flatpickr-time:after {\n content: '';\n display: table;\n clear: both; }\n\n.flatpickr-time .numInputWrapper {\n -ms-flex: 1;\n -webkit-box-flex: 1;\n flex: 1;\n width: 40%;\n height: 40px;\n float: left; }\n\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n border-bottom-color: #393939; }\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n border-top-color: #393939; }\n\n.flatpickr-time.hasSeconds .numInputWrapper {\n width: 26%; }\n\n.flatpickr-time.time24hr .numInputWrapper {\n width: 49%; }\n\n.flatpickr-time input {\n background: transparent;\n -webkit-box-shadow: none;\n box-shadow: none;\n border: 0;\n border-radius: 0;\n text-align: center;\n margin: 0;\n padding: 0;\n height: inherit;\n line-height: inherit;\n cursor: pointer;\n color: #393939;\n font-size: 14px;\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.flatpickr-time input.flatpickr-hour {\n font-weight: bold; }\n\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n font-weight: 400; }\n\n.flatpickr-time input:focus {\n outline: 0;\n border: 0; }\n\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n height: inherit;\n display: inline-block;\n float: left;\n line-height: inherit;\n color: #393939;\n font-weight: bold;\n width: 2%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center; }\n\n.flatpickr-time .flatpickr-am-pm {\n outline: 0;\n width: 18%;\n cursor: pointer;\n text-align: center;\n font-weight: 400; }\n\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time .flatpickr-am-pm:focus {\n background: #f0f0f0; }\n\n.flatpickr-input[readonly] {\n cursor: pointer; }\n\n@-webkit-keyframes fpFadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes fpFadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@-webkit-keyframes fpSlideLeft {\n from {\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px); }\n to {\n -webkit-transform: translate3d(-100%, 0px, 0px);\n transform: translate3d(-100%, 0px, 0px); } }\n\n@keyframes fpSlideLeft {\n from {\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px); }\n to {\n -webkit-transform: translate3d(-100%, 0px, 0px);\n transform: translate3d(-100%, 0px, 0px); } }\n\n@-webkit-keyframes fpSlideLeftNew {\n from {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px); }\n to {\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px); } }\n\n@keyframes fpSlideLeftNew {\n from {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px); }\n to {\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px); } }\n\n@-webkit-keyframes fpSlideRight {\n from {\n -webkit-transform: translate3d(0, 0, 0px);\n transform: translate3d(0, 0, 0px); }\n to {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px); } }\n\n@keyframes fpSlideRight {\n from {\n -webkit-transform: translate3d(0, 0, 0px);\n transform: translate3d(0, 0, 0px); }\n to {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px); } }\n\n@-webkit-keyframes fpSlideRightNew {\n from {\n -webkit-transform: translate3d(-100%, 0, 0px);\n transform: translate3d(-100%, 0, 0px); }\n to {\n -webkit-transform: translate3d(0, 0, 0px);\n transform: translate3d(0, 0, 0px); } }\n\n@keyframes fpSlideRightNew {\n from {\n -webkit-transform: translate3d(-100%, 0, 0px);\n transform: translate3d(-100%, 0, 0px); }\n to {\n -webkit-transform: translate3d(0, 0, 0px);\n transform: translate3d(0, 0, 0px); } }\n\n@-webkit-keyframes fpFadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n@keyframes fpFadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n@-webkit-keyframes fpFadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n@keyframes fpFadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n.bx--date-picker {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--date-picker--light .bx--date-picker__input {\n background: #ffffff; }\n\n.bx--date-picker ~ .bx--label {\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1; }\n\n.bx--date-picker-container {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between; }\n\n.bx--date-picker-input__wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--date-picker-input__wrapper ~ .bx--form-requirement {\n max-height: 12.5rem;\n display: block;\n color: #da1e28;\n font-weight: 400;\n margin-top: 0.25rem;\n overflow: visible; }\n .bx--date-picker-input__wrapper ~ .bx--form-requirement::before {\n display: none; }\n\n.bx--date-picker.bx--date-picker--simple .bx--date-picker__input {\n width: 7.5rem; }\n\n.bx--date-picker.bx--date-picker--simple.bx--date-picker--short .bx--date-picker__input {\n width: 5.7rem; }\n\n.bx--date-picker.bx--date-picker--single .bx--date-picker-container {\n max-width: 18rem; }\n\n.bx--date-picker.bx--date-picker--single .bx--date-picker__input {\n width: 18rem; }\n\n.bx--date-picker__input {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.32px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n display: block;\n position: relative;\n height: 2.5rem;\n max-width: 18rem;\n padding: 0 1rem;\n background-color: #f3f3f3;\n border: none;\n color: #171717;\n border-bottom: 1px solid #8c8c8c;\n -webkit-transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) all;\n transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) all; }\n .bx--date-picker__input:focus, .bx--date-picker__input.bx--focused {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--date-picker__input[data-invalid], .bx--date-picker__input[data-invalid]:focus {\n outline: 2px solid #da1e28;\n outline-offset: -2px; }\n .bx--date-picker__input:disabled {\n color: #bebebe;\n background-color: #f3f3f3;\n border-bottom: 1px solid transparent;\n cursor: not-allowed; }\n .bx--date-picker__input:disabled:hover {\n border-bottom: 1px solid transparent; }\n .bx--date-picker__input::-webkit-input-placeholder {\n color: #8c8c8c; }\n .bx--date-picker__input::-ms-input-placeholder {\n color: #8c8c8c; }\n .bx--date-picker__input::placeholder {\n color: #8c8c8c; }\n\n.bx--date-picker__icon {\n position: absolute;\n right: 1rem;\n fill: #171717;\n cursor: pointer;\n z-index: 1; }\n\n.bx--date-picker__icon ~ .bx--date-picker__input {\n padding-right: 3rem; }\n\n.bx--date-picker--range\n> .bx--date-picker-container:first-child {\n margin-right: 0.0625rem; }\n\n.bx--date-picker--range .bx--date-picker-container,\n.bx--date-picker--range .bx--date-picker__input {\n width: 8.96875rem; }\n\n.bx--date-picker__calendar,\n.flatpickr-calendar.open {\n -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);\n background-color: #f3f3f3;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n padding: 0.25rem 0.25rem 0.5rem 0.25rem;\n width: 18rem !important;\n height: 21rem;\n border-radius: 0;\n border: none;\n overflow: hidden;\n margin-top: -2px; }\n .bx--date-picker__calendar:before, .bx--date-picker__calendar:after,\n .flatpickr-calendar.open:before,\n .flatpickr-calendar.open:after {\n display: none; }\n .bx--date-picker__calendar:focus,\n .flatpickr-calendar.open:focus {\n outline: 1px solid #0062ff; }\n\n.bx--date-picker__month,\n.flatpickr-month {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 100%;\n height: 2.5rem;\n margin-bottom: 0.25rem; }\n\n.bx--date-picker__month .flatpickr-prev-month,\n.bx--date-picker__month .flatpickr-next-month,\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n height: 2.5rem;\n width: 2.5rem;\n padding: 0;\n fill: #171717;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--date-picker__month .flatpickr-prev-month:hover,\n .bx--date-picker__month .flatpickr-next-month:hover,\n .flatpickr-months .flatpickr-prev-month:hover,\n .flatpickr-months .flatpickr-next-month:hover {\n background-color: #e5e5e5; }\n\n.flatpickr-current-month .numInputWrapper {\n width: 7ch; }\n\n.bx--date-picker__month .flatpickr-current-month,\n.flatpickr-month .flatpickr-current-month {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n padding: 0; }\n\n.bx--date-picker__month .flatpickr-current-month svg,\n.flatpickr-month .flatpickr-current-month svg {\n fill: #171717; }\n\n.bx--date-picker__month .flatpickr-current-month .cur-month,\n.flatpickr-month .flatpickr-current-month .cur-month {\n margin-right: 0.25rem;\n color: #171717; }\n\n.bx--date-picker__month .numInputWrapper .numInput,\n.flatpickr-month .numInputWrapper .numInput {\n font-weight: 600;\n color: #171717;\n background-color: #f3f3f3;\n border: none;\n border-radius: 0;\n padding: 0.25rem;\n -moz-appearance: textfield;\n /* Firefox */ }\n .bx--date-picker__month .numInputWrapper .numInput:focus,\n .flatpickr-month .numInputWrapper .numInput:focus {\n outline: 1px solid #0062ff; }\n .bx--date-picker__month .numInputWrapper .numInput::-webkit-outer-spin-button, .bx--date-picker__month .numInputWrapper .numInput::-webkit-inner-spin-button,\n .flatpickr-month .numInputWrapper .numInput::-webkit-outer-spin-button,\n .flatpickr-month .numInputWrapper .numInput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n /* <-- Apparently some margin are still there even though it's hidden */ }\n\n.bx--date-picker__month .numInputWrapper span.arrowUp,\n.bx--date-picker__month .numInputWrapper span.arrowDown,\n.flatpickr-month .numInputWrapper span.arrowUp,\n.flatpickr-month .numInputWrapper span.arrowDown {\n left: 2.6rem;\n border: none;\n width: 0.75rem; }\n .bx--date-picker__month .numInputWrapper span.arrowUp:hover,\n .bx--date-picker__month .numInputWrapper span.arrowDown:hover,\n .flatpickr-month .numInputWrapper span.arrowUp:hover,\n .flatpickr-month .numInputWrapper span.arrowDown:hover {\n background: none; }\n .bx--date-picker__month .numInputWrapper span.arrowUp:hover:after,\n .bx--date-picker__month .numInputWrapper span.arrowDown:hover:after,\n .flatpickr-month .numInputWrapper span.arrowUp:hover:after,\n .flatpickr-month .numInputWrapper span.arrowDown:hover:after {\n border-bottom-color: #0062ff;\n border-top-color: #0062ff; }\n .bx--date-picker__month .numInputWrapper span.arrowUp:after,\n .bx--date-picker__month .numInputWrapper span.arrowDown:after,\n .flatpickr-month .numInputWrapper span.arrowUp:after,\n .flatpickr-month .numInputWrapper span.arrowDown:after {\n border-bottom-color: #171717;\n border-top-color: #171717; }\n\n.bx--date-picker__month .numInputWrapper span.arrowUp,\n.flatpickr-month .numInputWrapper span.arrowUp {\n top: 4px; }\n\n.bx--date-picker__month .numInputWrapper span.arrowDown,\n.flatpickr-month .numInputWrapper span.arrowDown {\n top: 11px; }\n\nspan.bx--date-picker__weekday,\nspan.flatpickr-weekday {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #171717;\n font-weight: 400; }\n\n.bx--date-picker__day,\n.flatpickr-day {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n height: 2.5rem;\n width: 2.5rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n color: #171717;\n border-radius: 0;\n border: none;\n -webkit-transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--date-picker__day:hover,\n .flatpickr-day:hover {\n background: #e5e5e5; }\n .bx--date-picker__day:focus,\n .flatpickr-day:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--date-picker__days .nextMonthDay,\n.bx--date-picker__days .prevMonthDay {\n color: #565656; }\n\n.bx--date-picker__day.today,\n.flatpickr-day.today {\n position: relative;\n color: #0062ff;\n font-weight: 600; }\n .bx--date-picker__day.today::after,\n .flatpickr-day.today::after {\n content: '';\n position: absolute;\n display: block;\n bottom: 0.4375rem;\n left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n height: 0.25rem;\n width: 0.25rem;\n background: #0062ff; }\n\n.bx--date-picker__day.today.no-border,\n.flatpickr-day.today.no-border {\n border: none; }\n\n.bx--date-picker__day.today.selected {\n border: 2px solid #0062ff; }\n .bx--date-picker__day.today.selected::after {\n display: none; }\n\n.bx--date-picker__day.disabled,\n.flatpickr-day.disabled {\n cursor: not-allowed;\n opacity: 0.5;\n color: #171717; }\n .bx--date-picker__day.disabled:hover,\n .flatpickr-day.disabled:hover {\n background: transparent; }\n\n.bx--date-picker__day.inRange,\n.flatpickr-day.inRange {\n background: #c9deff;\n color: #171717; }\n\n.bx--date-picker__day.selected,\n.flatpickr-day.selected {\n color: #ffffff;\n background: #0062ff; }\n\n.bx--date-picker__day.startRange.selected,\n.flatpickr-day.startRange.selected {\n -webkit-box-shadow: none;\n box-shadow: none;\n z-index: 2; }\n\n.bx--date-picker__day.endRange:hover,\n.flatpickr-day.endRange:hover {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n background: #f3f3f3;\n color: #171717; }\n\n.bx--date-picker__day.endRange.inRange,\n.flatpickr-day.endRange.inRange {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n background: #f3f3f3;\n z-index: 3; }\n\n.bx--date-picker__day.endRange.inRange.selected,\n.flatpickr-day.endRange.inRange.selected {\n color: #ffffff;\n background: #0062ff; }\n\n.bx--date-picker__day.startRange.inRange:not(.selected),\n.flatpickr-day.startRange.inRange:not(.selected) {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n background: #f3f3f3;\n z-index: 3; }\n\n.bx--date-picker__days,\n.dayContainer {\n width: 100%;\n min-width: 100%;\n height: 15.375rem; }\n\n.flatpickr-innerContainer,\n.flatpickr-rContainer {\n width: 100%;\n height: auto; }\n\n.bx--date-picker__weekdays,\n.flatpickr-weekdays,\n.flatpickr-weekdaycontainer {\n width: 100%; }\n\n.flatpickr-weekdays {\n height: 2.5rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n\n.flatpickr-weekdaycontainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.flatpickr-months {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n position: relative; }\n\n.flatpickr-prev-month,\n.flatpickr-next-month {\n padding-top: 12px; }\n\n.flatpickr-prev-month:hover svg,\n.flatpickr-next-month:hover svg {\n fill: #171717; }\n\n.flatpickr-next-month.disabled svg,\n.flatpickr-prev-month.disabled svg {\n fill: #171717;\n opacity: 0.5;\n cursor: not-allowed; }\n\n.flatpickr-next-month.disabled:hover svg,\n.flatpickr-prev-month.disabled:hover svg {\n fill: #171717; }\n\n.bx--date-picker.bx--skeleton input,\n.bx--date-picker__input.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 100%; }\n .bx--date-picker.bx--skeleton input:hover, .bx--date-picker.bx--skeleton input:focus, .bx--date-picker.bx--skeleton input:active,\n .bx--date-picker__input.bx--skeleton:hover,\n .bx--date-picker__input.bx--skeleton:focus,\n .bx--date-picker__input.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--date-picker.bx--skeleton input:before,\n .bx--date-picker__input.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n .bx--date-picker.bx--skeleton input::-webkit-input-placeholder,\n .bx--date-picker__input.bx--skeleton::-webkit-input-placeholder {\n color: transparent; }\n\n.bx--date-picker.bx--skeleton .bx--label {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 4.6875rem;\n height: 0.875rem; }\n .bx--date-picker.bx--skeleton .bx--label:hover, .bx--date-picker.bx--skeleton .bx--label:focus, .bx--date-picker.bx--skeleton .bx--label:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--date-picker.bx--skeleton .bx--label:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--dropdown__wrapper--inline {\n display: inline-grid;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n grid-template: auto auto / auto -webkit-min-content;\n grid-template: auto auto / auto min-content;\n grid-gap: 0.25rem; }\n .bx--dropdown__wrapper--inline .bx--label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px; }\n .bx--dropdown__wrapper--inline .bx--label,\n .bx--dropdown__wrapper--inline .bx--form__helper-text,\n .bx--dropdown__wrapper--inline .bx--form-requirement {\n margin: 0; }\n .bx--dropdown__wrapper--inline .bx--form-requirement {\n grid-column: 2; }\n\n.bx--dropdown {\n outline: 2px solid transparent;\n outline-offset: -2px;\n position: relative;\n list-style: none;\n display: block;\n background-color: #f3f3f3;\n border: none;\n border-bottom: 1px solid #8c8c8c;\n width: 100%;\n height: 2.5rem;\n cursor: pointer;\n color: #171717;\n outline: 2px solid transparent;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--dropdown:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--dropdown:hover {\n background-color: #e5e5e5; }\n\n.bx--dropdown--open {\n border-bottom-color: #dcdcdc; }\n\n.bx--dropdown--invalid {\n outline: 2px solid #da1e28;\n outline-offset: -2px; }\n .bx--dropdown--invalid .bx--dropdown-text {\n padding-right: 3.5rem; }\n .bx--dropdown--invalid + .bx--form-requirement {\n display: inline-block;\n max-height: 12.5rem;\n color: #da1e28; }\n\n.bx--dropdown__invalid-icon {\n position: absolute;\n top: 50%;\n right: 2.5rem;\n fill: #da1e28;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%); }\n\n.bx--dropdown--open:hover {\n background-color: #f3f3f3; }\n\n.bx--dropdown--open:focus {\n outline: 1px solid transparent; }\n\n.bx--dropdown--open .bx--dropdown-list {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); }\n\n.bx--dropdown--light {\n background-color: #ffffff; }\n\n.bx--dropdown--up .bx--dropdown-list {\n bottom: 2rem; }\n\n.bx--dropdown__arrow {\n fill: #171717;\n position: absolute;\n right: 1rem;\n top: 0.8125rem;\n pointer-events: none;\n -webkit-transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-transform-origin: 50% 45%;\n transform-origin: 50% 45%; }\n\n.bx--dropdown-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: block;\n height: 2.5rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n padding-left: 1rem;\n padding-right: 2.625rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis; }\n\n.bx--dropdown-list {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n background-color: #f3f3f3;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n list-style: none;\n position: absolute;\n z-index: 9100;\n max-height: 0;\n -webkit-transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n overflow: hidden auto; }\n\n.bx--dropdown-item {\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n opacity: 0; }\n .bx--dropdown-item:hover {\n background-color: #e5e5e5; }\n .bx--dropdown-item:hover + .bx--dropdown-item .bx--dropdown-link {\n border-color: transparent; }\n .bx--dropdown-item:active {\n background-color: #dcdcdc; }\n .bx--dropdown-item:first-of-type .bx--dropdown-link {\n border-top-color: transparent; }\n\n.bx--dropdown-item:last-of-type .bx--dropdown-link {\n border-bottom: none; }\n\n.bx--dropdown-link {\n outline: 2px solid transparent;\n outline-offset: -2px;\n display: block;\n height: 2.5rem;\n color: #565656;\n text-decoration: none;\n font-weight: normal;\n line-height: 1rem;\n padding: 0.6875rem 0;\n margin: 0 1rem;\n border: 1px solid transparent;\n border-top-color: #dcdcdc;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap; }\n .bx--dropdown-link:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n margin: 0;\n padding: 0.6875rem 1rem; }\n .bx--dropdown-link:hover {\n color: #171717;\n border-color: transparent; }\n\n.bx--dropdown-item:hover .bx--dropdown-link {\n border-bottom-color: #e5e5e5; }\n\n.bx--dropdown--selected {\n display: none; }\n\n.bx--dropdown--open .bx--dropdown__arrow {\n -webkit-transform: rotate(-180deg);\n transform: rotate(-180deg); }\n\n.bx--dropdown--open .bx--dropdown-list {\n max-height: 15rem;\n -webkit-transition: max-height 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: max-height 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--dropdown--open .bx--dropdown-item {\n opacity: 1; }\n\n.bx--dropdown--disabled {\n border-bottom-color: transparent;\n cursor: not-allowed; }\n .bx--dropdown--disabled:hover {\n background-color: #f3f3f3; }\n .bx--dropdown--disabled:focus {\n outline: none; }\n .bx--dropdown--disabled .bx--dropdown-text {\n color: #bebebe; }\n .bx--dropdown--disabled .bx--dropdown__arrow {\n fill: #bebebe; }\n .bx--dropdown--disabled.bx--dropdown--light:hover {\n background-color: #ffffff; }\n\n.bx--dropdown--auto-width {\n width: auto;\n max-width: 25rem; }\n\n.bx--dropdown--inline {\n justify-self: start;\n display: inline-block;\n border-bottom-color: transparent;\n width: auto;\n height: 2rem;\n background-color: #ffffff;\n -webkit-transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9); }\n .bx--dropdown--inline:hover {\n background-color: #e5e5e5; }\n .bx--dropdown--inline.bx--dropdown--disabled {\n background-color: #ffffff; }\n .bx--dropdown--inline .bx--dropdown__arrow {\n top: 0.5rem;\n right: 0.5rem; }\n\n.bx--dropdown--inline.bx--dropdown--open {\n background-color: transparent; }\n\n.bx--dropdown--inline .bx--dropdown-text {\n display: inline-block;\n padding: 0.4375rem 2rem 0.4375rem 0.75rem;\n height: 2rem;\n overflow: visible;\n color: #171717; }\n\n.bx--dropdown--inline.bx--dropdown--disabled\n.bx--dropdown-text {\n color: #bebebe; }\n\n.bx--dropdown--inline.bx--dropdown--disabled:focus\n.bx--dropdown-text {\n outline: 0; }\n\n.bx--dropdown--inline.bx--dropdown--invalid\n.bx--dropdown__invalid-icon {\n right: 2rem; }\n\n.bx--dropdown--inline.bx--dropdown--invalid\n.bx--dropdown-text {\n padding-right: 3.5rem; }\n\n.bx--dropdown--inline.bx--dropdown--open:focus\n.bx--dropdown-list {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); }\n\n.bx--dropdown--inline .bx--dropdown-link {\n font-weight: normal;\n margin-right: 0.75rem;\n margin-left: 0.625rem; }\n .bx--dropdown--inline .bx--dropdown-link:focus {\n margin: 0;\n padding-left: 0.625rem; }\n\n.bx--dropdown-v2.bx--skeleton,\n.bx--dropdown.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1); }\n .bx--dropdown-v2.bx--skeleton:hover, .bx--dropdown-v2.bx--skeleton:focus, .bx--dropdown-v2.bx--skeleton:active,\n .bx--dropdown.bx--skeleton:hover,\n .bx--dropdown.bx--skeleton:focus,\n .bx--dropdown.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--dropdown-v2.bx--skeleton:before,\n .bx--dropdown.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes rotate-end-p1 {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes rotate-end-p2 {\n 100% {\n -webkit-transform: rotate(-360deg);\n transform: rotate(-360deg); } }\n\n/* Stroke animations */\n@keyframes init-stroke {\n 0% {\n stroke-dashoffset: 240; }\n 100% {\n stroke-dashoffset: 40; } }\n\n@keyframes stroke-end {\n 0% {\n stroke-dashoffset: 40; }\n 100% {\n stroke-dashoffset: 240; } }\n\n.bx--modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n content: '';\n background-color: transparent;\n opacity: 0;\n visibility: hidden;\n -webkit-transition: background-color 720ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), z-index 720ms cubic-bezier(0.4, 0.14, 1, 1), visibility 240ms cubic-bezier(0.4, 0.14, 1, 1);\n transition: background-color 720ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), z-index 720ms cubic-bezier(0.4, 0.14, 1, 1), visibility 240ms cubic-bezier(0.4, 0.14, 1, 1); }\n .bx--modal.is-visible {\n z-index: 9000;\n visibility: visible;\n opacity: 1;\n background-color: rgba(23, 23, 23, 0.5);\n -webkit-transition: background-color 720ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1), z-index 720ms cubic-bezier(0, 0, 0.3, 1), visibility 240ms cubic-bezier(0, 0, 0.3, 1);\n transition: background-color 720ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1), z-index 720ms cubic-bezier(0, 0, 0.3, 1), visibility 240ms cubic-bezier(0, 0, 0.3, 1); }\n .bx--modal .bx--text-input,\n .bx--modal .bx--select-input {\n background-color: #ffffff; }\n\n.bx--modal--danger .bx--modal-container {\n border-top-color: #da1e28; }\n\n.bx--modal.is-visible .bx--modal-container {\n -webkit-transition: -webkit-transform 240ms cubic-bezier(0, 0, 0.3, 1);\n transition: -webkit-transform 240ms cubic-bezier(0, 0, 0.3, 1);\n transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);\n transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), -webkit-transform 240ms cubic-bezier(0, 0, 0.3, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n\n.bx--modal-container {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n background-color: #f3f3f3;\n width: 100%;\n height: 100%;\n max-height: 100%;\n overflow: hidden;\n -webkit-transform-origin: top center;\n transform-origin: top center;\n -webkit-transform: translate3d(0, -24px, 0);\n transform: translate3d(0, -24px, 0);\n -webkit-transition: -webkit-transform 240ms cubic-bezier(0.4, 0.14, 1, 1);\n transition: -webkit-transform 240ms cubic-bezier(0.4, 0.14, 1, 1);\n transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1);\n transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1), -webkit-transform 240ms cubic-bezier(0.4, 0.14, 1, 1); }\n @media (min-width: 42rem) {\n .bx--modal-container {\n width: 50%;\n max-width: 768px;\n max-height: 90%;\n height: auto; } }\n @media (min-width: 66rem) {\n .bx--modal-container {\n max-height: 80%; } }\n\n.bx--modal-header,\n.bx--modal-content {\n width: 75%;\n padding-left: 1rem; }\n\n.bx--modal-header,\n.bx--modal-footer {\n -ms-flex-negative: 0;\n flex-shrink: 0; }\n\n.bx--modal-header {\n padding-top: 1rem;\n margin-bottom: 1rem; }\n\n.bx--modal-header__label {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n color: #565656;\n margin-bottom: 0.25rem; }\n\n.bx--modal-header__heading {\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.625rem;\n letter-spacing: 0;\n color: #171717; }\n\n.bx--modal-content {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n overflow-y: auto;\n margin-bottom: 3rem;\n color: #171717;\n font-weight: 400; }\n\n.bx--modal-content > * {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px; }\n\n.bx--modal-footer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin-top: auto;\n height: 4rem;\n background-color: #dcdcdc; }\n .bx--modal-footer button.bx--btn {\n max-width: none;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n height: 4rem;\n margin: 0;\n padding-top: 1rem;\n padding-bottom: 2rem; }\n\n.bx--modal-close {\n position: absolute;\n top: 0;\n right: 0;\n height: 3rem;\n width: 3rem;\n padding: 0.75rem;\n border: 2px solid transparent;\n overflow: hidden;\n cursor: pointer;\n background-color: transparent;\n -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--modal-close:hover {\n background-color: #e5e5e5; }\n .bx--modal-close:focus {\n outline: none;\n border-color: #0062ff; }\n\n.bx--modal-close__icon {\n fill: #171717;\n height: 1.25rem;\n width: 1.25rem; }\n\n.bx--multi-select .bx--list-box__menu {\n min-width: auto; }\n\n.bx--multi-select\n.bx--list-box__menu-item__option\n.bx--checkbox-wrapper {\n width: 100%;\n height: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--multi-select\n.bx--list-box__menu-item__option\n> .bx--form-item {\n margin: 0;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row; }\n\n.bx--multi-select\n.bx--list-box__menu-item\n.bx--checkbox:checked\n~ .bx--checkbox-label-text {\n color: #171717; }\n\n.bx--multi-select--filterable .bx--list-box__selection--multi {\n position: absolute;\n left: 0.5rem;\n right: auto; }\n\n.bx--multi-select--selected .bx--text-input {\n padding-left: 3.5rem; }\n\n.bx--inline-notification {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n height: auto;\n min-height: 3rem;\n min-width: 18rem;\n max-width: 18rem;\n color: #ffffff;\n margin-top: 1rem;\n margin-bottom: 1rem; }\n @media (min-width: 42rem) {\n .bx--inline-notification {\n max-width: 38rem; } }\n @media (min-width: 66rem) {\n .bx--inline-notification {\n max-width: 46rem; } }\n @media (min-width: 99rem) {\n .bx--inline-notification {\n max-width: 52rem; } }\n\n.bx--inline-notification--low-contrast {\n color: #171717;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); }\n\n.bx--inline-notification--error {\n border-left: 3px solid #fb4b53;\n background: #3d3d3d; }\n .bx--inline-notification--error .bx--inline-notification__icon,\n .bx--inline-notification--error .bx--toast-notification__icon {\n fill: #fb4b53; }\n\n.bx--inline-notification--low-contrast.bx--inline-notification--error {\n border-left: 3px solid #da1e28;\n background: #fff0f1; }\n .bx--inline-notification--low-contrast.bx--inline-notification--error .bx--inline-notification__icon,\n .bx--inline-notification--low-contrast.bx--inline-notification--error .bx--toast-notification__icon {\n fill: #da1e28; }\n\n.bx--inline-notification--success {\n border-left: 3px solid #3dbb61;\n background: #3d3d3d; }\n .bx--inline-notification--success .bx--inline-notification__icon,\n .bx--inline-notification--success .bx--toast-notification__icon {\n fill: #3dbb61; }\n\n.bx--inline-notification--low-contrast.bx--inline-notification--success {\n border-left: 3px solid #24a148;\n background: #dafbe4; }\n .bx--inline-notification--low-contrast.bx--inline-notification--success .bx--inline-notification__icon,\n .bx--inline-notification--low-contrast.bx--inline-notification--success .bx--toast-notification__icon {\n fill: #24a148; }\n\n.bx--inline-notification--info {\n border-left: 3px solid #408bfc;\n background: #3d3d3d; }\n .bx--inline-notification--info .bx--inline-notification__icon,\n .bx--inline-notification--info .bx--toast-notification__icon {\n fill: #408bfc; }\n\n.bx--inline-notification--low-contrast.bx--inline-notification--info {\n border-left: 3px solid #054ada;\n background: #edf4ff; }\n .bx--inline-notification--low-contrast.bx--inline-notification--info .bx--inline-notification__icon,\n .bx--inline-notification--low-contrast.bx--inline-notification--info .bx--toast-notification__icon {\n fill: #054ada; }\n\n.bx--inline-notification--info .bx--inline-notification__icon {\n display: none; }\n\n.bx--inline-notification--warning {\n border-left: 3px solid #fdd13a;\n background: #3d3d3d; }\n .bx--inline-notification--warning .bx--inline-notification__icon,\n .bx--inline-notification--warning .bx--toast-notification__icon {\n fill: #fdd13a; }\n\n.bx--inline-notification--low-contrast.bx--inline-notification--warning {\n border-left: 3px solid #fdd13a;\n background: #fff8e1; }\n .bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--inline-notification__icon,\n .bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--toast-notification__icon {\n fill: #fdd13a; }\n\n.bx--inline-notification--warning\n.bx--inline-notification__icon\npath[opacity='0'] {\n fill: #171717;\n opacity: 1; }\n\n.bx--inline-notification__details {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin: 0 1rem; }\n\n.bx--inline-notification__icon {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n margin-right: 1rem;\n margin-top: 0.875rem; }\n\n.bx--inline-notification__text-wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding: 0.75rem 0; }\n\n.bx--inline-notification__title {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n margin: 0 0.25rem 0 0;\n white-space: nowrap; }\n\n.bx--inline-notification__subtitle {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n word-break: break-word; }\n\n.bx--inline-notification__close-button {\n outline: 2px solid transparent;\n outline-offset: -2px;\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0;\n height: 3rem;\n width: 3rem;\n min-width: 3rem;\n max-width: 3rem;\n -webkit-transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--inline-notification__close-button:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--inline-notification__close-button .bx--inline-notification__close-icon {\n height: 1rem;\n width: 1rem;\n fill: #ffffff; }\n\n.bx--inline-notification--low-contrast\n.bx--inline-notification__close-button\n.bx--inline-notification__close-icon {\n fill: #171717; }\n\n.bx--toast-notification {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 18rem;\n height: auto;\n padding-left: 1rem;\n color: #ffffff;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n margin-right: 1rem;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); }\n .bx--toast-notification:first-child {\n margin-top: 1rem; }\n @media (min-width: 99rem) {\n .bx--toast-notification {\n width: 22rem; } }\n\n.bx--toast-notification--low-contrast {\n color: #171717; }\n\n.bx--toast-notification--error {\n border-left: 3px solid #fb4b53;\n background: #3d3d3d; }\n .bx--toast-notification--error .bx--inline-notification__icon,\n .bx--toast-notification--error .bx--toast-notification__icon {\n fill: #fb4b53; }\n\n.bx--toast-notification--low-contrast.bx--toast-notification--error {\n border-left: 3px solid #da1e28;\n background: #fff0f1; }\n .bx--toast-notification--low-contrast.bx--toast-notification--error .bx--inline-notification__icon,\n .bx--toast-notification--low-contrast.bx--toast-notification--error .bx--toast-notification__icon {\n fill: #da1e28; }\n\n.bx--toast-notification--success {\n border-left: 3px solid #3dbb61;\n background: #3d3d3d; }\n .bx--toast-notification--success .bx--inline-notification__icon,\n .bx--toast-notification--success .bx--toast-notification__icon {\n fill: #3dbb61; }\n\n.bx--toast-notification--low-contrast.bx--toast-notification--success {\n border-left: 3px solid #24a148;\n background: #dafbe4; }\n .bx--toast-notification--low-contrast.bx--toast-notification--success .bx--inline-notification__icon,\n .bx--toast-notification--low-contrast.bx--toast-notification--success .bx--toast-notification__icon {\n fill: #24a148; }\n\n.bx--toast-notification--info {\n border-left: 3px solid #408bfc;\n background: #3d3d3d; }\n .bx--toast-notification--info .bx--inline-notification__icon,\n .bx--toast-notification--info .bx--toast-notification__icon {\n fill: #408bfc; }\n\n.bx--toast-notification--low-contrast.bx--toast-notification--info {\n border-left: 3px solid #054ada;\n background: #edf4ff; }\n .bx--toast-notification--low-contrast.bx--toast-notification--info .bx--inline-notification__icon,\n .bx--toast-notification--low-contrast.bx--toast-notification--info .bx--toast-notification__icon {\n fill: #054ada; }\n\n.bx--toast-notification--warning {\n border-left: 3px solid #fdd13a;\n background: #3d3d3d; }\n .bx--toast-notification--warning .bx--inline-notification__icon,\n .bx--toast-notification--warning .bx--toast-notification__icon {\n fill: #fdd13a; }\n\n.bx--toast-notification--low-contrast.bx--toast-notification--warning {\n border-left: 3px solid #fdd13a;\n background: #fff8e1; }\n .bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--inline-notification__icon,\n .bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--toast-notification__icon {\n fill: #fdd13a; }\n\n.bx--toast-notification--warning\n.bx--toast-notification__icon\npath[opacity='0'] {\n fill: #171717;\n opacity: 1; }\n\n.bx--toast-notification__icon {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n margin-right: 1rem;\n margin-top: 1rem; }\n\n.bx--toast-notification__details {\n margin-right: 1rem; }\n\n.bx--toast-notification__close-button {\n outline: 2px solid transparent;\n outline-offset: -2px;\n background-color: transparent;\n border: none;\n cursor: pointer;\n margin-left: auto;\n padding: 0;\n height: 3rem;\n width: 3rem;\n min-height: 3rem;\n min-width: 3rem;\n -webkit-transition: outline 110ms, background-color 110ms;\n transition: outline 110ms, background-color 110ms; }\n .bx--toast-notification__close-button:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--toast-notification__close-button .bx--toast-notification__close-icon {\n height: 1rem;\n width: 1rem;\n fill: #ffffff; }\n\n.bx--toast-notification--low-contrast\n.bx--toast-notification__close-button\n.bx--toast-notification__close-icon {\n fill: #171717; }\n\n.bx--toast-notification__title {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n font-weight: 600;\n margin-top: 1rem;\n word-break: break-word; }\n\n.bx--toast-notification__subtitle {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #ffffff;\n margin-top: 0;\n margin-bottom: 1.5rem;\n word-break: break-word; }\n\n.bx--toast-notification--low-contrast\n.bx--toast-notification__subtitle {\n color: #171717; }\n\n.bx--toast-notification__caption {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #ffffff;\n margin-bottom: 1rem; }\n\n.bx--toast-notification--low-contrast\n.bx--toast-notification__caption {\n color: #171717; }\n\n.bx--tooltip__label {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #565656; }\n .bx--tooltip__label .bx--tooltip__trigger {\n margin-left: 0.5rem; }\n\n.bx--tooltip__label:focus {\n outline: 1px solid #0062ff; }\n\n.bx--tooltip__trigger:not(.bx--btn--icon-only) {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n font-size: 1rem; }\n .bx--tooltip__trigger:not(.bx--btn--icon-only)::-moz-focus-inner {\n border: 0; }\n .bx--tooltip__trigger:not(.bx--btn--icon-only):focus {\n outline: 1px solid #0062ff;\n fill: #0353e9; }\n .bx--tooltip__trigger:not(.bx--btn--icon-only) path,\n .bx--tooltip__trigger:not(.bx--btn--icon-only) polygon,\n .bx--tooltip__trigger:not(.bx--btn--icon-only) circle {\n fill: #565656; }\n\n.bx--tooltip__label--bold {\n font-weight: 600; }\n\n.bx--tooltip {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n position: absolute;\n display: none;\n min-width: 13rem;\n max-width: 18rem;\n background: #3d3d3d;\n margin-top: 0.25rem;\n padding: 1rem;\n border-radius: 0.125rem;\n z-index: 10000;\n word-wrap: break-word;\n color: #ffffff; }\n .bx--tooltip p {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px; }\n .bx--tooltip button {\n padding-right: 2rem; }\n .bx--tooltip .bx--link {\n color: #6ea6ff;\n font-size: 0.875rem; }\n .bx--tooltip .bx--link:active {\n color: #ffffff; }\n .bx--tooltip .bx--link:visited {\n color: #6ea6ff; }\n .bx--tooltip .bx--tooltip__caret {\n position: absolute;\n background: #3d3d3d;\n left: 0;\n top: -0.25rem;\n right: 0;\n -webkit-transform: rotate(-135deg);\n transform: rotate(-135deg);\n width: 0.6rem;\n height: 0.6rem;\n margin: 0 auto;\n content: ''; }\n .bx--tooltip .bx--tooltip__footer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n margin-top: 1rem; }\n .bx--tooltip[data-floating-menu-direction='left'] .bx--tooltip__caret {\n left: auto;\n top: 50%;\n right: -0.25rem;\n -webkit-transform: rotate(-45deg) translate(50%, -50%);\n transform: rotate(-45deg) translate(50%, -50%); }\n .bx--tooltip[data-floating-menu-direction='top'] .bx--tooltip__caret {\n top: auto;\n bottom: -0.25rem;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg); }\n .bx--tooltip[data-floating-menu-direction='right'] .bx--tooltip__caret {\n left: -0.25rem;\n top: 50%;\n right: auto;\n -webkit-transform: rotate(135deg) translate(-50%, 50%);\n transform: rotate(135deg) translate(-50%, 50%); }\n\n.bx--tooltip--shown {\n display: block; }\n\n/* begin legacy definition tooltip TODO: deprecate */\n.bx--tooltip--definition {\n position: relative; }\n .bx--tooltip--definition .bx--tooltip__trigger {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n border-bottom: 1px dotted #0062ff;\n color: #171717; }\n .bx--tooltip--definition .bx--tooltip__trigger:hover {\n cursor: pointer; }\n .bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__top,\n .bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__bottom {\n display: block; }\n .bx--tooltip--definition .bx--tooltip__trigger:focus {\n outline: 1px solid #0062ff; }\n .bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__top,\n .bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__bottom {\n display: block; }\n\n.bx--tooltip--definition__bottom,\n.bx--tooltip--definition__top {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n position: absolute;\n z-index: 1;\n display: none;\n background: #3d3d3d;\n width: 13rem;\n margin-top: 0.75rem;\n padding: 0.5rem 1rem;\n border-radius: 0.125rem;\n pointer-events: none;\n cursor: pointer; }\n .bx--tooltip--definition__bottom p,\n .bx--tooltip--definition__top p {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #ffffff; }\n .bx--tooltip--definition__bottom .bx--tooltip__caret,\n .bx--tooltip--definition__top .bx--tooltip__caret {\n position: absolute;\n right: 0;\n left: 0;\n width: 0.6rem;\n height: 0.6rem;\n background: #3d3d3d;\n margin-left: 1rem; }\n\n.bx--tooltip--definition__bottom .bx--tooltip__caret {\n top: -0.2rem;\n -webkit-transform: rotate(-135deg);\n transform: rotate(-135deg); }\n\n.bx--tooltip--definition__top {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n margin-top: -2rem; }\n .bx--tooltip--definition__top .bx--tooltip__caret {\n bottom: -0.2rem;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg); }\n\n.bx--tooltip--definition__align-end {\n right: 0; }\n\n.bx--tooltip--definition__align-center {\n margin-left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%); }\n\n.bx--tooltip--definition__top.bx--tooltip--definition__align-center {\n margin-left: 50%;\n -webkit-transform: translate(-50%, -100%);\n transform: translate(-50%, -100%); }\n\n.bx--tooltip--definition__align-center .bx--tooltip__caret {\n left: auto;\n margin-left: auto;\n margin-right: calc(50% - 6px); }\n\n.bx--tooltip--definition__align-end .bx--tooltip__caret {\n left: auto;\n margin-left: auto;\n margin-right: 1rem; }\n\n/* end legacy definition tooltip */\n.bx--tooltip__trigger.bx--tooltip__trigger--definition {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n border-bottom: 0.0625rem dotted #0062ff; }\n\n.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.5rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n content: attr(aria-label);\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus::after {\n opacity: 1; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {\n left: 0;\n -webkit-transform: translate(0, calc(-1 * (100% + 0.25rem + 0.3125rem)));\n transform: translate(0, calc(-1 * (100% + 0.25rem + 0.3125rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::after {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::after {\n left: 0;\n -webkit-transform: translate(0, calc(-1 * (100% + 0.25rem + 0.3125rem)));\n transform: translate(0, calc(-1 * (100% + 0.25rem + 0.3125rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::after {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::after {\n left: 50%;\n -webkit-transform: translate(-50%, calc(-1 * (100% + 0.25rem + 0.3125rem)));\n transform: translate(-50%, calc(-1 * (100% + 0.25rem + 0.3125rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::after {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::after {\n right: 0;\n left: initial;\n -webkit-transform: translate(0, calc(-1 * (100% + 0.25rem + 0.3125rem)));\n transform: translate(0, calc(-1 * (100% + 0.25rem + 0.3125rem))); }\n\n.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.5rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n content: attr(aria-label);\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus::after {\n opacity: 1; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.25rem));\n transform: translate(-50%, calc(0.3125rem + 0.25rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {\n left: 0;\n -webkit-transform: translate(0, calc(100% + 0.25rem + 0.3125rem));\n transform: translate(0, calc(100% + 0.25rem + 0.3125rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::after {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.25rem));\n transform: translate(-50%, calc(0.3125rem + 0.25rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::after {\n left: 0;\n -webkit-transform: translate(0, calc(100% + 0.25rem + 0.3125rem));\n transform: translate(0, calc(100% + 0.25rem + 0.3125rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::after {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.25rem));\n transform: translate(-50%, calc(0.3125rem + 0.25rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::after {\n -webkit-transform: translate(-50%, calc(100% + 0.25rem + 0.3125rem));\n transform: translate(-50%, calc(100% + 0.25rem + 0.3125rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::after {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.25rem));\n transform: translate(-50%, calc(0.3125rem + 0.25rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::after {\n right: 0;\n left: initial;\n -webkit-transform: translate(0, calc(100% + 0.25rem + 0.3125rem));\n transform: translate(0, calc(100% + 0.25rem + 0.3125rem)); }\n\n/* begin tooltip icon (TODO: deprecate) */\n.bx--tooltip--icon {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--tooltip--icon__top,\n.bx--tooltip--icon__bottom {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip--icon__top::before, .bx--tooltip--icon__top::after,\n .bx--tooltip--icon__bottom::before,\n .bx--tooltip--icon__bottom::after {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip--icon__top::before,\n .bx--tooltip--icon__bottom::before {\n right: 0;\n left: 0;\n width: 0;\n height: 0;\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-style: solid;\n border-color: transparent transparent #3d3d3d transparent;\n margin: 0 auto;\n content: '';\n margin-top: 1px;\n margin-left: 50%; }\n .bx--tooltip--icon__top::after,\n .bx--tooltip--icon__bottom::after {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n min-width: 1.5rem;\n max-width: 13rem;\n height: 1.5rem;\n margin-left: 50%;\n padding: 0 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n content: attr(aria-label);\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n white-space: nowrap;\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip--icon__top:hover::before, .bx--tooltip--icon__top:hover::after, .bx--tooltip--icon__top:focus::before, .bx--tooltip--icon__top:focus::after,\n .bx--tooltip--icon__bottom:hover::before,\n .bx--tooltip--icon__bottom:hover::after,\n .bx--tooltip--icon__bottom:focus::before,\n .bx--tooltip--icon__bottom:focus::after {\n opacity: 1; }\n .bx--tooltip--icon__top:hover svg, .bx--tooltip--icon__top:focus svg,\n .bx--tooltip--icon__bottom:hover svg,\n .bx--tooltip--icon__bottom:focus svg {\n fill: #565656; }\n .bx--tooltip--icon__top:focus,\n .bx--tooltip--icon__bottom:focus {\n outline: 1px solid transparent; }\n .bx--tooltip--icon__top:focus svg,\n .bx--tooltip--icon__bottom:focus svg {\n outline: 1px solid #0062ff; }\n\n.bx--tooltip--icon__top::before {\n top: 1px;\n -webkit-transform: translate(-50%, calc(-100% - 9px)) rotate(180deg);\n transform: translate(-50%, calc(-100% - 9px)) rotate(180deg); }\n\n.bx--tooltip--icon__top::after {\n top: 0;\n -webkit-transform: translate(-50%, calc(-100% - 12px));\n transform: translate(-50%, calc(-100% - 12px)); }\n\n.bx--tooltip--icon__bottom::before {\n bottom: 0;\n -webkit-transform: translate(-50%, 10px) rotate(0);\n transform: translate(-50%, 10px) rotate(0); }\n\n.bx--tooltip--icon__bottom::after {\n bottom: 0;\n -webkit-transform: translate(-50%, calc(100% + 10px));\n transform: translate(-50%, calc(100% + 10px)); }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-start::before {\n top: 1px;\n margin-left: 4px;\n -webkit-transform: translate(0, calc(-100% - 9px)) rotate(180deg);\n transform: translate(0, calc(-100% - 9px)) rotate(180deg); }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-start::after {\n top: 0;\n margin-left: 0;\n -webkit-transform: translate(0, calc(-100% - 12px));\n transform: translate(0, calc(-100% - 12px)); }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-end::before {\n top: 1px;\n margin-right: 4px;\n left: auto;\n right: 0;\n -webkit-transform: translate(0, calc(-100% - 9px)) rotate(180deg);\n transform: translate(0, calc(-100% - 9px)) rotate(180deg); }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-end::after {\n top: 0;\n margin-left: 0;\n right: 0;\n -webkit-transform: translate(0, calc(-100% - 12px));\n transform: translate(0, calc(-100% - 12px)); }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-start::before {\n bottom: 0;\n margin-left: 4px;\n -webkit-transform: translate(0, 10px) rotate(0);\n transform: translate(0, 10px) rotate(0); }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-start::after {\n bottom: 0;\n margin-left: 0;\n -webkit-transform: translate(0, calc(100% + 10px));\n transform: translate(0, calc(100% + 10px)); }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-end::before {\n bottom: 0;\n margin-right: 4px;\n left: auto;\n right: 0;\n -webkit-transform: translate(0, 10px) rotate(0);\n transform: translate(0, 10px) rotate(0); }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-end::after {\n bottom: 0;\n margin-left: 0;\n right: 0;\n -webkit-transform: translate(0, calc(100% + 10px));\n transform: translate(0, calc(100% + 10px)); }\n\n.bx--tooltip--icon .bx--tooltip__trigger svg {\n margin-left: 0; }\n\n/* end legacy tooltip icon */\n.bx--tooltip__trigger:hover svg, .bx--tooltip__trigger:focus svg {\n fill: #565656; }\n\n.bx--tooltip__trigger.bx--tooltip--top {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip--top:focus {\n outline: 1px solid transparent; }\n .bx--tooltip__trigger.bx--tooltip--top:focus svg {\n outline: 1px solid #0062ff; }\n .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip--top::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--tooltip__trigger.bx--tooltip--top::after {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n content: attr(aria-label);\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip__trigger.bx--tooltip--top:hover::before, .bx--tooltip__trigger.bx--tooltip--top:hover::after, .bx--tooltip__trigger.bx--tooltip--top:focus::before, .bx--tooltip__trigger.bx--tooltip--top:focus::after {\n opacity: 1; }\n .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--top::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem))); }\n .bx--tooltip__trigger.bx--tooltip--top::after {\n left: 50%;\n -webkit-transform: translate(-50%, calc(-1 * (100% + 0.5rem + 0.3125rem)));\n transform: translate(-50%, calc(-1 * (100% + 0.5rem + 0.3125rem))); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::after {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem))); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::after {\n left: 0;\n -webkit-transform: translate(0, calc(-1 * (100% + 0.5rem + 0.3125rem)));\n transform: translate(0, calc(-1 * (100% + 0.5rem + 0.3125rem))); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::after {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem))); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::after {\n left: 50%;\n -webkit-transform: translate(-50%, calc(-1 * (100% + 0.5rem + 0.3125rem)));\n transform: translate(-50%, calc(-1 * (100% + 0.5rem + 0.3125rem))); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::after {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem))); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::after {\n right: 0;\n left: initial;\n -webkit-transform: translate(0, calc(-1 * (100% + 0.5rem + 0.3125rem)));\n transform: translate(0, calc(-1 * (100% + 0.5rem + 0.3125rem))); }\n\n.bx--tooltip__trigger.bx--tooltip--right {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip--right:focus {\n outline: 1px solid transparent; }\n .bx--tooltip__trigger.bx--tooltip--right:focus svg {\n outline: 1px solid #0062ff; }\n .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip--right::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--tooltip__trigger.bx--tooltip--right::after {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n content: attr(aria-label);\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip__trigger.bx--tooltip--right:hover::before, .bx--tooltip__trigger.bx--tooltip--right:hover::after, .bx--tooltip__trigger.bx--tooltip--right:focus::before, .bx--tooltip__trigger.bx--tooltip--right:focus::after {\n opacity: 1; }\n .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after {\n top: 50%;\n right: 0; }\n .bx--tooltip__trigger.bx--tooltip--right::before {\n border-width: 0.25rem 0.3125rem 0.25rem 0;\n border-color: transparent #3d3d3d transparent transparent;\n -webkit-transform: translate(calc(0.3125rem + 0.5rem), -50%);\n transform: translate(calc(0.3125rem + 0.5rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right::after {\n -webkit-transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%);\n transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::after {\n top: 50%;\n right: 0; }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::before {\n border-width: 0.25rem 0.3125rem 0.25rem 0;\n border-color: transparent #3d3d3d transparent transparent;\n -webkit-transform: translate(calc(0.3125rem + 0.5rem), -50%);\n transform: translate(calc(0.3125rem + 0.5rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::after {\n -webkit-transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%);\n transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::after {\n top: 50%;\n right: 0; }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::before {\n border-width: 0.25rem 0.3125rem 0.25rem 0;\n border-color: transparent #3d3d3d transparent transparent;\n -webkit-transform: translate(calc(0.3125rem + 0.5rem), -50%);\n transform: translate(calc(0.3125rem + 0.5rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::after {\n -webkit-transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%);\n transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::after {\n top: 50%;\n right: 0; }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::before {\n border-width: 0.25rem 0.3125rem 0.25rem 0;\n border-color: transparent #3d3d3d transparent transparent;\n -webkit-transform: translate(calc(0.3125rem + 0.5rem), -50%);\n transform: translate(calc(0.3125rem + 0.5rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::after {\n -webkit-transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%);\n transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%); }\n\n.bx--tooltip__trigger.bx--tooltip--bottom {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip--bottom:focus {\n outline: 1px solid transparent; }\n .bx--tooltip__trigger.bx--tooltip--bottom:focus svg {\n outline: 1px solid #0062ff; }\n .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip--bottom::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--tooltip__trigger.bx--tooltip--bottom::after {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n content: attr(aria-label);\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip__trigger.bx--tooltip--bottom:hover::before, .bx--tooltip__trigger.bx--tooltip--bottom:hover::after, .bx--tooltip__trigger.bx--tooltip--bottom:focus::before, .bx--tooltip__trigger.bx--tooltip--bottom:focus::after {\n opacity: 1; }\n .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--bottom::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.5rem));\n transform: translate(-50%, calc(0.3125rem + 0.5rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom::after {\n -webkit-transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem));\n transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::after {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.5rem));\n transform: translate(-50%, calc(0.3125rem + 0.5rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::after {\n left: 0;\n -webkit-transform: translate(0, calc(100% + 0.5rem + 0.3125rem));\n transform: translate(0, calc(100% + 0.5rem + 0.3125rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::after {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.5rem));\n transform: translate(-50%, calc(0.3125rem + 0.5rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::after {\n -webkit-transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem));\n transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::after {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.5rem));\n transform: translate(-50%, calc(0.3125rem + 0.5rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::after {\n right: 0;\n left: initial;\n -webkit-transform: translate(0, calc(100% + 0.5rem + 0.3125rem));\n transform: translate(0, calc(100% + 0.5rem + 0.3125rem)); }\n\n.bx--tooltip__trigger.bx--tooltip--left {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip--left:focus {\n outline: 1px solid transparent; }\n .bx--tooltip__trigger.bx--tooltip--left:focus svg {\n outline: 1px solid #0062ff; }\n .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip--left::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--tooltip__trigger.bx--tooltip--left::after {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n content: attr(aria-label);\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip__trigger.bx--tooltip--left:hover::before, .bx--tooltip__trigger.bx--tooltip--left:hover::after, .bx--tooltip__trigger.bx--tooltip--left:focus::before, .bx--tooltip__trigger.bx--tooltip--left:focus::after {\n opacity: 1; }\n .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after {\n top: 50%;\n left: 0; }\n .bx--tooltip__trigger.bx--tooltip--left::before {\n border-width: 0.25rem 0 0.25rem 0.3125rem;\n border-color: transparent transparent transparent #3d3d3d;\n -webkit-transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%);\n transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left::after {\n -webkit-transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%);\n transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::after {\n top: 50%;\n left: 0; }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::before {\n border-width: 0.25rem 0 0.25rem 0.3125rem;\n border-color: transparent transparent transparent #3d3d3d;\n -webkit-transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%);\n transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::after {\n -webkit-transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%);\n transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::after {\n top: 50%;\n left: 0; }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::before {\n border-width: 0.25rem 0 0.25rem 0.3125rem;\n border-color: transparent transparent transparent #3d3d3d;\n -webkit-transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%);\n transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::after {\n -webkit-transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%);\n transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::after {\n top: 50%;\n left: 0; }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::before {\n border-width: 0.25rem 0 0.25rem 0.3125rem;\n border-color: transparent transparent transparent #3d3d3d;\n -webkit-transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%);\n transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::after {\n -webkit-transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%);\n transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%); }\n\n.bx--tabs {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #171717;\n height: auto;\n width: 100%;\n position: relative; }\n @media (min-width: 42rem) {\n .bx--tabs {\n background: none;\n min-height: 3rem; } }\n\n.bx--tabs-trigger {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 0 1rem;\n height: 2.5rem;\n cursor: pointer;\n color: #171717;\n outline: 2px solid transparent;\n border-bottom: 1px solid #8c8c8c;\n background-color: #f3f3f3; }\n @media (min-width: 42rem) {\n .bx--tabs-trigger {\n display: none; } }\n\n.bx--tabs-trigger:focus,\n.bx--tabs-trigger:active {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--tabs-trigger svg {\n width: 0.75rem;\n height: 0.4375rem;\n fill: #171717;\n -webkit-transition: -webkit-transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tabs-trigger--open:focus,\n.bx--tabs-trigger--open:active {\n outline: 2px solid transparent;\n outline-offset: -2px;\n -webkit-transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tabs-trigger--open {\n background: #dcdcdc; }\n\n.bx--tabs-trigger--open svg {\n -webkit-transform: rotate(-180deg);\n transform: rotate(-180deg);\n -webkit-transition: -webkit-transform 70ms;\n transition: -webkit-transform 70ms;\n transition: transform 70ms;\n transition: transform 70ms, -webkit-transform 70ms;\n -webkit-transform-origin: 50% 45%;\n transform-origin: 50% 45%; }\n\n.bx--tabs--light.bx--tabs-trigger {\n background-color: #ffffff; }\n\n.bx--tabs-trigger-text {\n text-decoration: none;\n padding-top: 2px;\n color: #171717;\n font-weight: 400; }\n\n.bx--tabs-trigger-text:hover {\n color: #171717; }\n\n.bx--tabs-trigger-text:focus {\n outline: none; }\n\n.bx--tabs__nav {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n margin: 0;\n padding: 0;\n position: absolute;\n list-style: none;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n z-index: 9100;\n background: #f3f3f3;\n -webkit-transition: max-height 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: max-height 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n max-height: 600px;\n width: 100%; }\n @media (min-width: 42rem) {\n .bx--tabs__nav {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n background: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n z-index: auto;\n -webkit-transition: inherit;\n transition: inherit;\n max-height: auto;\n width: auto; } }\n\n.bx--tabs__nav--hidden {\n -webkit-transition: max-height 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: max-height 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n overflow: hidden;\n max-height: 0; }\n @media (min-width: 42rem) {\n .bx--tabs__nav--hidden {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-transition: inherit;\n transition: inherit;\n overflow: visible;\n max-height: none; } }\n\n.bx--tabs__nav-item {\n background-color: #f3f3f3;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 0;\n cursor: pointer;\n width: 100%;\n height: 2.5rem;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n @media (min-width: 42rem) {\n .bx--tabs__nav-item {\n background: transparent;\n height: auto; }\n .bx--tabs__nav-item + .bx--tabs__nav-item {\n margin-left: 0.125rem; } }\n\n.bx--tabs__nav-item .bx--tabs__nav-link {\n -webkit-transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n@media (min-width: 42rem) {\n .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected) {\n background: transparent; } }\n\n.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) {\n background-color: #e5e5e5;\n -webkit-box-shadow: 0 -1px 0 #e5e5e5;\n box-shadow: 0 -1px 0 #e5e5e5; }\n @media (min-width: 42rem) {\n .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) {\n background-color: transparent;\n -webkit-box-shadow: none;\n box-shadow: none; } }\n\n.bx--tabs__nav-item--disabled,\n.bx--tabs__nav-item--disabled:hover {\n cursor: not-allowed; }\n\n.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) {\n border: none;\n display: none;\n -webkit-transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n @media (min-width: 42rem) {\n .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link {\n color: #171717;\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n border-bottom: 3px solid #0062ff; }\n .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus,\n .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active {\n color: #171717;\n border-bottom: 2px solid #0062ff; } }\n\na.bx--tabs__nav-link {\n outline: 2px solid transparent;\n outline-offset: -2px;\n display: inline-block;\n color: #565656;\n text-decoration: none;\n font-weight: 400;\n padding: 0.75rem 0;\n width: calc(100% - 32px);\n height: 2.5rem;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin: 0 1rem;\n line-height: 1rem;\n border-bottom: 1px solid #dcdcdc;\n overflow: hidden;\n -webkit-transition: border 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: border 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {\n width: 100%;\n margin: 0;\n padding-left: 16px;\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n @media (min-width: 42rem) {\n a.bx--tabs__nav-link {\n border-bottom: 3px solid #bebebe;\n padding: 0.5rem 1rem;\n width: 10rem;\n margin: 0;\n line-height: inherit; }\n a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {\n width: 10rem;\n padding: 0.5rem 1rem;\n border-bottom: 2px; } }\n\n.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled)\n.bx--tabs__nav-link {\n color: #171717; }\n @media (min-width: 42rem) {\n .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled)\n.bx--tabs__nav-link {\n color: #171717;\n border-bottom: 3px solid #6f6f6f; } }\n\n.bx--tabs__nav-item--disabled .bx--tabs__nav-link {\n color: #bebebe;\n border-bottom: 3px solid #f3f3f3; }\n\n.bx--tabs__nav-item--disabled:hover .bx--tabs__nav-link {\n cursor: no-drop;\n border-bottom: 3px solid #f3f3f3; }\n\n.bx--tabs__nav-item--disabled .bx--tabs__nav-link:focus,\n.bx--tabs__nav-item--disabled a.bx--tabs__nav-link:active {\n outline: none;\n border-bottom: 3px solid #f3f3f3; }\n\n.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected)\n.bx--tabs__nav-link:focus,\n.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected)\na.bx--tabs__nav-link:active {\n color: #565656; }\n\n.bx--tabs.bx--skeleton {\n pointer-events: none;\n cursor: default; }\n\n.bx--tabs.bx--skeleton .bx--tabs__nav-link {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 4.6875rem;\n height: 0.75rem; }\n .bx--tabs.bx--skeleton .bx--tabs__nav-link:hover, .bx--tabs.bx--skeleton .bx--tabs__nav-link:focus, .bx--tabs.bx--skeleton .bx--tabs__nav-link:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--tabs.bx--skeleton .bx--tabs__nav-link:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--tabs.bx--skeleton .bx--tabs-trigger {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 6.25rem; }\n .bx--tabs.bx--skeleton .bx--tabs-trigger:hover, .bx--tabs.bx--skeleton .bx--tabs-trigger:focus, .bx--tabs.bx--skeleton .bx--tabs-trigger:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--tabs.bx--skeleton .bx--tabs-trigger:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--tabs.bx--skeleton .bx--tabs-trigger svg {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--tag {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding: 0 0.5rem;\n height: 1.5rem;\n margin: 0.25rem;\n border-radius: 0.9375rem; }\n .bx--tag:not(:first-child) {\n margin-left: 0; }\n .bx--tag.bx--skeleton {\n background-color: #dcdcdc;\n color: #171717; }\n\n.bx--tag--red {\n background-color: #fcd0d3;\n color: #a51920; }\n\n.bx--tag--magenta {\n background-color: #ffcfe1;\n color: #a11950; }\n\n.bx--tag--purple {\n background-color: #e6d6ff;\n color: #6e32c9; }\n\n.bx--tag--blue {\n background-color: #c9deff;\n color: #054ada; }\n\n.bx--tag--cyan {\n background-color: #b3e6ff;\n color: #0058a1; }\n\n.bx--tag--teal {\n background-color: #92eeee;\n color: #006161; }\n\n.bx--tag--green {\n background-color: #9deeb2;\n color: #10642a; }\n\n.bx--tag--gray {\n background-color: #dcdcdc;\n color: #171717; }\n\n.bx--tag--cool-gray {\n background-color: #d5d9e0;\n color: #13171a; }\n\n.bx--tag--warm-gray {\n background-color: #e0dbda;\n color: #1a1717; }\n\n.bx--tag--disabled {\n background-color: #f3f3f3;\n color: #bebebe; }\n .bx--tag--disabled:hover {\n cursor: not-allowed; }\n\n.bx--tag--filter {\n background-color: #171717;\n color: #ffffff;\n cursor: pointer;\n padding-right: 0.125rem; }\n\n.bx--tag--filter > svg {\n fill: #ffffff;\n margin-left: 0.25rem;\n padding: 0.125rem;\n width: 1.25rem;\n height: 1.25rem; }\n\n.bx--tag--filter:focus > svg,\n.bx--tag--filter > svg:hover {\n border-radius: 50%;\n background-color: #565656; }\n\n.bx--tag--filter:focus,\n.bx--tag--filter:hover {\n outline: none; }\n\n.bx--tag.bx--skeleton {\n width: 3.75rem; }\n .bx--tag.bx--skeleton:after {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n content: '';\n height: 0.375rem;\n width: 100%; }\n .bx--tag.bx--skeleton:after:hover, .bx--tag.bx--skeleton:after:focus, .bx--tag.bx--skeleton:after:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--tag.bx--skeleton:after:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--data-table-container + .bx--pagination {\n border-top: 0; }\n\n.bx--pagination {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n width: 100%;\n background-color: #f3f3f3;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n border-top: 1px solid #dcdcdc;\n height: 3rem; }\n\n.bx--pagination .bx--select {\n height: 100%;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n grid-template-columns: auto 0; }\n\n.bx--select-input__wrapper,\n.bx--select-input--inline__wrapper {\n height: 100%; }\n\n.bx--pagination .bx--select-input {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n width: auto;\n min-width: auto;\n height: 100%;\n padding: 0 2.5rem 0 1rem;\n margin-right: -0.65rem; }\n @media (min-width: 42rem) {\n .bx--pagination .bx--select-input {\n padding: 0 1.5rem 0 0.5rem;\n margin-right: 0; } }\n\n.bx--pagination .bx--select-input:hover {\n background: #e5e5e5; }\n\n.bx--pagination .bx--select__arrow {\n position: relative;\n top: auto;\n right: 1.1rem;\n bottom: auto; }\n\n.bx--pagination\n.bx--select__item-count\n.bx--select-input {\n border-right: 0.0625rem solid #dcdcdc; }\n @media (min-width: 42rem) {\n .bx--pagination\n.bx--select__item-count\n.bx--select-input {\n padding-right: 2rem;\n margin-right: -0.65rem; } }\n\n.bx--pagination\n.bx--select__page-number\n.bx--select-input {\n border-left: 1px solid #dcdcdc; }\n @media (min-width: 42rem) {\n .bx--pagination\n.bx--select__page-number\n.bx--select-input {\n padding-left: 1rem;\n padding-right: 2rem; } }\n\n@media (min-width: 42rem) {\n .bx--pagination\n.bx--select__page-number\n.bx--select__arrow {\n right: 1.8rem; } }\n\n.bx--pagination__left,\n.bx--pagination__right {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--pagination__left > .bx--form-item,\n.bx--pagination__right > .bx--form-item {\n height: 100%; }\n\n.bx--pagination__left .bx--pagination__text {\n margin-right: 0.0625rem; }\n\n.bx--pagination__right .bx--pagination__text {\n margin-right: 1rem;\n margin-left: 0.0625rem; }\n\n@media (min-width: 42rem) {\n .bx--pagination__left {\n padding: 0 1rem; } }\n\n.bx--pagination__text {\n display: none; }\n @media (min-width: 42rem) {\n .bx--pagination__text {\n display: inline-block; } }\n\nspan.bx--pagination__text {\n margin-left: 1rem;\n color: #171717; }\n\n.bx--pagination__right span.bx--pagination__text {\n margin-left: -0.5rem; }\n\n.bx--pagination__button {\n border: none;\n background: none;\n cursor: pointer;\n height: 100%;\n margin: 0;\n padding: 0 0.875rem;\n border-left: 1px solid #dcdcdc;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n fill: #171717;\n -webkit-transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--pagination__button:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--pagination__button:hover {\n background: #e5e5e5; }\n\n.bx--pagination__button--no-index {\n fill: #bebebe;\n cursor: not-allowed; }\n\n.bx--pagination__button:disabled:hover,\n.bx--pagination__button--no-index:hover {\n cursor: not-allowed;\n fill: #bebebe;\n background: #f3f3f3; }\n\n.bx--pagination--inline {\n height: 2.625rem;\n margin-top: -0.5rem;\n margin-bottom: -0.5rem;\n margin-right: -1rem; }\n\n.bx--pagination--inline .bx--pagination__button {\n height: 2.5rem;\n border-left: 1px solid #dcdcdc;\n border-right: 1px solid #dcdcdc;\n margin: 0; }\n\n.bx--pagination--inline .bx--pagination__button--forward {\n border-right: 0;\n padding: 0 1rem;\n margin-left: 1rem; }\n\n.bx--pagination--inline .bx--pagination__button--backward {\n margin: 0 1rem;\n padding: 0 1rem; }\n\n.bx--pagination.bx--skeleton .bx--skeleton__text {\n margin-right: 1rem;\n margin-bottom: 0; }\n\n.bx--accordion {\n list-style: none;\n width: 100%; }\n\n.bx--accordion__item {\n -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n border-top: 1px solid #dcdcdc;\n overflow: visible; }\n .bx--accordion__item:last-child {\n border-bottom: 1px solid #dcdcdc; }\n\n.bx--accordion__heading {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n color: #171717;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n cursor: pointer;\n padding: 0.375rem 0;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n position: relative;\n width: 100%;\n margin: 0;\n -webkit-transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;\n transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms; }\n .bx--accordion__heading::-moz-focus-inner {\n border: 0; }\n .bx--accordion__heading:hover:before, .bx--accordion__heading:focus:before {\n content: '';\n position: absolute;\n top: -1px;\n left: 0;\n width: 100%;\n height: calc(100% + 2px); }\n .bx--accordion__heading:hover:before {\n background-color: #e5e5e5; }\n .bx--accordion__heading:focus {\n outline: none; }\n .bx--accordion__heading:focus:before {\n border: 2px solid #0062ff;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.bx--accordion__arrow {\n outline: 2px solid transparent;\n outline-offset: -2px;\n -webkit-box-flex: 0;\n -ms-flex: 0 0 1rem;\n flex: 0 0 1rem;\n width: 1rem;\n height: 1rem;\n margin: 0 1rem 0 0;\n fill: #171717;\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--accordion__title {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n margin: 0 0 0 1rem;\n width: 100%;\n text-align: left;\n z-index: 0; }\n\n.bx--accordion__content {\n -webkit-transition: height cubic-bezier(0.2, 0, 0.38, 0.9) 110ms, padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;\n transition: height cubic-bezier(0.2, 0, 0.38, 0.9) 110ms, padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;\n padding-left: 1rem;\n padding-right: 25%;\n height: 0;\n visibility: hidden;\n opacity: 0; }\n @media (max-width: 42rem) {\n .bx--accordion__content {\n padding-right: 3rem; } }\n .bx--accordion__content p {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px; }\n\n.bx--accordion__item--active {\n overflow: visible; }\n .bx--accordion__item--active .bx--accordion__content {\n padding-bottom: 1.5rem;\n padding-top: 0.5rem;\n height: auto;\n visibility: visible;\n opacity: 1;\n -webkit-transition: height cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-top cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-bottom cubic-bezier(0, 0, 0.38, 0.9) 110ms;\n transition: height cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-top cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-bottom cubic-bezier(0, 0, 0.38, 0.9) 110ms; }\n .bx--accordion__item--active .bx--accordion__arrow {\n /*rtl:ignore*/\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n fill: #171717; }\n\n.bx--accordion.bx--skeleton .bx--accordion__heading,\n.bx--accordion.bx--skeleton .bx--accordion__button {\n cursor: default; }\n\n.bx--accordion.bx--skeleton .bx--accordion__arrow {\n pointer-events: none;\n fill: #171717;\n cursor: default; }\n .bx--accordion.bx--skeleton .bx--accordion__arrow:hover, .bx--accordion.bx--skeleton .bx--accordion__arrow:focus, .bx--accordion.bx--skeleton .bx--accordion__arrow:active {\n border: none;\n outline: none;\n cursor: default; }\n\n.bx--skeleton\n.bx--accordion__heading:focus\n.bx--accordion__arrow {\n border: none;\n outline: none;\n cursor: default; }\n\n.bx--accordion__title.bx--skeleton__text {\n margin-bottom: 0; }\n\n.bx--progress {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n list-style: none; }\n\n.bx--progress-step {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n min-width: 7rem;\n width: 8rem;\n overflow: visible; }\n .bx--progress-step .bx--tooltip__label {\n display: block; }\n\n.bx--progress-line {\n position: absolute;\n left: 0;\n height: 1px;\n width: 8rem;\n border: 1px inset transparent; }\n\n.bx--progress-step svg {\n position: relative;\n z-index: 1;\n width: 1rem;\n height: 1rem;\n border-radius: 50%;\n margin: 9px 0.5rem 0 0;\n fill: #0062ff; }\n\n.bx--progress-label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n line-height: 1.45;\n max-width: 5.5rem;\n margin: 0.5rem 0 0 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--progress-label::before {\n content: '';\n display: block; }\n\n.bx--progress-label:hover {\n color: #0062ff;\n cursor: pointer;\n -webkit-box-shadow: 0 0.0625rem #0062ff;\n box-shadow: 0 0.0625rem #0062ff; }\n\n.bx--progress-label:focus {\n outline: none;\n color: #0062ff;\n -webkit-box-shadow: 0 0.1875rem 0 0 #0062ff;\n box-shadow: 0 0.1875rem 0 0 #0062ff; }\n\n.bx--progress-label:active {\n color: #0062ff;\n -webkit-box-shadow: 0 0.1875rem 0 0 #0062ff;\n box-shadow: 0 0.1875rem 0 0 #0062ff; }\n\n.bx--progress-label-overflow:hover ~ .bx--tooltip,\n.bx--progress-label-overflow:focus ~ .bx--tooltip {\n visibility: visible; }\n\n.bx--progress-step .bx--tooltip .bx--tooltip__caret {\n margin-left: 0.625rem; }\n\n.bx--tooltip__text {\n padding: 0;\n margin: 0;\n font-weight: normal; }\n\n.bx--progress-step .bx--tooltip {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n min-width: 7.1875rem;\n width: 7.8125rem;\n min-height: 1.5rem;\n margin-left: 1.375rem;\n margin-top: 2.5rem;\n padding: 0.5rem 1rem;\n display: block;\n visibility: hidden;\n color: #ffffff; }\n\n.bx--progress-step .bx--tooltip_multi {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n width: 9.375rem;\n height: auto;\n color: #ffffff; }\n\n.bx--progress-optional {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n position: absolute;\n left: 0;\n margin-left: 1.5rem;\n margin-top: 1.75rem;\n color: #171717; }\n\n.bx--progress-step--current .bx--progress-line {\n background-color: #0062ff; }\n\n.bx--progress-step--current svg {\n width: 14px;\n height: 14px;\n fill: #0062ff;\n margin-top: 0.59375rem; }\n\n.bx--progress-step--incomplete svg {\n fill: #171717; }\n\n.bx--progress-step--incomplete .bx--progress-line {\n background-color: #dcdcdc; }\n\n.bx--progress-step--complete .bx--progress-line {\n background-color: #0062ff; }\n\n.bx--progress-step-button {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--progress-step-button--unclickable {\n outline: none; }\n\n.bx--progress-step--disabled {\n cursor: not-allowed; }\n .bx--progress-step--disabled svg {\n fill: #bebebe;\n cursor: not-allowed; }\n .bx--progress-step--disabled .bx--progress-label,\n .bx--progress-step--disabled .bx--progress-label:hover {\n color: #bebebe;\n cursor: not-allowed;\n -webkit-box-shadow: none;\n box-shadow: none; }\n .bx--progress-step--disabled .bx--progress-label:focus,\n .bx--progress-step--disabled .bx--progress-label:active {\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none; }\n .bx--progress-step--disabled .bx--progress-line {\n cursor: not-allowed; }\n .bx--progress-step--disabled .bx--progress-label-overflow:hover\n~ .bx--tooltip--definition\n.bx--tooltip--definition__bottom {\n display: none; }\n\n.bx--progress__warning > path {\n fill: #da1e28; }\n\n.bx--progress.bx--skeleton .bx--progress-label {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n height: 0.75rem;\n width: 2.5rem; }\n .bx--progress.bx--skeleton .bx--progress-label:hover, .bx--progress.bx--skeleton .bx--progress-label:focus, .bx--progress.bx--skeleton .bx--progress-label:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--progress.bx--skeleton .bx--progress-label:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--progress--vertical {\n display: block; }\n\n.bx--progress--vertical .bx--progress-step {\n display: list-item;\n min-height: 6rem;\n width: initial;\n min-width: initial; }\n .bx--progress--vertical .bx--progress-step svg {\n display: inline-block;\n margin: 0.1rem 0.5rem; }\n\n.bx--progress--vertical .bx--progress-step--current svg {\n margin-left: 0.563rem; }\n\n.bx--progress--vertical .bx--progress-label {\n display: inline-block;\n width: initial;\n max-width: none;\n vertical-align: top;\n margin: 0; }\n\n.bx--progress--vertical .bx--progress-step .bx--tooltip {\n margin-top: 0.5rem; }\n\n.bx--progress--vertical .bx--progress-optional {\n margin-top: auto;\n position: initial;\n margin-left: 2.25rem; }\n\n.bx--progress--vertical .bx--progress-line {\n top: 0;\n left: 0;\n height: 100%;\n width: 1px; }\n\n.bx--breadcrumb {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: inline; }\n @media (min-width: 42rem) {\n .bx--breadcrumb {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap; } }\n\n.bx--breadcrumb-item {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin-right: 0.5rem; }\n\n.bx--breadcrumb-item::after {\n content: '/';\n color: #171717;\n margin-left: 0.5rem; }\n\n.bx--breadcrumb--no-trailing-slash\n.bx--breadcrumb-item:last-child::after {\n content: ''; }\n\n.bx--breadcrumb-item:last-child,\n.bx--breadcrumb-item:last-child::after {\n margin-right: 0; }\n\n.bx--breadcrumb .bx--link {\n white-space: nowrap; }\n\n.bx--breadcrumb-item [aria-current='page'],\n.bx--breadcrumb-item.bx--breadcrumb-item--current\n.bx--link {\n color: #171717; }\n\n.bx--breadcrumb.bx--skeleton .bx--link {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 6.25rem;\n height: 1rem; }\n .bx--breadcrumb.bx--skeleton .bx--link:hover, .bx--breadcrumb.bx--skeleton .bx--link:focus, .bx--breadcrumb.bx--skeleton .bx--link:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--breadcrumb.bx--skeleton .bx--link:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--toolbar {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: 1rem 0; }\n .bx--toolbar > div {\n margin: 0 0.25rem; }\n .bx--toolbar .bx--search-input {\n height: 2rem;\n background-color: transparent;\n outline: none; }\n .bx--toolbar .bx--search-close {\n display: none; }\n .bx--toolbar .bx--overflow-menu__icon {\n fill: #565656;\n -webkit-transition: fill 50ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: fill 50ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--toolbar .bx--search-magnifier {\n fill: #565656;\n -webkit-transform: scale(1.15);\n transform: scale(1.15);\n -webkit-transition: all 175ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 175ms cubic-bezier(0.2, 0, 0.38, 0.9);\n top: 0.5rem;\n left: 0.375rem;\n cursor: pointer; }\n .bx--toolbar fieldset {\n border: 0;\n padding: 0; }\n .bx--toolbar .bx--toolbar-search--active {\n width: 15.625rem; }\n .bx--toolbar .bx--toolbar-search--active .bx--search-magnifier {\n -webkit-transform: scale(1);\n transform: scale(1);\n top: 0.5625rem; }\n .bx--toolbar .bx--toolbar-search--active .bx--search-input {\n background-color: #ffffff; }\n .bx--toolbar .bx--toolbar-search--active .bx--search-close {\n display: block; }\n .bx--toolbar .bx--checkbox-label {\n margin-bottom: 0; }\n .bx--toolbar .bx--overflow-menu--open > .bx--overflow-menu__icon {\n fill: #0062ff; }\n\n.bx--toolbar-search {\n width: 1.8rem;\n -webkit-transition: all 175ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 175ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--toolbar-search__btn {\n position: absolute;\n left: 0;\n top: 0;\n background: transparent;\n border: 0;\n height: 2rem;\n width: 2rem; }\n .bx--toolbar-search__btn:focus {\n outline: 1px solid #0062ff; }\n\n.bx--toolbar-filter-icon {\n padding-left: 0;\n padding-right: 0; }\n\n.bx--toolbar-menu__title {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n font-weight: 600;\n padding: 0.5rem 1.25rem; }\n\n.bx--toolbar-menu__option {\n padding: 0.5rem 1.25rem; }\n\n.bx--toolbar-menu__divider {\n width: 100%;\n border: 0;\n border-top: 1px solid #dcdcdc; }\n\n.bx--radio-button-group {\n border: none; }\n\n.bx--toolbar-search:not(.bx--toolbar-search--active)\n.bx--search-input {\n border-bottom: none; }\n\n.bx--time-picker {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end; }\n\n.bx--time-picker[data-invalid] .bx--time-picker__input-field {\n outline: 2px solid #da1e28;\n outline-offset: -2px; }\n\n.bx--time-picker__select {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n .bx--time-picker__select:not(:last-of-type) {\n margin: 0 0.125rem; }\n\n.bx--time-picker__input {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n\n.bx--time-picker .bx--select-input {\n min-width: auto;\n width: auto;\n padding-right: 3rem;\n line-height: 1; }\n\n.bx--time-picker__input-field {\n outline: 2px solid transparent;\n outline-offset: -2px;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.32px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 4.875rem;\n height: 2.5rem;\n -webkit-transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--slider-container {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.bx--slider {\n position: relative;\n width: 100%;\n margin: 0 1rem;\n max-width: 40rem;\n min-width: 12.5rem; }\n\n.bx--slider__range-label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.32px;\n color: #171717; }\n .bx--slider__range-label:last-of-type {\n margin-right: 1rem; }\n\n.bx--slider__track {\n position: absolute;\n width: 100%;\n height: 0.125rem;\n background: #dcdcdc;\n cursor: pointer;\n -webkit-transform: translate(0%, -50%);\n transform: translate(0%, -50%); }\n\n.bx--slider__track:before {\n content: '';\n position: absolute;\n display: inline-block;\n height: 0.25rem;\n width: 0.125rem;\n left: 50%;\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0);\n top: -0.3125rem;\n background: #dcdcdc; }\n\n.bx--slider__filled-track {\n position: absolute;\n width: 100%;\n height: 0.125rem;\n background: #171717;\n -webkit-transform-origin: left;\n transform-origin: left;\n pointer-events: none;\n -webkit-transform: translate(0%, -50%);\n transform: translate(0%, -50%);\n -webkit-transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--slider__thumb {\n position: absolute;\n height: 0.875rem;\n width: 0.875rem;\n background: #171717;\n border-radius: 50%;\n -webkit-box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;\n box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;\n top: 0;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n -webkit-transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n cursor: pointer;\n outline: none;\n z-index: 3; }\n .bx--slider__thumb:hover {\n -webkit-transform: translate(-50%, -50%) scale(1.42857);\n transform: translate(-50%, -50%) scale(1.42857); }\n .bx--slider__thumb:focus {\n -webkit-transform: translate(-50%, -50%) scale(1.42857);\n transform: translate(-50%, -50%) scale(1.42857);\n -webkit-box-shadow: inset 0 0 0 2px #0062ff, inset 0 0 0 3px #f3f3f3;\n box-shadow: inset 0 0 0 2px #0062ff, inset 0 0 0 3px #f3f3f3;\n background-color: #0062ff; }\n .bx--slider__thumb:active {\n -webkit-transform: translate(-50%, -50%) scale(1.42857);\n transform: translate(-50%, -50%) scale(1.42857);\n -webkit-box-shadow: inset 0 0 0 2px #0062ff;\n box-shadow: inset 0 0 0 2px #0062ff; }\n\n.bx--slider__input {\n display: none; }\n\n.bx--slider-text-input,\n.bx-slider-text-input {\n width: 4rem;\n height: 2.5rem;\n padding: 0;\n text-align: center;\n -moz-appearance: textfield; }\n .bx--slider-text-input::-webkit-outer-spin-button, .bx--slider-text-input::-webkit-inner-spin-button,\n .bx-slider-text-input::-webkit-outer-spin-button,\n .bx-slider-text-input::-webkit-inner-spin-button {\n display: none; }\n\n.bx--slider__thumb:focus ~ .bx--slider__filled-track {\n background-color: #0062ff; }\n\n.bx--label--disabled\n~ .bx--slider-container\n> .bx--slider__range-label {\n color: #bebebe; }\n\n.bx--slider--disabled .bx--slider__thumb {\n background-color: #dcdcdc; }\n .bx--slider--disabled .bx--slider__thumb:hover {\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n cursor: not-allowed; }\n .bx--slider--disabled .bx--slider__thumb:focus {\n -webkit-box-shadow: none;\n box-shadow: none;\n outline: none;\n background-color: #dcdcdc;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%); }\n .bx--slider--disabled .bx--slider__thumb:active {\n background: #dcdcdc;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%); }\n\n.bx--slider--disabled .bx--slider__track,\n.bx--slider--disabled .bx--slider__filled-track,\n.bx--slider--disabled\n.bx--slider__thumb:focus\n~ .bx--slider__filled-track {\n background-color: #dcdcdc;\n cursor: not-allowed; }\n\n.bx--slider--disabled\n~ .bx--form-item\n.bx--slider-text-input,\n.bx--slider--disabled ~ .bx--slider-text-input {\n background-color: #f3f3f3;\n color: #bebebe;\n -webkit-transition: none;\n transition: none;\n cursor: not-allowed; }\n .bx--slider--disabled\n~ .bx--form-item\n.bx--slider-text-input:active, .bx--slider--disabled\n~ .bx--form-item\n.bx--slider-text-input:focus, .bx--slider--disabled\n~ .bx--form-item\n.bx--slider-text-input:hover,\n .bx--slider--disabled ~ .bx--slider-text-input:active,\n .bx--slider--disabled ~ .bx--slider-text-input:focus,\n .bx--slider--disabled ~ .bx--slider-text-input:hover {\n outline: none;\n color: #bebebe; }\n\n.bx--slider-container.bx--skeleton\n.bx--slider__range-label {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 1.25rem;\n height: 0.75rem; }\n .bx--slider-container.bx--skeleton\n.bx--slider__range-label:hover, .bx--slider-container.bx--skeleton\n.bx--slider__range-label:focus, .bx--slider-container.bx--skeleton\n.bx--slider__range-label:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--slider-container.bx--skeleton\n.bx--slider__range-label:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--slider-container.bx--skeleton\n.bx--slider__track {\n cursor: default;\n pointer-events: none; }\n\n.bx--slider-container.bx--skeleton\n.bx--slider__thumb {\n left: 50%;\n cursor: default;\n pointer-events: none; }\n\n.bx--tile {\n display: block;\n min-width: 8rem;\n min-height: 4rem;\n background-color: #f3f3f3;\n position: relative;\n padding: 1rem;\n outline: 2px solid transparent;\n outline-offset: -2px; }\n .bx--tile:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--tile--clickable,\n.bx--tile--selectable,\n.bx--tile--expandable {\n -webkit-transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n cursor: pointer; }\n .bx--tile--clickable:hover,\n .bx--tile--selectable:hover,\n .bx--tile--expandable:hover {\n background: #e5e5e5; }\n .bx--tile--clickable:hover .bx--tile__checkmark, .bx--tile--clickable:focus .bx--tile__checkmark,\n .bx--tile--selectable:hover .bx--tile__checkmark,\n .bx--tile--selectable:focus .bx--tile__checkmark,\n .bx--tile--expandable:hover .bx--tile__checkmark,\n .bx--tile--expandable:focus .bx--tile__checkmark {\n opacity: 1; }\n\n.bx--tile--clickable:focus,\n.bx--tile--expandable:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--tile--selectable {\n padding-right: 3rem; }\n\n.bx--tile__checkmark,\n.bx--tile__chevron {\n position: absolute;\n -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n border: none;\n background: transparent; }\n\n.bx--tile__checkmark {\n height: 1rem;\n top: 1rem;\n right: 1rem;\n opacity: 0; }\n .bx--tile__checkmark svg {\n border-radius: 50%;\n fill: #565656; }\n .bx--tile__checkmark:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--tile__chevron {\n position: absolute;\n bottom: 0.5rem;\n right: 0.5rem;\n height: 1rem; }\n .bx--tile__chevron svg {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n fill: #171717; }\n .bx--tile__chevron:hover {\n cursor: pointer; }\n .bx--tile__chevron:focus {\n outline: none; }\n\n.bx--tile--expandable {\n overflow: hidden;\n -webkit-transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tile-content__above-the-fold {\n display: block; }\n\n.bx--tile-content__below-the-fold {\n display: block;\n opacity: 0;\n -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tile--is-expanded {\n overflow: visible;\n -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tile--is-expanded .bx--tile__chevron svg {\n -webkit-transform: rotate(-180deg);\n transform: rotate(-180deg); }\n .bx--tile--is-expanded .bx--tile-content__below-the-fold {\n opacity: 1;\n -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tile--is-selected {\n outline: 1px solid #171717;\n outline-offset: -1px; }\n\n.bx--tile--is-selected .bx--tile__checkmark {\n opacity: 1; }\n\n.bx--tile-input:checked\n+ .bx--tile\n> .bx--tile__checkmark\nsvg {\n fill: #171717; }\n\n.bx--tile-content {\n width: 100%;\n height: 100%; }\n\n.bx--tile-input {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--skeleton__text {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n width: 100%;\n height: 1rem;\n margin-bottom: 0.5rem; }\n .bx--skeleton__text:hover, .bx--skeleton__text:focus, .bx--skeleton__text:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--skeleton__text:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--skeleton__heading {\n height: 1.5rem; }\n\n.bx--icon--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n display: inline-block;\n width: 1rem;\n height: 1rem; }\n .bx--icon--skeleton:hover, .bx--icon--skeleton:focus, .bx--icon--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--icon--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--skeleton__placeholder {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: rgba(61, 112, 178, 0.1);\n height: 6.25rem;\n width: 6.25rem; }\n .bx--skeleton__placeholder:hover, .bx--skeleton__placeholder:focus, .bx--skeleton__placeholder:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--skeleton__placeholder:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0.3;\n background: rgba(61, 112, 178, 0.1);\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n@-webkit-keyframes stroke {\n 100% {\n stroke-dashoffset: 0; } }\n\n@keyframes stroke {\n 100% {\n stroke-dashoffset: 0; } }\n\n.bx--inline-loading {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--inline-loading .bx--loading__svg circle {\n stroke-width: 12; }\n .bx--inline-loading .bx--loading__stroke {\n stroke-dashoffset: 99; }\n\n.bx--inline-loading__text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #565656; }\n\n.bx--inline-loading__animation {\n position: relative;\n width: 2rem;\n height: 2rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--inline-loading__checkmark-container {\n width: 0.75rem;\n position: absolute;\n top: 0.75rem; }\n .bx--inline-loading__checkmark-container[hidden] {\n display: none; }\n\n.bx--inline-loading__checkmark {\n fill: none;\n stroke: #0062ff;\n -webkit-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n stroke-width: 1.8;\n stroke-dasharray: 12;\n stroke-dashoffset: 12;\n -webkit-animation-name: stroke;\n animation-name: stroke;\n -webkit-animation-duration: 0.25s;\n animation-duration: 0.25s;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n\n.bx--loading--small .bx--inline-loading__svg {\n stroke: #0062ff; }\n\n/* If IE11 Don't show check animation */\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n .bx--inline-loading__checkmark-container {\n top: 1px;\n right: 0.5rem; }\n .bx--inline-loading__checkmark {\n -webkit-animation: none;\n animation: none;\n stroke-dashoffset: 0;\n stroke-dasharray: 0; } }\n\n.bx--pagination-nav {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n line-height: 0; }\n\n.bx--pagination-nav__list {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n list-style: none; }\n\n.bx--pagination-nav__list-item {\n padding: 0; }\n .bx--pagination-nav__list-item:first-child {\n padding-left: 0; }\n .bx--pagination-nav__list-item:last-child {\n padding-right: 0; }\n\n.bx--pagination-nav__page {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n border-radius: 0;\n color: #565656;\n display: block;\n font-weight: 400;\n line-height: 1;\n min-width: 3rem;\n outline: 0;\n padding: 1.0625rem 0.25rem;\n position: relative;\n text-align: center;\n text-decoration: none;\n -webkit-transition: background-color, color;\n transition: background-color, color;\n -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n .bx--pagination-nav__page::-moz-focus-inner {\n border: 0; }\n .bx--pagination-nav__page:hover {\n background-color: #e5e5e5;\n color: #565656; }\n .bx--pagination-nav__page:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--pagination-nav__page:disabled, .bx--pagination-nav__page.bx--pagination-nav__page--disabled {\n background: none;\n color: rgba(86, 86, 86, 0.5);\n outline: none;\n pointer-events: none; }\n .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after {\n background-color: #0062ff;\n bottom: 0;\n content: '';\n display: block;\n height: 0.25rem;\n left: 50%;\n position: absolute;\n opacity: 0;\n -webkit-transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n width: 0; }\n .bx--pagination-nav__page--active + .bx--pagination-nav__page::after, .bx--pagination-nav__page.bx--pagination-nav__page--active::after {\n left: calc(50% - 0.5rem);\n opacity: 1;\n width: 1rem; }\n .bx--pagination-nav__page.bx--pagination-nav__page--active {\n background-color: initial;\n color: #565656;\n font-weight: 600;\n outline: none; }\n .bx--pagination-nav__page .bx--pagination-nav__icon {\n fill: currentColor;\n pointer-events: none; }\n\n.bx--pagination-nav__page--direction {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n line-height: 0;\n width: 3rem; }\n\n.bx--pagination-nav__select {\n position: relative; }\n\n.bx--pagination-nav__page--select {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n max-height: 3rem;\n text-indent: calc(50% - 4.5px); }\n\n@-moz-document url-prefix() {\n .bx--pagination-nav__page--select {\n text-indent: 0; } }\n\n.bx--pagination-nav__select-icon-wrapper {\n height: 100%;\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%; }\n .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after {\n background-color: #0062ff;\n bottom: 0;\n content: '';\n display: block;\n height: 0.25rem;\n left: 50%;\n position: absolute;\n opacity: 0;\n -webkit-transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n width: 0; }\n .bx--pagination-nav__page--active + .bx--pagination-nav__select-icon-wrapper::after, .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active::after {\n left: calc(50% - 0.5rem);\n opacity: 1;\n width: 1rem; }\n .bx--pagination-nav__page--active + .bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon {\n display: none; }\n\n.bx--pagination-nav__select-icon {\n left: calc(50% - 0.5rem);\n pointer-events: none;\n position: absolute;\n top: calc(50% - 0.5rem); }\n\n.bx--pagination-nav__accessibility-label {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--header {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 3rem;\n background-color: #171717;\n border-bottom: 1px solid #3d3d3d;\n z-index: 6000; }\n\n.bx--header__action {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n width: 3rem;\n height: 3rem;\n border: 0.125rem solid transparent;\n -webkit-transition: background-color 110ms, border-color 110ms;\n transition: background-color 110ms, border-color 110ms; }\n .bx--header__action::-moz-focus-inner {\n border: 0; }\n\n.bx--header__action\n> svg.bx--navigation-menu-panel-collapse-icon,\n.bx--header__action--active\n> svg.bx--navigation-menu-panel-expand-icon {\n display: none; }\n\n.bx--header__action--active\n> svg.bx--navigation-menu-panel-collapse-icon {\n display: inline; }\n\n.bx--header__action\n> svg.bx--navigation-menu-panel-collapse-icon,\n.bx--header__action--active\n> svg.bx--navigation-menu-panel-expand-icon {\n display: none; }\n\n.bx--header__action--active\n> svg.bx--navigation-menu-panel-collapse-icon {\n display: inline; }\n\n.bx--header__action:hover {\n background-color: #353535; }\n\n.bx--header__action--active {\n border-left: 1px solid #3d3d3d;\n border-right: 1px solid #3d3d3d;\n border-bottom: 1px solid #171717; }\n\n.bx--header__action:focus {\n border-color: #ffffff;\n outline: none; }\n\n.bx--header__action:active {\n background-color: #3d3d3d; }\n\n.bx--header__action > svg {\n fill: #ffffff; }\n\n.bx--header__menu-trigger {\n margin-right: -0.5rem; }\n\n.bx--header__menu-trigger > svg {\n fill: #f3f3f3; }\n\n.bx--header__menu-trigger:hover {\n fill: #2c2c2c; }\n\n.bx--header__menu-toggle {\n display: none; }\n @media (max-width: 66rem) {\n .bx--header__menu-toggle {\n display: block; } }\n\na.bx--header__name {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 100%;\n padding: 0 2rem 0 1rem;\n text-decoration: none;\n font-weight: 600;\n letter-spacing: 0.1px;\n line-height: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 0.125rem solid transparent;\n -webkit-transition: border-color 110ms;\n transition: border-color 110ms;\n outline: none; }\n\na.bx--header__name:focus {\n border-color: #ffffff; }\n\n.bx--header__name--prefix {\n font-weight: 400; }\n\na.bx--header__name,\na.bx--header__name:hover {\n color: #f3f3f3; }\n\n.bx--header__nav {\n height: 100%;\n padding-left: 1rem;\n position: relative; }\n .bx--header__nav::before {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n height: 1.5rem;\n width: 0.0625rem;\n background-color: #3d3d3d; }\n\n.bx--header__menu-bar[role='menubar'] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 100%; }\n\na.bx--header__menu-item[role='menuitem'] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #bebebe;\n padding: 0 1rem;\n height: 100%;\n font-size: 0.875rem;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 1.125rem;\n text-decoration: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 2px solid transparent;\n -webkit-transition: background-color 110ms, border-color 110ms, color 110ms;\n transition: background-color 110ms, border-color 110ms, color 110ms; }\n\na.bx--header__menu-item[role='menuitem']:hover {\n background-color: #2c2c2c;\n color: #f3f3f3; }\n\n.bx--header__action:active,\na.bx--header__menu-item[role='menuitem']:active {\n background-color: #3d3d3d;\n color: #f3f3f3; }\n\na.bx--header__menu-item[role='menuitem']:focus {\n border-color: #ffffff;\n color: #f3f3f3;\n outline: none; }\n\na.bx--header__menu-item[role='menuitem']:hover > svg,\na.bx--header__menu-item[role='menuitem']:active > svg,\na.bx--header__menu-item[role='menuitem']:focus > svg {\n fill: #f3f3f3; }\n\n.bx--header__submenu {\n position: relative; }\n\n.bx--header__menu-title[role='menuitem'][aria-haspopup='true'] {\n position: relative; }\n\n.bx--header__menu-title[role='menuitem'][aria-expanded='true'] {\n background-color: #282828;\n color: #ffffff;\n z-index: 6001; }\n\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']\n> .bx--header__menu-arrow {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg); }\n\n.bx--header__menu[role='menu'] {\n display: none; }\n\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']\n+ .bx--header__menu {\n position: absolute;\n bottom: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 12.5rem;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n background-color: #282828;\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);\n z-index: 6000; }\n\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']\n+ .bx--header__menu\n.bx--header__menu-item:hover {\n background-color: #353535; }\n\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']\n+ .bx--header__menu\n.bx--header__menu-item:active {\n background-color: #3d3d3d; }\n\n.bx--header__menu .bx--header__menu-item[role='menuitem'] {\n height: 3rem; }\n\n.bx--header__menu\n.bx--header__menu-item[role='menuitem']:hover {\n background-color: #282828;\n color: #f3f3f3; }\n\n.bx--header__menu-arrow {\n fill: #bebebe;\n margin-left: 0.5rem;\n -webkit-transition: fill 110ms, -webkit-transform 110ms;\n transition: fill 110ms, -webkit-transform 110ms;\n transition: transform 110ms, fill 110ms;\n transition: transform 110ms, fill 110ms, -webkit-transform 110ms; }\n\n.bx--header__global {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n height: 100%; }\n\n.bx--skip-to-content {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--skip-to-content:focus {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n top: 0;\n left: 0;\n width: auto;\n height: 3rem;\n clip: auto;\n border: 4px solid #0062ff;\n z-index: 9999;\n background-color: #171717;\n color: #f3f3f3;\n outline: none;\n padding: 0 1rem; }\n\n.bx--header-panel {\n -webkit-transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n position: fixed;\n top: 3rem;\n bottom: 0;\n right: 0;\n width: 0;\n background-color: #171717;\n border: none;\n will-change: width;\n -webkit-transition: width 0.11s;\n transition: width 0.11s;\n overflow: hidden;\n z-index: 6000;\n color: #bebebe; }\n\n.bx--header-panel--expanded {\n width: 16rem;\n border-left: 1px solid #3d3d3d;\n border-right: 1px solid #3d3d3d; }\n\n.bx--panel--overlay {\n position: fixed;\n top: 3rem;\n right: 0;\n bottom: 0;\n width: 16rem;\n will-change: transform;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n padding: 1rem 0;\n overflow-y: auto;\n z-index: 1000;\n background-color: #171717;\n height: 100%;\n overflow-x: hidden;\n -webkit-transition: -webkit-transform 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 0.11s cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 0.11s cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--panel--expanded {\n -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25);\n box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n\n.bx--product-switcher__search {\n padding: 0 1rem;\n margin-bottom: 1.5rem; }\n\n.bx--search--shell input {\n background-color: #dcdcdc; }\n\n.bx--product-switcher__subheader,\n.bx--product-switcher__all-btn {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n padding: 0.5rem;\n color: #bebebe; }\n\n.bx--product-switcher__subheader {\n padding-left: 3.5rem; }\n\n.bx--product-switcher__all-btn {\n padding-left: 3.5rem; }\n\n.bx--product-switcher__all-btn,\n.bx--product-switcher__back-btn {\n display: inline-block;\n background: transparent;\n width: 100%;\n border: none;\n color: #0062ff;\n cursor: pointer;\n text-align: left; }\n\n.bx--product-switcher__all-btn:hover,\n.bx--product-switcher__back-btn:hover {\n text-decoration: underline; }\n\n.bx--product-switcher__all-btn:focus,\n.bx--product-switcher__back-btn:focus {\n outline: none;\n -webkit-box-shadow: inset 0 0 0 3px #0062ff;\n box-shadow: inset 0 0 0 3px #0062ff; }\n\n.bx--product-switcher__back-btn {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n padding: 0.5rem 1rem; }\n\n.bx--product-switcher__back-arrow {\n fill: #0062ff;\n margin-right: 1rem; }\n\n.bx--product-list__item {\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--product-list__item:hover {\n background: #dcdcdc; }\n\n.bx--product-link {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 100%;\n padding: 0.5rem 1rem;\n text-decoration: none; }\n\n.bx--product-link:focus {\n outline: none;\n -webkit-box-shadow: inset 0 0 0 3px #0062ff;\n box-shadow: inset 0 0 0 3px #0062ff; }\n\n.bx--product-switcher__icon {\n margin-right: 1rem; }\n\n.bx--product-link__name {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n margin-left: 0.25rem;\n font-weight: 400;\n color: #bebebe; }\n\n.bx--product-switcher__product-list .bx--overflow-menu {\n display: none;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 2.5rem; }\n .bx--product-switcher__product-list .bx--overflow-menu.bx--overflow-menu--open {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--product-switcher__product-list .bx--overflow-menu > svg {\n fill: #bebebe; }\n\n.bx--product-switcher__product-list .bx--overflow-menu:hover {\n background: #bebebe; }\n\n.bx--product-switcher__product-list\n.bx--overflow-menu:hover\n> svg {\n fill: #bebebe; }\n\n.bx--product-switcher__product-list .bx--overflow-menu:focus {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n outline: none;\n -webkit-box-shadow: inset 0 0 0 3px #0062ff;\n box-shadow: inset 0 0 0 3px #0062ff; }\n\n.bx--product-switcher__product-list\n.bx--overflow-menu-options__option:hover {\n background: #ffffff; }\n\n.bx--product-list__item:hover .bx--overflow-menu {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--switcher {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #bebebe; }\n\n.bx--switcher__item {\n width: 100%; }\n\n.bx--switcher__item:nth-child(1),\n.bx--switcher__item:nth-last-child(3) {\n position: relative;\n margin-top: 1rem;\n margin-bottom: 0.5rem; }\n .bx--switcher__item:nth-child(1)::after,\n .bx--switcher__item:nth-last-child(3)::after {\n content: '';\n display: block;\n position: absolute;\n bottom: -0.5625rem;\n width: 13.875rem;\n margin-left: 1rem;\n border-top: 1px solid #3d3d3d; }\n\n.bx--switcher__item:nth-last-child(3) {\n margin-top: 0; }\n\n.bx--switcher__item:nth-child(2),\n.bx--switcher__item:nth-last-child(2) {\n padding-top: 0.5625rem; }\n\n.bx--switcher__item-link {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: block;\n text-decoration: none;\n padding: 0.375rem 1rem;\n color: #bebebe; }\n .bx--switcher__item-link:hover {\n background: #2c2c2c;\n color: #f3f3f3; }\n .bx--switcher__item-link:focus {\n outline: 2px solid #ffffff;\n outline-offset: -2px; }\n .bx--switcher__item-link:active {\n background: #3d3d3d;\n color: #f3f3f3; }\n\n.bx--switcher__item-link--selected {\n background: #282828;\n color: #f3f3f3; }\n\n.bx--side-nav {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n width: 3rem;\n max-width: 16rem;\n color: #565656;\n background-color: #ffffff;\n will-change: width;\n -webkit-transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);\n transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);\n overflow: hidden;\n z-index: 6000; }\n\n.bx--side-nav--ux {\n top: 3rem;\n width: 16rem; }\n @media (max-width: 66rem) {\n .bx--side-nav--ux {\n width: 0; } }\n\n.bx--side-nav:not(.bx--side-nav--fixed):hover,\n.bx--side-nav--expanded {\n width: 16rem; }\n\n.bx--header ~ .bx--side-nav {\n top: 3rem;\n height: calc(100% - 48px); }\n\n.bx--side-nav--fixed {\n width: 16rem; }\n\n.bx--side-nav--collapsed {\n width: 16rem;\n -webkit-transform: translateX(-16rem);\n transform: translateX(-16rem); }\n\n.bx--side-nav--collapsed {\n width: 16rem;\n -webkit-transform: translateX(-16rem);\n transform: translateX(-16rem); }\n\n.bx--side-nav__navigation {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n height: 100%; }\n\n.bx--side-nav__header {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n border-bottom: 1px solid #3d3d3d;\n width: 100%;\n height: 3rem;\n max-width: 100%; }\n .bx--side-nav:hover .bx--side-nav__header,\n .bx--side-nav--fixed .bx--side-nav__header,\n .bx--side-nav--expanded .bx--side-nav__header {\n height: auto; }\n\n.bx--side-nav--ux .bx--side-nav__header {\n height: auto; }\n\n.bx--side-nav__details {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n padding-right: 1rem;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n opacity: 0;\n visibility: hidden; }\n .bx--side-nav:hover .bx--side-nav__details,\n .bx--side-nav--fixed .bx--side-nav__details,\n .bx--side-nav--expanded .bx--side-nav__details {\n visibility: visible;\n opacity: 1; }\n\n.bx--side-nav--ux .bx--side-nav__details {\n opacity: 1;\n visibility: inherit; }\n\n.bx--side-nav__title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 0.875rem;\n font-weight: 600;\n letter-spacing: 0.1px;\n margin-top: 1rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.bx--side-nav__title,\n.bx--side-nav__select {\n padding-left: 0.5rem; }\n\n.bx--side-nav__switcher {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between; }\n\n.bx--side-nav__switcher-chevron {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n position: absolute;\n top: 0;\n right: 0.5rem;\n bottom: 0;\n fill: #565656; }\n\n.bx--side-nav__select {\n outline: 2px solid transparent;\n outline-offset: -2px;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n background-color: #171717;\n color: #f3f3f3;\n height: 100%;\n border: none;\n border-radius: 0;\n cursor: pointer;\n font-size: 0.75rem;\n height: 2rem;\n min-width: 0;\n padding-right: 2rem;\n -webkit-transition: outline 110ms;\n transition: outline 110ms; }\n\n.bx--side-nav__select:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--side-nav__footer {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 3rem;\n flex: 0 0 3rem;\n width: 100%;\n background-color: #ffffff; }\n\n.bx--side-nav__toggle {\n outline: 2px solid transparent;\n outline-offset: -2px;\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n text-align: left;\n -webkit-transition: outline 110ms;\n transition: outline 110ms; }\n .bx--side-nav__toggle::-moz-focus-inner {\n border: 0; }\n\n.bx--side-nav__toggle:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--side-nav__toggle {\n padding-left: 1rem; }\n\n.bx--side-nav__items {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n overflow: hidden;\n padding: 1rem 0 0; }\n .bx--side-nav:hover .bx--side-nav__items,\n .bx--side-nav--fixed .bx--side-nav__items,\n .bx--side-nav--expanded .bx--side-nav__items {\n overflow-y: auto; }\n\n.bx--side-nav--ux .bx--side-nav__items {\n overflow-y: auto; }\n\n.bx--side-nav__item {\n width: 3rem;\n height: 3rem;\n overflow: hidden; }\n .bx--side-nav:hover .bx--side-nav__item,\n .bx--side-nav--fixed .bx--side-nav__item,\n .bx--side-nav--expanded .bx--side-nav__item {\n width: auto;\n height: auto; }\n\n.bx--side-nav--ux .bx--side-nav__item {\n width: auto;\n height: auto; }\n\n.bx--side-nav__item:not(.bx--side-nav__item--active):hover\n.bx--side-nav__item:not(.bx--side-nav__item--active)\n> .bx--side-nav__submenu:hover,\n.bx--side-nav__item:not(.bx--side-nav__item--active)\n> .bx--side-nav__link:hover,\n.bx--side-nav__menu[role='menu']\na.bx--side-nav__link[role='menuitem']:not(.bx--side-nav__link--current):not([aria-current='page']):hover {\n background-color: #e5e5e5;\n color: #171717; }\n\n.bx--side-nav__item:not(.bx--side-nav__item--active)\n> .bx--side-nav__link:hover\n> span,\n.bx--side-nav__item:not(.bx--side-nav__item--active)\n.bx--side-nav__menu-item\n> .bx--side-nav__link:hover\n> span {\n color: #171717; }\n\n.bx--side-nav__submenu[aria-haspopup='true'] {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n padding: 0 1rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #565656;\n height: 2rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transition: color 110ms, background-color 110ms, outline 110ms;\n transition: color 110ms, background-color 110ms, outline 110ms; }\n .bx--side-nav__submenu[aria-haspopup='true']::-moz-focus-inner {\n border: 0; }\n\n.bx--side-nav__submenu:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--side-nav__submenu-title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left; }\n\n.bx--side-nav__icon.bx--side-nav__submenu-chevron {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end; }\n\n.bx--side-nav__submenu-chevron > svg {\n -webkit-transition: -webkit-transform 110ms;\n transition: -webkit-transform 110ms;\n transition: transform 110ms;\n transition: transform 110ms, -webkit-transform 110ms;\n height: 1rem;\n width: 1rem; }\n\n.bx--side-nav__submenu[aria-expanded='true']\n.bx--side-nav__submenu-chevron\n> svg {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg); }\n\n.bx--side-nav__item--active .bx--side-nav__submenu:hover {\n background-color: #e5e5e5;\n color: #171717; }\n\n.bx--side-nav__item--active\n.bx--side-nav__submenu[aria-expanded='false'] {\n background-color: #e5e5e5;\n color: #171717;\n position: relative; }\n .bx--side-nav__item--active\n.bx--side-nav__submenu[aria-expanded='false']::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 4px;\n background-color: #0062ff; }\n\n.bx--side-nav__item--active .bx--side-nav__submenu-title {\n font-weight: 600;\n color: #171717; }\n\n.bx--side-nav__menu[role='menu'] {\n display: block;\n visibility: hidden;\n max-height: 0;\n -webkit-transition: 240ms max-height cubic-bezier(0.2, 0, 1, 0.9), 240ms visibility cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 240ms max-height cubic-bezier(0.2, 0, 1, 0.9), 240ms visibility cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--side-nav__submenu[aria-expanded='true']\n+ .bx--side-nav__menu[role='menu'] {\n max-height: 93.75rem;\n visibility: inherit;\n -webkit-transition: 240ms max-height cubic-bezier(0, 0, 0.38, 0.9), 240ms visibility cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 240ms max-height cubic-bezier(0, 0, 0.38, 0.9), 240ms visibility cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--side-nav__menu[role='menu']\na.bx--side-nav__link[role='menuitem'] {\n height: 2rem;\n min-height: 2rem;\n padding-left: 2rem;\n font-weight: 400; }\n\n.bx--side-nav__item.bx--side-nav__item--icon\na.bx--side-nav__link[role='menuitem'] {\n padding-left: 4.5rem; }\n\n.bx--side-nav__menu[role='menu']\na.bx--side-nav__link--current,\n.bx--side-nav__menu[role='menu']\na.bx--side-nav__link[aria-current='page'],\na.bx--side-nav__link--current {\n background-color: #dcdcdc; }\n .bx--side-nav__menu[role='menu']\na.bx--side-nav__link--current > span,\n .bx--side-nav__menu[role='menu']\na.bx--side-nav__link[aria-current='page'] > span,\n a.bx--side-nav__link--current > span {\n color: #171717;\n font-weight: 600; }\n\na.bx--side-nav__link--current > span.bx--side-nav__link-text {\n color: #171717;\n font-weight: 600; }\n\na.bx--side-nav__link {\n outline: 2px solid transparent;\n outline-offset: -2px;\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-decoration: none;\n min-height: 2rem;\n padding: 0 1rem;\n -webkit-transition: color 110ms, background-color 110ms, outline 110ms;\n transition: color 110ms, background-color 110ms, outline 110ms; }\n\na.bx--side-nav__link > .bx--side-nav__link-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: #565656;\n font-size: 0.875rem;\n letter-spacing: 0.1px;\n line-height: 1.25rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\na.bx--side-nav__link:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\na.bx--side-nav__link[aria-current='page'],\na.bx--side-nav__link--current {\n font-weight: 600; }\n\na.bx--side-nav__link[aria-current='page']::before,\na.bx--side-nav__link--current::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 4px;\n background-color: #0062ff; }\n\n.bx--side-nav__icon {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 1rem;\n height: 1rem;\n -webkit-box-flex: 0;\n -ms-flex: 0 0 1rem;\n flex: 0 0 1rem; }\n\n.bx--side-nav__icon:not(.bx--side-nav__submenu-chevron) {\n margin-right: 1.5rem; }\n\n.bx--side-nav__icon > svg {\n fill: #565656; }\n\n.bx--side-nav__icon > svg.bx--side-nav-collapse-icon {\n display: none; }\n\n.bx--side-nav--expanded\n.bx--side-nav__icon\n> svg.bx--side-nav-expand-icon {\n display: none; }\n\n.bx--side-nav--expanded\n.bx--side-nav__icon\n> svg.bx--side-nav-collapse-icon {\n display: block; }\n\n.bx--side-nav--fixed a.bx--side-nav__link,\n.bx--side-nav--fixed\n.bx--side-nav__submenu[aria-haspopup='true'] {\n padding-left: 1rem; }\n\n.bx--side-nav--fixed\n.bx--side-nav__menu[role='menu']\na.bx--side-nav__link {\n padding-left: 2rem; }\n\n.bx--navigation {\n position: fixed;\n top: 3rem;\n bottom: 0;\n left: 0;\n background-color: #282828;\n width: 16rem;\n z-index: 9100;\n -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.25);\n box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.25);\n color: #f3f3f3; }\n\n.bx--navigation--right {\n left: auto;\n right: 0; }\n\n.bx--navigation svg {\n fill: #f3f3f3; }\n\n.bx--navigation-section:not(:last-child)::after {\n display: block;\n content: '';\n height: 1px;\n background-color: #3d3d3d;\n margin: 0 1rem; }\n\n.bx--navigation-item {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--navigation-item--active > a.bx--navigation-link {\n color: #ffffff;\n font-weight: 600; }\n\n.bx--navigation-item--active::after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 4px;\n background-color: #0062ff; }\n\na.bx--navigation-link {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #f3f3f3;\n text-decoration: none;\n font-size: 0.875rem;\n font-weight: 400;\n width: 100%;\n min-height: 2.5rem;\n padding-left: 1rem; }\n\na.bx--navigation-link:hover {\n background-color: #333333;\n color: #ffffff; }\n\na.bx--navigation-link:focus {\n outline: 0.1875rem solid #0062ff;\n outline-offset: -0.1875rem; }\n\n.bx--navigation-item--icon > a.bx--navigation-link {\n padding-left: 0; }\n\n.bx--navigation__category {\n width: 100%; }\n\n.bx--navigation__category-toggle {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--navigation__category-toggle::-moz-focus-inner {\n border: 0; }\n\n.bx--navigation__category-toggle:hover {\n background-color: #333333; }\n\n.bx--navigation__category-toggle:focus {\n outline: 0.1875rem solid #0062ff;\n outline-offset: -0.1875rem; }\n\n.bx--navigation__category-title {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding-right: 1rem;\n width: 100%;\n color: #f3f3f3;\n font-size: 0.875rem;\n font-weight: 400;\n min-height: 2.5rem;\n padding-left: 1rem; }\n\n.bx--navigation-item--icon .bx--navigation__category-title {\n padding-left: 0; }\n\n.bx--navigation__category-items {\n display: none;\n visibility: hidden; }\n\n.bx--navigation__category-item > a.bx--navigation-link {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 2rem;\n padding-left: 2rem; }\n\n.bx--navigation__category-item {\n position: relative; }\n\n.bx--navigation-item--icon\n.bx--navigation__category-item\n> a.bx--navigation-link {\n padding-left: 3.5rem; }\n\n.bx--navigation__category-item--active::after {\n content: '';\n position: absolute;\n display: block;\n top: 0;\n bottom: 0;\n left: 0;\n width: 4px;\n background-color: #0062ff; }\n\n.bx--navigation__category-item--active\n> a.bx--navigation-link {\n font-weight: 600;\n color: #ffffff; }\n\n.bx--navigation__category--expanded\n.bx--navigation__category-title {\n font-weight: 600; }\n\n.bx--navigation__category--expanded\n.bx--navigation__category-title\n> svg {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg); }\n\n.bx--navigation__category--expanded\n.bx--navigation__category-items {\n display: block;\n visibility: inherit; }\n\n.bx--navigation-icon {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 3rem;\n min-width: 3rem;\n height: 2.5rem;\n margin-right: 0.5rem; }\n\n.bx--content {\n background: #ffffff;\n padding: 2rem;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n will-change: margin-left; }\n\n.bx--header ~ .bx--content {\n margin-top: 3rem; }\n\n.bx--side-nav ~ .bx--content {\n margin-left: 3rem; }\n\n.bx--side-nav.bx--side-nav--expanded ~ .bx--content {\n margin-left: 16rem; }\n\n.sb-show-main:not(.full-page) {\n padding: 3em;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n", ""]);
|
|
94
|
+
exports.push([module.i, "html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline; }\n\nbutton,\nselect,\ninput[type='button'],\ninput[type='submit'],\ninput[type='reset'],\ninput[type='file'],\ninput[type='text'],\ninput[type='password'],\ntextarea {\n border-radius: 0;\n font-family: inherit; }\n\ninput[type='text']::-ms-clear {\n display: none; }\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block; }\n\nbody {\n line-height: 1; }\n\nsup {\n vertical-align: super; }\n\nsub {\n vertical-align: sub; }\n\nol,\nul {\n list-style: none; }\n\nblockquote,\nq {\n quotes: none; }\n\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: '';\n content: none; }\n\ntable {\n border-collapse: collapse;\n border-spacing: 0; }\n\n* {\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\nhtml {\n font-size: 16px; }\n\nbody {\n font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;\n font-weight: 400;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n\nstrong {\n font-weight: 600; }\n\ncode {\n font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; }\n\n@media screen and (-ms-high-contract: active) {\n svg {\n fill: ButtonText; } }\n\n@-webkit-keyframes skeleton {\n 0% {\n width: 0%;\n left: 0;\n right: auto;\n opacity: 0.3; }\n 20% {\n width: 100%;\n left: 0;\n right: auto;\n opacity: 1; }\n 28% {\n width: 100%;\n left: auto;\n right: 0; }\n 51% {\n width: 0%;\n left: auto;\n right: 0; }\n 58% {\n width: 0%;\n left: auto;\n right: 0; }\n 82% {\n width: 100%;\n left: auto;\n right: 0; }\n 83% {\n width: 100%;\n left: 0;\n right: auto; }\n 96% {\n width: 0%;\n left: 0;\n right: auto; }\n 100% {\n width: 0%;\n left: 0;\n right: auto;\n opacity: 0.3; } }\n\n@keyframes skeleton {\n 0% {\n width: 0%;\n left: 0;\n right: auto;\n opacity: 0.3; }\n 20% {\n width: 100%;\n left: 0;\n right: auto;\n opacity: 1; }\n 28% {\n width: 100%;\n left: auto;\n right: 0; }\n 51% {\n width: 0%;\n left: auto;\n right: 0; }\n 58% {\n width: 0%;\n left: auto;\n right: 0; }\n 82% {\n width: 100%;\n left: auto;\n right: 0; }\n 83% {\n width: 100%;\n left: 0;\n right: auto; }\n 96% {\n width: 0%;\n left: 0;\n right: auto; }\n 100% {\n width: 0%;\n left: 0;\n right: auto;\n opacity: 0.3; } }\n\n.bx--text-truncate--end {\n width: 100%;\n display: inline-block;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden; }\n\n.bx--text-truncate--front {\n width: 100%;\n display: inline-block;\n direction: rtl;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden; }\n\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light Italic\"), local(\"IBMPlexMono-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1gMoW.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono Italic\"), local(\"IBMPlexMono-Italic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa1Xdm.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold Italic\"), local(\"IBMPlexMono-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1gMoW.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light\"), local(\"IBMPlexMono-Light\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlBFhA.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono\"), local(\"IBMPlexMono\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1i8q0Q.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold\"), local(\"IBMPlexMono-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlBFhA.woff) format(\"woff\"); }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light Italic\"), local(\"IBMPlexMono-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1jcoQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light Italic\"), local(\"IBMPlexMono-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1hMoQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light Italic\"), local(\"IBMPlexMono-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1j8oQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light Italic\"), local(\"IBMPlexMono-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1jsoQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light Italic\"), local(\"IBMPlexMono-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSflV1gMoQPttozw.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono Italic\"), local(\"IBMPlexMono-Italic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa2HdgregdFOFh.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono Italic\"), local(\"IBMPlexMono-Italic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa0XdgregdFOFh.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono Italic\"), local(\"IBMPlexMono-Italic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa2ndgregdFOFh.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono Italic\"), local(\"IBMPlexMono-Italic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa23dgregdFOFh.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono Italic\"), local(\"IBMPlexMono-Italic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6pfjptAgt5VM-kVkqdyU8n1ioa1XdgregdFA.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold Italic\"), local(\"IBMPlexMono-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1jcoQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold Italic\"), local(\"IBMPlexMono-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1hMoQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold Italic\"), local(\"IBMPlexMono-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1j8oQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold Italic\"), local(\"IBMPlexMono-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1jsoQPttoz6Pz.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold Italic\"), local(\"IBMPlexMono-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6sfjptAgt5VM-kVkqdyU8n1ioSClN1gMoQPttozw.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light\"), local(\"IBMPlexMono-Light\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl1FgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light\"), local(\"IBMPlexMono-Light\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlRFgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light\"), local(\"IBMPlexMono-Light\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl9FgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light\"), local(\"IBMPlexMono-Light\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwl5FgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Mono Light\"), local(\"IBMPlexMono-Light\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3oQIwlBFgsAXHNk.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono\"), local(\"IBMPlexMono\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iIq131nj-otFQ.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono\"), local(\"IBMPlexMono\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1isq131nj-otFQ.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono\"), local(\"IBMPlexMono\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iAq131nj-otFQ.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono\"), local(\"IBMPlexMono\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1iEq131nj-otFQ.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Mono\"), local(\"IBMPlexMono\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F63fjptAgt5VM-kVkqdyU8n1i8q131nj-o.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold\"), local(\"IBMPlexMono-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl1FgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold\"), local(\"IBMPlexMono-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlRFgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold\"), local(\"IBMPlexMono-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl9FgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold\"), local(\"IBMPlexMono-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwl5FgsAXHNlYzg.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Mono';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Mono SemiBold\"), local(\"IBMPlexMono-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexmono/v4/-F6qfjptAgt5VM-kVkqdyU8n3vAOwlBFgsAXHNk.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdvfo.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZP.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdvfo.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIFscg.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeEw.woff) format(\"woff\"); }\n\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFscg.woff) format(\"woff\"); }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRce_fuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRccvfuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* greek */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdffuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRceffuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcePfuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light Italic\"), local(\"IBMPlexSans-LightItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmvIRcdvfuJGl18Q.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuGqZJW9XjDlN8.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuE6ZJW9XjDlN8.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* greek */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuFKZJW9XjDlN8.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuGKZJW9XjDlN8.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuGaZJW9XjDlN8.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans Italic\"), local(\"IBMPlexSans-Italic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX-KVElMYYaJe8bpLHnCwDKhdTuF6ZJW9XjDg.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJce_fuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJccvfuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* greek */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdffuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJceffuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcePfuJGl18QRY.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: italic;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold Italic\"), local(\"IBMPlexSans-SemiBoldItalic\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX7KVElMYYaJe8bpLHnCwDKhdTmyIJcdvfuJGl18Q.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIxsdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIVsdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* greek */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIJsdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AI5sdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AI9sdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 300;\n font-display: auto;\n src: local(\"IBM Plex Sans Light\"), local(\"IBMPlexSans-Light\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjXr8AIFsdP3pBms.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdzeFaxOedfTDw.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdXeFaxOedfTDw.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* greek */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdLeFaxOedfTDw.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhd7eFaxOedfTDw.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhd_eFaxOedfTDw.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n src: local(\"IBM Plex Sans\"), local(\"IBMPlexSans\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYXgKVElMYYaJe8bpLHnCwDKhdHeFaxOedc.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n/* cyrillic-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIxsdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }\n\n/* cyrillic */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIVsdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }\n\n/* greek */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIJsdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0370-03FF; }\n\n/* vietnamese */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI5sdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }\n\n/* latin-ext */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI9sdP3pBmtF8A.woff2) format(\"woff2\");\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }\n\n/* latin */\n@font-face {\n font-family: 'IBM Plex Sans';\n font-style: normal;\n font-weight: 600;\n font-display: auto;\n src: local(\"IBM Plex Sans SemiBold\"), local(\"IBMPlexSans-SemiBold\"), url(https://fonts.gstatic.com/s/ibmplexsans/v6/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFsdP3pBms.woff2) format(\"woff2\");\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n.bx--assistive-text,\n.bx--visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--body {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #171717;\n background-color: #ffffff;\n line-height: 1; }\n\nbody {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #171717;\n background-color: #ffffff;\n line-height: 1; }\n\n.bx--grid {\n margin-right: auto;\n margin-left: auto;\n max-width: 99rem;\n padding-left: 1rem;\n padding-right: 1rem; }\n @media (min-width: 42rem) {\n .bx--grid {\n padding-left: 2rem;\n padding-right: 2rem; } }\n\n@media (min-width: 99rem) {\n .bx--grid--full-width {\n max-width: 100%; } }\n\n.bx--row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-right: -1rem;\n margin-left: -1rem; }\n\n.bx--grid--condensed .bx--row:not(:last-of-type) {\n margin-bottom: 0.125rem; }\n\n.bx--row--condensed + .bx--row--condensed {\n margin-top: 0.125rem; }\n\n.bx--col {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col,\n .bx--grid--condensed .bx--col {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-sm-1 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-sm-1,\n .bx--grid--condensed .bx--col-sm-1 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-sm-2 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-sm-2,\n .bx--grid--condensed .bx--col-sm-2 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-sm-3 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-sm-3,\n .bx--grid--condensed .bx--col-sm-3 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-sm-4 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-sm-4,\n .bx--grid--condensed .bx--col-sm-4 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-sm,\n.bx--col-sm--auto {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-sm,\n .bx--grid--condensed .bx--col-sm, .bx--row--condensed\n .bx--col-sm--auto,\n .bx--grid--condensed\n .bx--col-sm--auto {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col,\n.bx--col-sm {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%; }\n\n.bx--col--auto,\n.bx--col-sm--auto {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n width: auto;\n max-width: 100%; }\n\n.bx--col-sm-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%; }\n\n.bx--col-sm-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%; }\n\n.bx--col-sm-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%; }\n\n.bx--col-sm-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%; }\n\n.bx--offset-sm-0 {\n margin-left: 0; }\n\n.bx--offset-sm-1 {\n margin-left: 25%; }\n\n.bx--offset-sm-2 {\n margin-left: 50%; }\n\n.bx--offset-sm-3 {\n margin-left: 75%; }\n\n.bx--col-md-1 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-1,\n .bx--grid--condensed .bx--col-md-1 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-2 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-2,\n .bx--grid--condensed .bx--col-md-2 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-3 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-3,\n .bx--grid--condensed .bx--col-md-3 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-4 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-4,\n .bx--grid--condensed .bx--col-md-4 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-5 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-5,\n .bx--grid--condensed .bx--col-md-5 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-6 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-6,\n .bx--grid--condensed .bx--col-md-6 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-7 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-7,\n .bx--grid--condensed .bx--col-md-7 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md-8 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md-8,\n .bx--grid--condensed .bx--col-md-8 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-md,\n.bx--col-md--auto {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-md,\n .bx--grid--condensed .bx--col-md, .bx--row--condensed\n .bx--col-md--auto,\n .bx--grid--condensed\n .bx--col-md--auto {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n@media (min-width: 42rem) {\n .bx--col,\n .bx--col-md {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%; }\n .bx--col--auto,\n .bx--col-md--auto {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n width: auto;\n max-width: 100%; }\n .bx--col-md-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 12.5%;\n flex: 0 0 12.5%;\n max-width: 12.5%; }\n .bx--col-md-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%; }\n .bx--col-md-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 37.5%;\n flex: 0 0 37.5%;\n max-width: 37.5%; }\n .bx--col-md-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%; }\n .bx--col-md-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 62.5%;\n flex: 0 0 62.5%;\n max-width: 62.5%; }\n .bx--col-md-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%; }\n .bx--col-md-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 87.5%;\n flex: 0 0 87.5%;\n max-width: 87.5%; }\n .bx--col-md-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%; }\n .bx--offset-md-0 {\n margin-left: 0; }\n .bx--offset-md-1 {\n margin-left: 12.5%; }\n .bx--offset-md-2 {\n margin-left: 25%; }\n .bx--offset-md-3 {\n margin-left: 37.5%; }\n .bx--offset-md-4 {\n margin-left: 50%; }\n .bx--offset-md-5 {\n margin-left: 62.5%; }\n .bx--offset-md-6 {\n margin-left: 75%; }\n .bx--offset-md-7 {\n margin-left: 87.5%; } }\n\n.bx--col-lg-1 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-1,\n .bx--grid--condensed .bx--col-lg-1 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-2 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-2,\n .bx--grid--condensed .bx--col-lg-2 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-3 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-3,\n .bx--grid--condensed .bx--col-lg-3 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-4 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-4,\n .bx--grid--condensed .bx--col-lg-4 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-5 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-5,\n .bx--grid--condensed .bx--col-lg-5 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-6 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-6,\n .bx--grid--condensed .bx--col-lg-6 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-7 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-7,\n .bx--grid--condensed .bx--col-lg-7 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-8 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-8,\n .bx--grid--condensed .bx--col-lg-8 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-9 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-9,\n .bx--grid--condensed .bx--col-lg-9 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-10 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-10,\n .bx--grid--condensed .bx--col-lg-10 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-11 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-11,\n .bx--grid--condensed .bx--col-lg-11 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg-12 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg-12,\n .bx--grid--condensed .bx--col-lg-12 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-lg,\n.bx--col-lg--auto {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-lg,\n .bx--grid--condensed .bx--col-lg, .bx--row--condensed\n .bx--col-lg--auto,\n .bx--grid--condensed\n .bx--col-lg--auto {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n@media (min-width: 66rem) {\n .bx--col,\n .bx--col-lg {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%; }\n .bx--col--auto,\n .bx--col-lg--auto {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n width: auto;\n max-width: 100%; }\n .bx--col-lg-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.33333%;\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .bx--col-lg-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.66667%;\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .bx--col-lg-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%; }\n .bx--col-lg-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.33333%;\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .bx--col-lg-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.66667%;\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .bx--col-lg-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%; }\n .bx--col-lg-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.33333%;\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .bx--col-lg-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.66667%;\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .bx--col-lg-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%; }\n .bx--col-lg-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.33333%;\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .bx--col-lg-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.66667%;\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .bx--col-lg-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%; }\n .bx--offset-lg-0 {\n margin-left: 0; }\n .bx--offset-lg-1 {\n margin-left: 8.33333%; }\n .bx--offset-lg-2 {\n margin-left: 16.66667%; }\n .bx--offset-lg-3 {\n margin-left: 25%; }\n .bx--offset-lg-4 {\n margin-left: 33.33333%; }\n .bx--offset-lg-5 {\n margin-left: 41.66667%; }\n .bx--offset-lg-6 {\n margin-left: 50%; }\n .bx--offset-lg-7 {\n margin-left: 58.33333%; }\n .bx--offset-lg-8 {\n margin-left: 66.66667%; }\n .bx--offset-lg-9 {\n margin-left: 75%; }\n .bx--offset-lg-10 {\n margin-left: 83.33333%; }\n .bx--offset-lg-11 {\n margin-left: 91.66667%; } }\n\n.bx--col-xlg-1 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-1,\n .bx--grid--condensed .bx--col-xlg-1 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-2 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-2,\n .bx--grid--condensed .bx--col-xlg-2 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-3 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-3,\n .bx--grid--condensed .bx--col-xlg-3 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-4 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-4,\n .bx--grid--condensed .bx--col-xlg-4 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-5 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-5,\n .bx--grid--condensed .bx--col-xlg-5 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-6 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-6,\n .bx--grid--condensed .bx--col-xlg-6 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-7 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-7,\n .bx--grid--condensed .bx--col-xlg-7 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-8 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-8,\n .bx--grid--condensed .bx--col-xlg-8 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-9 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-9,\n .bx--grid--condensed .bx--col-xlg-9 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-10 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-10,\n .bx--grid--condensed .bx--col-xlg-10 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-11 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-11,\n .bx--grid--condensed .bx--col-xlg-11 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg-12 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg-12,\n .bx--grid--condensed .bx--col-xlg-12 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-xlg,\n.bx--col-xlg--auto {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-xlg,\n .bx--grid--condensed .bx--col-xlg, .bx--row--condensed\n .bx--col-xlg--auto,\n .bx--grid--condensed\n .bx--col-xlg--auto {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n@media (min-width: 82rem) {\n .bx--col,\n .bx--col-xlg {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%; }\n .bx--col--auto,\n .bx--col-xlg--auto {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n width: auto;\n max-width: 100%; }\n .bx--col-xlg-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.33333%;\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .bx--col-xlg-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.66667%;\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .bx--col-xlg-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%; }\n .bx--col-xlg-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.33333%;\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .bx--col-xlg-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.66667%;\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .bx--col-xlg-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%; }\n .bx--col-xlg-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.33333%;\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .bx--col-xlg-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.66667%;\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .bx--col-xlg-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%; }\n .bx--col-xlg-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.33333%;\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .bx--col-xlg-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.66667%;\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .bx--col-xlg-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%; }\n .bx--offset-xlg-0 {\n margin-left: 0; }\n .bx--offset-xlg-1 {\n margin-left: 8.33333%; }\n .bx--offset-xlg-2 {\n margin-left: 16.66667%; }\n .bx--offset-xlg-3 {\n margin-left: 25%; }\n .bx--offset-xlg-4 {\n margin-left: 33.33333%; }\n .bx--offset-xlg-5 {\n margin-left: 41.66667%; }\n .bx--offset-xlg-6 {\n margin-left: 50%; }\n .bx--offset-xlg-7 {\n margin-left: 58.33333%; }\n .bx--offset-xlg-8 {\n margin-left: 66.66667%; }\n .bx--offset-xlg-9 {\n margin-left: 75%; }\n .bx--offset-xlg-10 {\n margin-left: 83.33333%; }\n .bx--offset-xlg-11 {\n margin-left: 91.66667%; } }\n\n.bx--col-max-1 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-1,\n .bx--grid--condensed .bx--col-max-1 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-2 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-2,\n .bx--grid--condensed .bx--col-max-2 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-3 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-3,\n .bx--grid--condensed .bx--col-max-3 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-4 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-4,\n .bx--grid--condensed .bx--col-max-4 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-5 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-5,\n .bx--grid--condensed .bx--col-max-5 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-6 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-6,\n .bx--grid--condensed .bx--col-max-6 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-7 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-7,\n .bx--grid--condensed .bx--col-max-7 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-8 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-8,\n .bx--grid--condensed .bx--col-max-8 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-9 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-9,\n .bx--grid--condensed .bx--col-max-9 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-10 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-10,\n .bx--grid--condensed .bx--col-max-10 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-11 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-11,\n .bx--grid--condensed .bx--col-max-11 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max-12 {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max-12,\n .bx--grid--condensed .bx--col-max-12 {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n.bx--col-max,\n.bx--col-max--auto {\n width: 100%;\n padding-right: 1rem;\n padding-left: 1rem; }\n .bx--row--condensed .bx--col-max,\n .bx--grid--condensed .bx--col-max, .bx--row--condensed\n .bx--col-max--auto,\n .bx--grid--condensed\n .bx--col-max--auto {\n padding-right: 0.0625rem;\n padding-left: 0.0625rem; }\n\n@media (min-width: 99rem) {\n .bx--col,\n .bx--col-max {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%; }\n .bx--col--auto,\n .bx--col-max--auto {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n width: auto;\n max-width: 100%; }\n .bx--col-max-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.33333%;\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .bx--col-max-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.66667%;\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .bx--col-max-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%; }\n .bx--col-max-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.33333%;\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .bx--col-max-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.66667%;\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .bx--col-max-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%; }\n .bx--col-max-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.33333%;\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .bx--col-max-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.66667%;\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .bx--col-max-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%; }\n .bx--col-max-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.33333%;\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .bx--col-max-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.66667%;\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .bx--col-max-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%; }\n .bx--offset-max-0 {\n margin-left: 0; }\n .bx--offset-max-1 {\n margin-left: 8.33333%; }\n .bx--offset-max-2 {\n margin-left: 16.66667%; }\n .bx--offset-max-3 {\n margin-left: 25%; }\n .bx--offset-max-4 {\n margin-left: 33.33333%; }\n .bx--offset-max-5 {\n margin-left: 41.66667%; }\n .bx--offset-max-6 {\n margin-left: 50%; }\n .bx--offset-max-7 {\n margin-left: 58.33333%; }\n .bx--offset-max-8 {\n margin-left: 66.66667%; }\n .bx--offset-max-9 {\n margin-left: 75%; }\n .bx--offset-max-10 {\n margin-left: 83.33333%; }\n .bx--offset-max-11 {\n margin-left: 91.66667%; } }\n\n.bx--no-gutter,\n.bx--row.bx--no-gutter [class*='bx--col'] {\n padding-left: 0;\n padding-right: 0; }\n\n.bx--no-gutter--left,\n.bx--row.bx--no-gutter--left [class*='bx--col'] {\n padding-left: 0; }\n\n.bx--no-gutter--right,\n.bx--row.bx--no-gutter--right [class*='bx--col'] {\n padding-right: 0; }\n\n.bx--hang--left {\n padding-left: 1rem; }\n\n.bx--hang--right {\n padding-right: 1rem; }\n\n.bx--aspect-ratio {\n height: 0;\n position: relative; }\n\n.bx--aspect-ratio--object {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 100; }\n\n.bx--aspect-ratio--16x9 {\n padding-bottom: 56.25%; }\n\n.bx--aspect-ratio--2x1 {\n padding-bottom: 50%; }\n\n.bx--aspect-ratio--4x3 {\n padding-bottom: 75%; }\n\n.bx--aspect-ratio--1x1 {\n padding-bottom: 100%; }\n\n.bx--aspect-ratio--1x2 {\n padding-bottom: 200%; }\n\n.bx--btn-set {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--btn-set > .bx--btn {\n max-width: 12.25rem;\n width: 100%; }\n\n.bx--btn--secondary.bx--btn--disabled\n+ .bx--btn--primary.bx--btn--disabled,\n.bx--btn--tertiary.bx--btn--disabled\n+ .bx--btn--danger.bx--btn--disabled {\n border-left: 0.0625rem solid #8c8c8c; }\n\n.bx--btn {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n cursor: pointer;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n min-height: 3rem;\n padding: calc(0.875rem - 3px) 60px calc(0.875rem - 3px) 12px;\n border-radius: 0;\n text-align: left;\n text-decoration: none;\n -webkit-transition: all 70ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: all 70ms cubic-bezier(0, 0, 0.38, 0.9);\n outline: 1px solid transparent;\n outline-offset: -4px;\n position: relative;\n max-width: 20rem; }\n .bx--btn:disabled, .bx--btn.bx--btn--disabled {\n cursor: not-allowed;\n color: #8c8c8c;\n background: #bebebe;\n border-color: #bebebe; }\n .bx--btn .bx--btn__icon {\n position: absolute;\n right: 1rem;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n width: 1rem;\n height: 1rem;\n -webkit-transition: all 70ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: all 70ms cubic-bezier(0, 0, 0.38, 0.9); }\n .bx--btn.bx--btn--disabled > svg.bx--btn__icon,\n .bx--btn:disabled > svg.bx--btn__icon {\n fill: #8c8c8c; }\n\n.bx--btn::-moz-focus-inner {\n padding: 0;\n border: 0; }\n\n.bx--btn--primary {\n background-color: #0062ff;\n border-width: 3px;\n border-style: solid;\n border-color: transparent;\n color: #ffffff; }\n .bx--btn--primary:hover {\n background-color: #0353e9; }\n .bx--btn--primary:focus {\n border-color: #0062ff;\n outline-color: #ffffff; }\n .bx--btn--primary:disabled:hover, .bx--btn--primary:disabled:focus, .bx--btn--primary:hover.bx--btn--disabled, .bx--btn--primary:focus.bx--btn--disabled {\n color: #8c8c8c;\n background-color: #bebebe;\n border-color: #bebebe;\n text-decoration: none; }\n .bx--btn--primary:active {\n background-color: #0530ad; }\n .bx--btn--primary .bx--btn__icon,\n .bx--btn--primary .bx--btn__icon path {\n fill: currentColor; }\n .bx--btn--primary:hover {\n color: #ffffff; }\n\n.bx--btn--secondary {\n background-color: #171717;\n border-width: 3px;\n border-style: solid;\n border-color: transparent;\n color: #ffffff; }\n .bx--btn--secondary:hover {\n background-color: #4c4c4c; }\n .bx--btn--secondary:focus {\n border-color: #0062ff;\n outline-color: #ffffff; }\n .bx--btn--secondary:disabled:hover, .bx--btn--secondary:disabled:focus, .bx--btn--secondary:hover.bx--btn--disabled, .bx--btn--secondary:focus.bx--btn--disabled {\n color: #8c8c8c;\n background-color: #bebebe;\n border-color: #bebebe;\n text-decoration: none; }\n .bx--btn--secondary:active {\n background-color: #6f6f6f; }\n .bx--btn--secondary .bx--btn__icon,\n .bx--btn--secondary .bx--btn__icon path {\n fill: currentColor; }\n .bx--btn--secondary:hover, .bx--btn--secondary:focus {\n color: #ffffff; }\n\n.bx--btn--tertiary {\n background-color: transparent;\n border-width: 1px;\n border-style: solid;\n border-color: #0062ff;\n color: #0062ff; }\n .bx--btn--tertiary:hover {\n background-color: #0353e9; }\n .bx--btn--tertiary:focus {\n border-color: #0062ff;\n outline-color: #ffffff; }\n .bx--btn--tertiary:disabled:hover, .bx--btn--tertiary:disabled:focus, .bx--btn--tertiary:hover.bx--btn--disabled, .bx--btn--tertiary:focus.bx--btn--disabled {\n color: #8c8c8c;\n background-color: #bebebe;\n border-color: #bebebe;\n text-decoration: none; }\n .bx--btn--tertiary:active {\n background-color: #0530ad; }\n .bx--btn--tertiary .bx--btn__icon,\n .bx--btn--tertiary .bx--btn__icon path {\n fill: currentColor; }\n .bx--btn--tertiary:hover {\n color: #ffffff; }\n .bx--btn--tertiary:disabled, .bx--btn--tertiary:hover:disabled, .bx--btn--tertiary:focus:disabled, .bx--btn--tertiary.bx--btn--disabled, .bx--btn--tertiary.bx--btn--disabled:hover, .bx--btn--tertiary.bx--btn--disabled:focus {\n background: transparent;\n color: #bebebe; }\n .bx--btn--tertiary:disabled > .bx--btn__icon path, .bx--btn--tertiary:hover:disabled > .bx--btn__icon path, .bx--btn--tertiary:focus:disabled > .bx--btn__icon path, .bx--btn--tertiary.bx--btn--disabled > .bx--btn__icon path, .bx--btn--tertiary.bx--btn--disabled:hover > .bx--btn__icon path, .bx--btn--tertiary.bx--btn--disabled:focus > .bx--btn__icon path {\n fill: #bebebe; }\n .bx--btn--tertiary:hover > .bx--btn__icon path {\n fill: #ffffff; }\n\n.bx--btn--ghost {\n background-color: transparent;\n border-width: 3px;\n border-style: solid;\n border-color: transparent;\n color: #0062ff;\n padding: 11px 13px; }\n .bx--btn--ghost:hover {\n background-color: #e5e5e5; }\n .bx--btn--ghost:focus {\n border-color: #0062ff;\n outline-color: #ffffff; }\n .bx--btn--ghost:disabled:hover, .bx--btn--ghost:disabled:focus, .bx--btn--ghost:hover.bx--btn--disabled, .bx--btn--ghost:focus.bx--btn--disabled {\n color: #8c8c8c;\n background-color: #bebebe;\n border-color: #bebebe;\n text-decoration: none; }\n .bx--btn--ghost:active {\n background-color: #bebebe; }\n .bx--btn--ghost .bx--btn__icon,\n .bx--btn--ghost .bx--btn__icon path {\n fill: currentColor; }\n .bx--btn--ghost .bx--btn__icon {\n position: static;\n margin-left: 0.5rem; }\n .bx--btn--ghost:hover, .bx--btn--ghost:active {\n color: #054ada; }\n .bx--btn--ghost:hover .bx--btn__icon path, .bx--btn--ghost:active .bx--btn__icon path {\n fill: #054ada; }\n .bx--btn--ghost:active {\n background-color: #bebebe; }\n .bx--btn--ghost:disabled, .bx--btn--ghost:hover:disabled, .bx--btn--ghost:focus:disabled, .bx--btn--ghost.bx--btn--disabled, .bx--btn--ghost.bx--btn--disabled:hover, .bx--btn--ghost.bx--btn--disabled:focus {\n color: #bebebe;\n background: transparent;\n border-color: transparent; }\n .bx--btn--ghost:disabled .bx--btn__icon path, .bx--btn--ghost:hover:disabled .bx--btn__icon path, .bx--btn--ghost:focus:disabled .bx--btn__icon path, .bx--btn--ghost.bx--btn--disabled .bx--btn__icon path, .bx--btn--ghost.bx--btn--disabled:hover .bx--btn__icon path, .bx--btn--ghost.bx--btn--disabled:focus .bx--btn__icon path {\n fill: #bebebe; }\n .bx--btn--ghost.bx--btn--sm {\n padding: calc(0.375rem - 3px) 1rem; }\n\n.bx--btn--icon-only {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--btn--icon-only:focus {\n outline: 1px solid transparent; }\n .bx--btn--icon-only:focus svg {\n outline: 1px solid #0062ff; }\n .bx--btn--icon-only::before, .bx--btn--icon-only::after,\n .bx--btn--icon-only .bx--assistive-text,\n .bx--btn--icon-only + .bx--assistive-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none; }\n .bx--btn--icon-only::before, .bx--btn--icon-only::after {\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--btn--icon-only.bx--tooltip--a11y::before, .bx--btn--icon-only.bx--tooltip--a11y::after {\n -webkit-transition: none;\n transition: none; }\n .bx--btn--icon-only::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--btn--icon-only .bx--assistive-text,\n .bx--btn--icon-only + .bx--assistive-text {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n color: inherit;\n opacity: 1;\n white-space: normal; }\n .bx--btn--icon-only::after,\n .bx--btn--icon-only:hover .bx--assistive-text,\n .bx--btn--icon-only:focus .bx--assistive-text,\n .bx--btn--icon-only:hover + .bx--assistive-text,\n .bx--btn--icon-only:focus + .bx--assistive-text {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--btn--icon-only::after {\n content: attr(aria-label); }\n .bx--btn--icon-only.bx--tooltip--a11y::after {\n content: none; }\n .bx--btn--icon-only:hover::before, .bx--btn--icon-only:hover::after, .bx--btn--icon-only:focus::before, .bx--btn--icon-only:focus::after {\n opacity: 1; }\n\n@-webkit-keyframes tooltip-fade {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n@keyframes tooltip-fade {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n .bx--btn--icon-only:hover .bx--assistive-text,\n .bx--btn--icon-only:hover + .bx--assistive-text, .bx--btn--icon-only:focus .bx--assistive-text,\n .bx--btn--icon-only:focus + .bx--assistive-text {\n clip: auto;\n margin: auto;\n overflow: visible; }\n .bx--btn--icon-only:hover .bx--assistive-text,\n .bx--btn--icon-only:hover + .bx--assistive-text, .bx--btn--icon-only:hover.bx--tooltip--a11y::before, .bx--btn--icon-only:focus .bx--assistive-text,\n .bx--btn--icon-only:focus + .bx--assistive-text, .bx--btn--icon-only:focus.bx--tooltip--a11y::before {\n -webkit-animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--btn--icon-only:focus svg {\n outline: none; }\n\n.bx--btn--icon-only--top {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--btn--icon-only--top:focus {\n outline: 1px solid transparent; }\n .bx--btn--icon-only--top:focus svg {\n outline: 1px solid #0062ff; }\n .bx--btn--icon-only--top::before, .bx--btn--icon-only--top::after,\n .bx--btn--icon-only--top .bx--assistive-text,\n .bx--btn--icon-only--top + .bx--assistive-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none; }\n .bx--btn--icon-only--top::before, .bx--btn--icon-only--top::after {\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--btn--icon-only--top.bx--tooltip--a11y::before, .bx--btn--icon-only--top.bx--tooltip--a11y::after {\n -webkit-transition: none;\n transition: none; }\n .bx--btn--icon-only--top::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--btn--icon-only--top .bx--assistive-text,\n .bx--btn--icon-only--top + .bx--assistive-text {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n color: inherit;\n opacity: 1;\n white-space: normal; }\n .bx--btn--icon-only--top::after,\n .bx--btn--icon-only--top:hover .bx--assistive-text,\n .bx--btn--icon-only--top:focus .bx--assistive-text,\n .bx--btn--icon-only--top:hover + .bx--assistive-text,\n .bx--btn--icon-only--top:focus + .bx--assistive-text {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--btn--icon-only--top::after {\n content: attr(aria-label); }\n .bx--btn--icon-only--top.bx--tooltip--a11y::after {\n content: none; }\n .bx--btn--icon-only--top:hover::before, .bx--btn--icon-only--top:hover::after, .bx--btn--icon-only--top:focus::before, .bx--btn--icon-only--top:focus::after {\n opacity: 1; }\n\n@keyframes tooltip-fade {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n .bx--btn--icon-only--top:hover .bx--assistive-text,\n .bx--btn--icon-only--top:hover + .bx--assistive-text, .bx--btn--icon-only--top:focus .bx--assistive-text,\n .bx--btn--icon-only--top:focus + .bx--assistive-text {\n clip: auto;\n margin: auto;\n overflow: visible; }\n .bx--btn--icon-only--top:hover .bx--assistive-text,\n .bx--btn--icon-only--top:hover + .bx--assistive-text, .bx--btn--icon-only--top:hover.bx--tooltip--a11y::before, .bx--btn--icon-only--top:focus .bx--assistive-text,\n .bx--btn--icon-only--top:focus + .bx--assistive-text, .bx--btn--icon-only--top:focus.bx--tooltip--a11y::before {\n -webkit-animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--btn--icon-only--top::before, .bx--btn--icon-only--top::after,\n .bx--btn--icon-only--top:hover .bx--assistive-text,\n .bx--btn--icon-only--top:focus .bx--assistive-text,\n .bx--btn--icon-only--top:hover + .bx--assistive-text,\n .bx--btn--icon-only--top:focus + .bx--assistive-text {\n top: 0;\n left: 50%; }\n .bx--btn--icon-only--top::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem))); }\n .bx--btn--icon-only--top::after,\n .bx--btn--icon-only--top:hover .bx--assistive-text,\n .bx--btn--icon-only--top:focus .bx--assistive-text,\n .bx--btn--icon-only--top:hover + .bx--assistive-text,\n .bx--btn--icon-only--top:focus + .bx--assistive-text {\n left: 50%;\n -webkit-transform: translate(-50%, calc(-1 * (100% + 0.5rem + 0.3125rem)));\n transform: translate(-50%, calc(-1 * (100% + 0.5rem + 0.3125rem))); }\n\n.bx--btn--icon-only--bottom::before, .bx--btn--icon-only--bottom::after,\n.bx--btn--icon-only--bottom:hover .bx--assistive-text,\n.bx--btn--icon-only--bottom:focus .bx--assistive-text,\n.bx--btn--icon-only--bottom:hover + .bx--assistive-text,\n.bx--btn--icon-only--bottom:focus + .bx--assistive-text {\n bottom: 0;\n left: 50%; }\n\n.bx--btn--icon-only--bottom::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.5rem));\n transform: translate(-50%, calc(0.3125rem + 0.5rem)); }\n\n.bx--btn--icon-only--bottom::after,\n.bx--btn--icon-only--bottom:hover .bx--assistive-text,\n.bx--btn--icon-only--bottom:focus .bx--assistive-text,\n.bx--btn--icon-only--bottom:hover + .bx--assistive-text,\n.bx--btn--icon-only--bottom:focus + .bx--assistive-text {\n -webkit-transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem));\n transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem)); }\n\n.bx--btn--icon-only,\n.bx--btn--sm.bx--btn--icon-only,\n.bx--btn--field.bx--btn--icon-only {\n padding-right: 0.8125rem; }\n .bx--btn--icon-only .bx--btn__icon,\n .bx--btn--sm.bx--btn--icon-only .bx--btn__icon,\n .bx--btn--field.bx--btn--icon-only .bx--btn__icon {\n position: static; }\n .bx--btn--icon-only.bx--btn--ghost .bx--btn__icon,\n .bx--btn--sm.bx--btn--icon-only.bx--btn--ghost .bx--btn__icon,\n .bx--btn--field.bx--btn--icon-only.bx--btn--ghost .bx--btn__icon {\n margin: 0; }\n\n.bx--btn--danger {\n background-color: #dc222b;\n border-width: 3px;\n border-style: solid;\n border-color: #dc222b;\n color: #ffffff; }\n .bx--btn--danger:hover {\n background-color: #ba1b23; }\n .bx--btn--danger:focus {\n border-color: #0062ff;\n outline-color: #ffffff; }\n .bx--btn--danger:disabled:hover, .bx--btn--danger:disabled:focus, .bx--btn--danger:hover.bx--btn--disabled, .bx--btn--danger:focus.bx--btn--disabled {\n color: #8c8c8c;\n background-color: #bebebe;\n border-color: #bebebe;\n text-decoration: none; }\n .bx--btn--danger:active {\n background-color: #750e13; }\n .bx--btn--danger .bx--btn__icon,\n .bx--btn--danger .bx--btn__icon path {\n fill: #ffffff; }\n .bx--btn--danger:hover {\n color: #ffffff;\n border: 3px solid transparent; }\n\n.bx--btn--sm {\n min-height: 2rem;\n padding: calc(0.375rem - 3px) 60px calc(0.375rem - 3px) 12px; }\n\n.bx--btn--field {\n height: 40px;\n min-height: 40px;\n padding: calc(0.675rem - 3px) 60px calc(0.675rem - 3px) 12px; }\n\n.bx--btn.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 9.375rem; }\n .bx--btn.bx--skeleton:hover, .bx--btn.bx--skeleton:focus, .bx--btn.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--btn.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--btn--copy {\n position: relative;\n overflow: visible; }\n .bx--btn--copy .bx--btn__icon {\n margin-left: 0.3125rem; }\n\n.bx--btn--copy__feedback {\n position: absolute;\n display: none;\n top: 1.2rem;\n left: 50%; }\n .bx--btn--copy__feedback:focus {\n border: 2px solid red; }\n .bx--btn--copy__feedback:before {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n top: 1.1rem;\n padding: 0.25rem;\n color: #ffffff;\n content: attr(data-feedback);\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n white-space: nowrap;\n pointer-events: none;\n border-radius: 4px;\n font-weight: 400;\n z-index: 2; }\n .bx--btn--copy__feedback:after {\n top: 0.85rem;\n width: 0.6rem;\n height: 0.6rem;\n left: -0.3rem;\n border-right: 1px solid #3d3d3d;\n border-bottom: 1px solid #3d3d3d;\n content: '';\n -webkit-transform: rotate(-135deg);\n transform: rotate(-135deg);\n z-index: 1; }\n .bx--btn--copy__feedback:before, .bx--btn--copy__feedback:after {\n position: absolute;\n display: block;\n background: #3d3d3d; }\n .bx--btn--copy__feedback--displayed {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex; }\n\n.bx--fieldset {\n margin-bottom: 2rem; }\n\n.bx--form-item {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start; }\n\n.bx--label {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n color: #565656;\n font-weight: 400;\n display: inline-block;\n vertical-align: baseline;\n margin-bottom: 0.5rem;\n line-height: 1rem;\n pointer-events: none; }\n\n.bx--label .bx--tooltip__trigger {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px; }\n\n.bx--label.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 4.6875rem;\n height: 0.875rem; }\n .bx--label.bx--skeleton:hover, .bx--label.bx--skeleton:focus, .bx--label.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--label.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\ninput[type='number'] {\n font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; }\n\ninput[data-invalid],\n.bx--text-input__field-wrapper[data-invalid],\n.bx--text-area__wrapper[data-invalid]\n> .bx--text-area--invalid,\n.bx--select-input__wrapper[data-invalid],\n.bx--list-box[data-invalid],\n.bx--combo-box[data-invalid] .bx--text-input {\n outline: 2px solid #da1e28;\n outline-offset: -2px; }\n\ninput[data-invalid] ~ .bx--form-requirement,\n.bx--text-input__field-wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--text-area__wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--select-input__wrapper[data-invalid] ~ .bx--form-requirement,\n.bx--time-picker[data-invalid] ~ .bx--form-requirement,\n.bx--list-box[data-invalid] ~ .bx--form-requirement {\n max-height: 12.5rem;\n display: block;\n color: #da1e28; }\n\ninput:not(output):not([data-invalid]):-moz-ui-invalid {\n box-shadow: none; }\n\n.bx--form-requirement {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n margin: 0.25rem 0 0;\n max-height: 0;\n overflow: hidden;\n line-height: 1.5;\n display: none; }\n\n.bx--label + .bx--form__helper-text {\n margin-top: -0.375rem; }\n\n.bx--form__helper-text {\n font-size: 0.75rem;\n font-style: italic;\n line-height: 1rem;\n letter-spacing: 0.32px;\n font-style: italic;\n color: #565656;\n z-index: 0;\n opacity: 1;\n margin-bottom: 0.5rem; }\n\n.bx--label--disabled,\n.bx--form__helper-text--disabled {\n color: #bebebe; }\n\n@media (min-width: breakpoint(\"sm\")) {\n .bx--form__helper-text {\n max-width: 75%; } }\n\n@-webkit-keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-webkit-keyframes rotate-end-p1 {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes rotate-end-p1 {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@-webkit-keyframes rotate-end-p2 {\n 100% {\n -webkit-transform: rotate(-360deg);\n transform: rotate(-360deg); } }\n\n@keyframes rotate-end-p2 {\n 100% {\n -webkit-transform: rotate(-360deg);\n transform: rotate(-360deg); } }\n\n/* Stroke animations */\n@-webkit-keyframes init-stroke {\n 0% {\n stroke-dashoffset: 240; }\n 100% {\n stroke-dashoffset: 40; } }\n@keyframes init-stroke {\n 0% {\n stroke-dashoffset: 240; }\n 100% {\n stroke-dashoffset: 40; } }\n\n@-webkit-keyframes stroke-end {\n 0% {\n stroke-dashoffset: 40; }\n 100% {\n stroke-dashoffset: 240; } }\n\n@keyframes stroke-end {\n 0% {\n stroke-dashoffset: 40; }\n 100% {\n stroke-dashoffset: 240; } }\n\n.bx--loading {\n -webkit-animation-name: rotate;\n animation-name: rotate;\n -webkit-animation-duration: 690ms;\n animation-duration: 690ms;\n -webkit-animation-timing-function: linear;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n width: 10.5rem;\n height: 10.5rem; }\n .bx--loading svg circle {\n -webkit-animation-name: init-stroke;\n animation-name: init-stroke;\n -webkit-animation-duration: 10ms;\n animation-duration: 10ms;\n -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);\n animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--loading__svg {\n fill: transparent; }\n\n.bx--loading__svg circle {\n stroke-width: 8;\n stroke-linecap: butt;\n stroke-dasharray: 240; }\n\n.bx--loading__stroke {\n stroke: #0062ff;\n stroke-dashoffset: 40; }\n\n.bx--loading--stop {\n -webkit-animation: rotate-end-p1 700ms cubic-bezier(0.2, 0, 1, 0.9) forwards, rotate-end-p2 700ms cubic-bezier(0.2, 0, 1, 0.9) 700ms forwards;\n animation: rotate-end-p1 700ms cubic-bezier(0.2, 0, 1, 0.9) forwards, rotate-end-p2 700ms cubic-bezier(0.2, 0, 1, 0.9) 700ms forwards; }\n .bx--loading--stop svg circle {\n -webkit-animation-name: stroke-end;\n animation-name: stroke-end;\n -webkit-animation-duration: 700ms;\n animation-duration: 700ms;\n -webkit-animation-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n animation-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n -webkit-animation-delay: 700ms;\n animation-delay: 700ms;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n\n.bx--loading--small {\n width: 2rem;\n height: 2rem; }\n .bx--loading--small circle {\n stroke-width: 12; }\n\n.bx--loading--small .bx--loading__svg {\n stroke: #0062ff; }\n\n.bx--loading__background {\n stroke: #dcdcdc;\n stroke-dashoffset: 0; }\n\n.bx--loading-overlay {\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background-color: rgba(255, 255, 255, 0.6);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-transition: background-color 720ms cubic-bezier(0.4, 0.14, 0.3, 1);\n transition: background-color 720ms cubic-bezier(0.4, 0.14, 0.3, 1);\n z-index: 8000; }\n\n.bx--loading-overlay--stop {\n display: none; }\n\n.bx--file {\n width: 100%; }\n\n.bx--file--invalid {\n margin-right: 0.5rem;\n fill: #da1e28; }\n\n.bx--file--label {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #171717;\n margin-bottom: 0.5rem; }\n\n.bx--file-input {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--file-btn {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n margin: 0;\n padding-right: 4rem; }\n\n.bx--label-description {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #565656;\n margin-bottom: 1rem; }\n\n.bx--file-container {\n display: block;\n width: 100%;\n margin-top: 1.5rem; }\n\n.bx--file__selected-file {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n height: 2.5rem;\n max-width: 18.75rem;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem 0 1rem;\n background-color: #f3f3f3;\n overflow: hidden; }\n .bx--file__selected-file:last-child {\n margin-bottom: 0; }\n .bx--file__selected-file .bx--inline-loading__animation,\n .bx--file__selected-file .bx--loading {\n right: -0.25rem;\n width: 1.5rem;\n height: 1.5rem; }\n\n.bx--file__selected-file--invalid {\n outline: 2px solid #da1e28;\n outline-offset: -2px;\n margin-bottom: 0.25rem; }\n\n.bx--file__selected-file--invalid + .bx--form-requirement {\n display: block;\n max-height: 12.5rem;\n color: #da1e28;\n font-weight: 400;\n margin: 0 0 0.5rem 0;\n overflow: visible; }\n\n.bx--file-filename {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: block;\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 300px;\n display: inline-block;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #171717;\n margin-right: 1rem;\n padding: 1px 0;\n /*rtl:ignore*/\n direction: ltr;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n /*rtl:{flex-end}*/ }\n\n.bx--file__state-container {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--file__state-container .bx--loading__svg {\n stroke: #171717; }\n\n.bx--file__state-container .bx--file-complete {\n fill: #24a148;\n cursor: pointer; }\n .bx--file__state-container .bx--file-complete:focus {\n outline: 1px solid #0062ff; }\n\n.bx--file__state-container .bx--file-close {\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0; }\n\n.bx--form-item.bx--checkbox-wrapper {\n margin-bottom: 0.5rem; }\n\n.bx--form-item.bx--checkbox-wrapper:first-of-type {\n margin-top: 0.1875rem; }\n\n.bx--label + .bx--form-item.bx--checkbox-wrapper {\n margin-top: 0; }\n\n.bx--form-item.bx--checkbox-wrapper:last-of-type {\n margin-bottom: 0.1875rem; }\n\n.bx--checkbox {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--checkbox-label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n line-height: 1.5rem;\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n cursor: pointer;\n padding-left: 1.625rem;\n min-height: 1.5rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.bx--checkbox-label::before {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n content: '';\n width: 1rem;\n height: 1rem;\n margin: 0.125rem;\n position: absolute;\n left: 0;\n top: 0.125rem;\n background-color: transparent;\n border: 1px solid #171717;\n border-radius: 1px; }\n\n.bx--checkbox-label::after {\n content: '';\n position: absolute;\n left: 0.375rem;\n top: 0.5rem;\n width: 0.4375rem;\n height: 0.1875rem;\n background: none;\n border-left: 2px solid #ffffff;\n border-bottom: 2px solid #ffffff;\n -webkit-transform: scale(0) rotate(-45deg);\n transform: scale(0) rotate(-45deg);\n -webkit-transform-origin: bottom right;\n transform-origin: bottom right;\n margin-top: -0.1875rem; }\n\n.bx--checkbox:checked + .bx--checkbox-label::before,\n.bx--checkbox:indeterminate + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='true']::before,\n.bx--checkbox-label[data-contained-checkbox-state='mixed']::before {\n background-color: #171717;\n border-color: #171717;\n border-width: 1px; }\n\n.bx--checkbox:checked + .bx--checkbox-label::after,\n.bx--checkbox-label[data-contained-checkbox-state='true']::after {\n -webkit-transform: scale(1) rotate(-45deg);\n transform: scale(1) rotate(-45deg); }\n\n.bx--checkbox:indeterminate + .bx--checkbox-label::after,\n.bx--checkbox-label[data-contained-checkbox-state='mixed']::after {\n -webkit-transform: scale(1) rotate(0deg);\n transform: scale(1) rotate(0deg);\n border-left: 0 solid #ffffff;\n border-bottom: 2px solid #ffffff;\n width: 0.5rem;\n top: 0.6875rem; }\n\n.bx--checkbox:focus + .bx--checkbox-label::before,\n.bx--checkbox-label__focus::before,\n.bx--checkbox:checked:focus + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='true'].bx--checkbox-label__focus::before,\n.bx--checkbox:indeterminate:focus + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='mixed'].bx--checkbox-label__focus::before {\n border-color: #0062ff;\n border-width: 3px;\n width: 1.25rem;\n height: 1.25rem;\n left: -2px;\n top: 0; }\n\n[disabled] ~ _ {\n font-size: inherit; }\n\n.bx--checkbox:disabled + .bx--checkbox-label,\n.bx--checkbox-label[data-contained-checkbox-disabled='true'] {\n cursor: not-allowed;\n color: #bebebe; }\n\n.bx--checkbox:disabled + .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-disabled='true']::before {\n border-color: #bebebe; }\n\n.bx--checkbox:checked:disabled + .bx--checkbox-label::before,\n.bx--checkbox:indeterminate:disabled\n+ .bx--checkbox-label::before,\n.bx--checkbox-label[data-contained-checkbox-state='true'][data-contained-checkbox-disabled='true']::before,\n.bx--checkbox-label[data-contained-checkbox-state='mixed'][data-contained-checkbox-disabled='true']::before {\n background-color: #bebebe; }\n\n.bx--list-box__wrapper--inline {\n display: inline-grid;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n grid-template: auto auto / auto auto;\n grid-gap: 0.25rem; }\n .bx--list-box__wrapper--inline .bx--label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px; }\n .bx--list-box__wrapper--inline .bx--label,\n .bx--list-box__wrapper--inline .bx--form__helper-text,\n .bx--list-box__wrapper--inline .bx--form-requirement {\n margin: 0; }\n .bx--list-box__wrapper--inline .bx--form__helper-text {\n max-width: none; }\n .bx--list-box__wrapper--inline .bx--form-requirement {\n grid-column: 2; }\n\n.bx--list-box {\n position: relative;\n width: 100%;\n height: 2.5rem;\n max-height: 2.5rem;\n background-color: #f3f3f3;\n border: none;\n border-bottom: 1px solid #8c8c8c;\n cursor: pointer;\n color: #171717;\n -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--list-box:hover {\n background-color: #e5e5e5; }\n\n.bx--list-box--expanded {\n border-bottom-color: #dcdcdc; }\n\n.bx--list-box--expanded:hover {\n background-color: #f3f3f3; }\n\n.bx--list-box--expanded:hover.bx--list-box--light:hover {\n background-color: #ffffff; }\n\n.bx--list-box .bx--text-input {\n height: 100%; }\n\n.bx--list-box__invalid-icon {\n position: absolute;\n top: 0.75rem;\n right: 2.5rem;\n fill: #da1e28; }\n\n.bx--list-box--inline .bx--list-box__invalid-icon {\n top: 0.5rem; }\n\n.bx--list-box[data-invalid] .bx--list-box__field {\n border-bottom: 0;\n padding-right: 4rem; }\n\n.bx--list-box[data-invalid].bx--list-box--inline\n.bx--list-box__field {\n padding-right: 3.5rem; }\n\n.bx--list-box--light {\n background-color: #ffffff; }\n\n.bx--list-box--light.bx--list-box--expanded {\n border-bottom-width: 0; }\n\n.bx--list-box--disabled:hover {\n background-color: #f3f3f3; }\n\n.bx--list-box--light.bx--list-box--disabled {\n background-color: #ffffff; }\n\n.bx--list-box--disabled,\n.bx--list-box--disabled .bx--list-box__field,\n.bx--list-box--disabled .bx--list-box__field:focus {\n border-bottom-width: 0;\n outline: none; }\n\n.bx--list-box--disabled .bx--list-box__label,\n.bx--list-box--disabled.bx--list-box--inline\n.bx--list-box__label {\n color: #8c8c8c; }\n\n.bx--list-box--disabled .bx--list-box__menu-icon > svg {\n fill: #8c8c8c; }\n\n.bx--list-box--disabled,\n.bx--list-box--disabled .bx--list-box__field,\n.bx--list-box--disabled .bx--list-box__menu-icon {\n cursor: not-allowed; }\n\n.bx--list-box--disabled .bx--list-box__menu-item,\n.bx--list-box--disabled .bx--list-box__menu-item:hover,\n.bx--list-box--disabled\n.bx--list-box__menu-item--highlighted {\n color: #bebebe;\n text-decoration: none; }\n\n.bx--list-box--disabled .bx--list-box__selection:hover {\n cursor: not-allowed; }\n\n.bx--list-box--disabled.bx--list-box[data-invalid]\n.bx--list-box__field {\n padding-right: 3rem; }\n\n.bx--list-box--disabled.bx--list-box[data-invalid].bx--list-box--inline\n.bx--list-box__field {\n padding-right: 2rem; }\n\n.bx--list-box.bx--list-box--inline {\n background-color: #ffffff;\n border-width: 0; }\n .bx--list-box.bx--list-box--inline:hover {\n background-color: #e5e5e5; }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--expanded {\n border-bottom-width: 0; }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--expanded\n.bx--list-box__field[aria-expanded='true'] {\n border-width: 0; }\n\n.bx--list-box.bx--list-box--inline.bx--list-box--disabled:hover,\n.bx--list-box.bx--list-box--inline.bx--list-box--expanded:hover {\n background-color: #ffffff; }\n\n.bx--list-box.bx--list-box--inline,\n.bx--list-box.bx--list-box--inline\n.bx--list-box__field {\n height: 2rem; }\n\n.bx--list-box.bx--list-box--inline\n.bx--list-box__field {\n padding: 0 2rem 0 0.5rem; }\n\n.bx--list-box.bx--list-box--inline\n.bx--list-box__menu-icon {\n right: 0.5rem; }\n\n.bx--list-box.bx--list-box--inline\n.bx--list-box__invalid-icon {\n right: 2rem; }\n\n.bx--list-box--inline .bx--list-box__label {\n color: #171717; }\n\n.bx--list-box__field {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n vertical-align: top;\n height: 2.5rem;\n padding: 0 3rem 0 1rem;\n cursor: pointer;\n outline: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis; }\n .bx--list-box__field::-moz-focus-inner {\n border: 0; }\n\n.bx--list-box__field:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--list-box__field[disabled] {\n outline: none;\n color: #bebebe; }\n\n.bx--list-box__field .bx--text-input[value] {\n padding-right: 4.5rem; }\n\n.bx--list-box[data-invalid]\n.bx--list-box__field\n.bx--text-input[value] {\n padding-right: 6.125rem; }\n\n.bx--list-box[data-invalid]\n.bx--list-box__field\n.bx--text-input[value]\n+ .bx--list-box__invalid-icon {\n right: 4.125rem; }\n\n.bx--list-box__field .bx--text-input[value=''] {\n padding-right: 3rem; }\n\n.bx--list-box[data-invalid]\n.bx--list-box__field\n.bx--text-input[value=''] {\n padding-right: 4.5rem; }\n\n.bx--list-box[data-invalid]\n.bx--list-box__field\n.bx--text-input[value='']\n+ .bx--list-box__invalid-icon {\n right: 2.5rem; }\n\n.bx--list-box__label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #171717;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap; }\n\n.bx--list-box__menu-icon {\n position: absolute;\n right: 1rem;\n height: 100%;\n -webkit-transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n cursor: pointer; }\n\n.bx--list-box__menu-icon > svg {\n fill: #171717;\n height: 100%; }\n\n.bx--list-box__menu-icon--open {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg); }\n\n.bx--list-box__selection {\n position: absolute;\n right: 2.0625rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 1.875rem;\n width: 1.875rem;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--list-box__selection:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--list-box__selection > svg {\n fill: #565656; }\n\n.bx--list-box--disabled .bx--list-box__selection:focus {\n outline: none; }\n\n.bx--list-box--disabled .bx--list-box__selection > svg {\n fill: #bebebe; }\n\n.bx--list-box__selection--multi {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n position: static;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 0;\n background-color: #3d3d3d;\n height: 1.5rem;\n width: auto;\n color: #ffffff;\n line-height: 0;\n padding: 0.5rem;\n padding-right: 0.125rem;\n margin-right: 0.625rem;\n border-radius: 0.75rem; }\n\n.bx--list-box__selection--multi > svg {\n fill: #ffffff;\n margin-left: 0.25rem;\n width: 1.25rem;\n height: 1.25rem;\n padding: 0.125rem; }\n\n.bx--list-box__selection--multi > svg:hover {\n border-radius: 50%;\n background-color: #4c4c4c;\n fill: #ffffff; }\n\n.bx--list-box__selection--multi:focus,\n.bx--list-box__selection--multi:hover {\n outline: none; }\n\n.bx--list-box__menu {\n -webkit-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.1);\n position: absolute;\n left: 0;\n right: 0;\n width: 100%;\n background-color: #f3f3f3;\n max-height: 8.75rem;\n overflow-y: auto;\n z-index: 9100; }\n\n.bx--list-box__menu-item {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n height: 2.5rem;\n color: #565656;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: relative; }\n .bx--list-box__menu-item:hover {\n background-color: #e5e5e5; }\n .bx--list-box__menu-item:active {\n background-color: #dcdcdc; }\n\n.bx--list-box--disabled .bx--list-box__menu-item:hover {\n background-color: transparent; }\n\n.bx--list-box--disabled\n.bx--list-box__menu-item__option:hover {\n border-top-color: #dcdcdc; }\n\n.bx--list-box__menu-item:first-of-type\n.bx--list-box__menu-item__option {\n border-top-color: transparent; }\n\n.bx--list-box__menu-item:hover\n.bx--list-box__menu-item__option {\n color: #171717; }\n\n.bx--list-box__menu-item:hover\n+ .bx--list-box__menu-item\n.bx--list-box__menu-item__option {\n border-top-color: transparent; }\n\n.bx--list-box--disabled\n.bx--list-box__menu-item:hover\n+ .bx--list-box__menu-item\n.bx--list-box__menu-item__option {\n border-top-color: #dcdcdc; }\n\n.bx--list-box__menu-item__option {\n outline: 2px solid transparent;\n outline-offset: -2px;\n display: block;\n height: 2.5rem;\n color: #565656;\n text-decoration: none;\n font-weight: normal;\n line-height: 1rem;\n padding: 0.6875rem 0;\n margin: 0 1rem;\n border-top: 1px solid transparent;\n border-bottom: 1px solid transparent;\n border-top-color: #dcdcdc;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap; }\n .bx--list-box__menu-item__option:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n margin: 0;\n padding: 0.6875rem 1rem;\n border-color: transparent; }\n .bx--list-box__menu-item__option:hover {\n color: #171717;\n border-color: transparent; }\n\n.bx--list-box--disabled\n.bx--list-box__menu-item:hover\n.bx--list-box__menu-item__option,\n.bx--list-box--disabled .bx--list-box__menu-item__option {\n color: #bebebe; }\n\n.bx--list-box.bx--list-box--inline\n.bx--list-box__menu-item__option {\n margin: 0 0.5rem; }\n .bx--list-box.bx--list-box--inline\n.bx--list-box__menu-item__option:focus {\n margin: 0;\n padding-left: 0.5rem;\n padding-right: 0.5rem; }\n\n.bx--list-box__menu-item--highlighted {\n background-color: #e5e5e5;\n color: #171717;\n border-color: transparent; }\n\n.bx--list-box__menu-item--highlighted\n.bx--list-box__menu-item__option {\n color: #171717; }\n\n.bx--list-box__menu-item--active {\n color: #171717;\n border-bottom-color: #dcdcdc; }\n .bx--list-box__menu-item--active:hover {\n background-color: #dcdcdc; }\n\n.bx--list-box__menu-item--active\n.bx--list-box__menu-item__option {\n color: #171717; }\n\n.bx--list-box__menu-item .bx--checkbox-label {\n width: 100%; }\n\n.bx--list-box__menu-item .bx--checkbox-label-text {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden; }\n\n.bx--list-box input[role='combobox'] {\n background-color: inherit;\n min-width: 0; }\n\n.bx--combo-box .bx--text-input::-webkit-input-placeholder {\n color: #565656;\n opacity: 1; }\n\n.bx--combo-box .bx--text-input::-moz-placeholder {\n color: #565656;\n opacity: 1; }\n\n.bx--combo-box .bx--text-input::-ms-input-placeholder {\n color: #565656;\n opacity: 1; }\n\n.bx--combo-box .bx--text-input::placeholder {\n color: #565656;\n opacity: 1; }\n\n.bx--combo-box .bx--text-input[disabled]::-webkit-input-placeholder {\n color: #bebebe; }\n\n.bx--combo-box .bx--text-input[disabled]::-moz-placeholder {\n color: #bebebe; }\n\n.bx--combo-box .bx--text-input[disabled]::-ms-input-placeholder {\n color: #bebebe; }\n\n.bx--combo-box .bx--text-input[disabled]::placeholder {\n color: #bebebe; }\n\n.bx--combo-box.bx--list-box--expanded\n.bx--text-input {\n border-bottom-color: #dcdcdc; }\n\n.bx--combo-box .bx--list-box__field,\n.bx--combo-box.bx--list-box[data-invalid]\n.bx--list-box__field {\n padding: 0; }\n\n.bx--radio-button-group {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin-top: 0.375rem; }\n\n.bx--radio-button-group--vertical {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start; }\n .bx--radio-button-group--vertical.bx--radio-button-group--label-left {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end; }\n .bx--radio-button-group--vertical .bx--radio-button__label {\n margin-right: 0; }\n .bx--radio-button-group--vertical .bx--radio-button__label:not(:last-of-type) {\n margin-bottom: 0.5rem; }\n\n.bx--radio-button {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap;\n visibility: inherit; }\n\n.bx--radio-button__label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n margin-right: 1rem; }\n\n.bx--radio-button__appearance {\n background-color: transparent;\n border-radius: 50%;\n border: 1px solid #171717;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n height: 1.125rem;\n width: 1.125rem;\n margin-right: 0.5rem; }\n\n.bx--radio-button:checked\n+ .bx--radio-button__label\n.bx--radio-button__appearance {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border-color: #171717; }\n .bx--radio-button:checked\n+ .bx--radio-button__label\n.bx--radio-button__appearance:before {\n content: '';\n display: inline-block;\n position: relative;\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n background-color: #171717; }\n\n[disabled] ~ _ {\n font-size: inherit; }\n\n.bx--radio-button:disabled + .bx--radio-button__label {\n color: #bebebe;\n cursor: not-allowed; }\n\n.bx--radio-button:disabled\n+ .bx--radio-button__label\n.bx--radio-button__appearance,\n.bx--radio-button:disabled:checked\n+ .bx--radio-button__label\n.bx--radio-button__appearance {\n border-color: #bebebe; }\n .bx--radio-button:disabled\n+ .bx--radio-button__label\n.bx--radio-button__appearance::before,\n .bx--radio-button:disabled:checked\n+ .bx--radio-button__label\n.bx--radio-button__appearance::before {\n background-color: #bebebe; }\n\n.bx--radio-button:focus\n+ .bx--radio-button__label\n.bx--radio-button__appearance {\n -webkit-box-shadow: 0 0 0 2px #0062ff;\n box-shadow: 0 0 0 2px #0062ff;\n outline: 1px solid transparent; }\n\n.bx--radio-button__label.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 6.25rem;\n height: 1.125rem; }\n .bx--radio-button__label.bx--skeleton:hover, .bx--radio-button__label.bx--skeleton:focus, .bx--radio-button__label.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--radio-button__label.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--radio-button__label.bx--skeleton\n.bx--radio-button__appearance {\n display: none; }\n\n.bx--radio-button-wrapper .bx--radio-button__label {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin: 0; }\n\n.bx--radio-button-wrapper:not(:last-of-type) {\n margin-right: 1rem; }\n\n.bx--radio-button-group--vertical\n.bx--radio-button-wrapper:not(:last-of-type) {\n margin-right: 0;\n margin-bottom: 0.5rem; }\n\n.bx--radio-button-group--label-right .bx--radio-button__label,\n.bx--radio-button-wrapper.bx--radio-button-wrapper--label-right\n.bx--radio-button__label {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row; }\n\n.bx--radio-button-group--label-left .bx--radio-button__label,\n.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left\n.bx--radio-button__label {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse; }\n\n.bx--radio-button-group--label-left\n.bx--radio-button__appearance,\n.bx--radio-button-wrapper.bx--radio-button-wrapper--label-left\n.bx--radio-button__appearance {\n margin-right: 0;\n margin-left: 0.5rem; }\n\n.bx--toggle {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n .bx--toggle:focus {\n outline: none; }\n\n.bx--toggle__label {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n margin: 0.5rem 0; }\n\n.bx--toggle__appearance {\n position: relative;\n width: 3rem;\n height: 1.5rem; }\n .bx--toggle__appearance:before {\n position: absolute;\n display: block;\n content: '';\n background-color: #8c8c8c;\n cursor: pointer;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n height: 1.5rem;\n width: 3rem;\n border-radius: 0.9375rem;\n top: 0;\n will-change: box-shadow;\n -webkit-box-shadow: 0 0 0 2px transparent;\n box-shadow: 0 0 0 2px transparent;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9), -webkit-box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9), -webkit-box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9), -webkit-box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9); }\n .bx--toggle__appearance:after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: absolute;\n display: block;\n cursor: pointer;\n left: 3px;\n top: 3px;\n width: 1.125rem;\n height: 1.125rem;\n background-color: #dcdcdc;\n border-radius: 50%;\n content: '';\n -webkit-transition: -webkit-transform 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: -webkit-transform 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9), -webkit-transform 70ms cubic-bezier(0.2, 0, 1, 0.9); }\n\n.bx--toggle__check {\n fill: #dcdcdc;\n position: absolute;\n left: 6px;\n top: 6px;\n z-index: 1;\n -webkit-transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);\n -webkit-transform: scale(0.2);\n transform: scale(0.2); }\n\n.bx--toggle__text--left,\n.bx--toggle__text--right {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: relative;\n margin-left: 0.5rem; }\n\n.bx--toggle__text--left {\n position: absolute;\n left: 3rem; }\n\n.bx--toggle:checked\n+ .bx--toggle__label\n.bx--toggle__text--left,\n.bx--toggle:not(:checked)\n+ .bx--toggle__label\n.bx--toggle__text--right {\n visibility: hidden; }\n\n.bx--toggle:checked\n+ .bx--toggle__label\n.bx--toggle__text--right,\n.bx--toggle:not(:checked)\n+ .bx--toggle__label\n.bx--toggle__text--left {\n display: inline; }\n\n.bx--toggle:checked\n+ .bx--toggle__label\n.bx--toggle__appearance:before {\n background-color: #24a148; }\n\n.bx--toggle:checked\n+ .bx--toggle__label\n.bx--toggle__appearance:after {\n background-color: #ffffff;\n -webkit-transform: translateX(24px);\n transform: translateX(24px); }\n\n.bx--toggle + .bx--toggle__label .bx--toggle__appearance:before,\n.bx--toggle + .bx--toggle__label .bx--toggle__appearance:before {\n -webkit-box-shadow: 0 0 0 2px transparent;\n box-shadow: 0 0 0 2px transparent; }\n\n.bx--toggle:focus + .bx--toggle__label .bx--toggle__appearance:before,\n.bx--toggle:active + .bx--toggle__label .bx--toggle__appearance:before {\n -webkit-box-shadow: 0 0 0 2px #0062ff;\n box-shadow: 0 0 0 2px #0062ff; }\n\n.bx--toggle:disabled + .bx--toggle__label {\n cursor: not-allowed; }\n\n.bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__appearance:before {\n background-color: #f3f3f3; }\n\n.bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__appearance:after {\n background-color: #bebebe; }\n\n.bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__appearance:before, .bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__appearance:after {\n cursor: not-allowed;\n -webkit-transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: 70ms cubic-bezier(0.2, 0, 1, 0.9); }\n\n.bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__text--left,\n.bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__text--right {\n color: #bebebe; }\n\n.bx--toggle:disabled:active\n+ .bx--toggle__label\n.bx--toggle__appearance:before {\n -webkit-box-shadow: none;\n box-shadow: none; }\n\n.bx--toggle:disabled\n+ .bx--toggle__label\n.bx--toggle__check {\n fill: #bebebe; }\n\n.bx--toggle--small\n+ .bx--toggle__label\n.bx--toggle__appearance {\n width: 2rem;\n height: 1rem; }\n .bx--toggle--small\n+ .bx--toggle__label\n.bx--toggle__appearance:before {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n height: 1rem;\n width: 2rem;\n border-radius: 0.9375rem;\n top: 0; }\n .bx--toggle--small\n+ .bx--toggle__label\n.bx--toggle__appearance:after {\n width: 0.625rem;\n height: 0.625rem;\n top: 3px;\n left: 3px; }\n\n.bx--toggle--small:checked\n+ .bx--toggle__label\n.bx--toggle__check {\n fill: #24a148;\n -webkit-transform: scale(1) translateX(16px);\n transform: scale(1) translateX(16px); }\n\n.bx--toggle--small\n+ .bx--toggle__label\n.bx--toggle__text--left {\n left: 2rem; }\n\n.bx--toggle--small:checked\n+ .bx--toggle__label\n.bx--toggle__appearance:after {\n margin-left: 0px;\n -webkit-transform: translateX(17px);\n transform: translateX(17px); }\n\n.bx--toggle-input {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n .bx--toggle-input:focus {\n outline: none; }\n\n.bx--toggle-input__label {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n color: #565656;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n cursor: pointer; }\n\n.bx--toggle__switch {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 3rem;\n height: 1.5rem;\n margin: 0.5rem 0;\n cursor: pointer; }\n .bx--toggle__switch::before {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: absolute;\n top: 0;\n display: block;\n width: 3rem;\n height: 1.5rem;\n border-radius: 0.9375rem;\n content: '';\n background-color: #8c8c8c;\n will-change: box-shadow;\n -webkit-box-shadow: 0 0 0 2px transparent;\n box-shadow: 0 0 0 2px transparent;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9), -webkit-box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9), -webkit-box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9), -webkit-box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9); }\n .bx--toggle__switch::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: absolute;\n top: 3px;\n left: 3px;\n display: block;\n width: 1.125rem;\n height: 1.125rem;\n border-radius: 50%;\n background-color: #dcdcdc;\n content: '';\n -webkit-transition: -webkit-transform 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: -webkit-transform 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9), -webkit-transform 70ms cubic-bezier(0.2, 0, 1, 0.9); }\n\n.bx--toggle__text--off,\n.bx--toggle__text--on {\n position: absolute;\n margin-left: 3.5rem;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.bx--toggle-input:checked\n+ .bx--toggle-input__label\n> .bx--toggle__switch\n> .bx--toggle__text--off,\n.bx--toggle-input:not(:checked)\n+ .bx--toggle-input__label\n> .bx--toggle__switch\n> .bx--toggle__text--on {\n visibility: hidden; }\n\n.bx--toggle-input:checked\n+ .bx--toggle-input__label\n> .bx--toggle__switch::before {\n background-color: #24a148; }\n\n.bx--toggle-input:checked\n+ .bx--toggle-input__label\n> .bx--toggle__switch::after {\n background-color: #ffffff;\n -webkit-transform: translateX(24px);\n transform: translateX(24px); }\n\n.bx--toggle-input:focus\n+ .bx--toggle-input__label\n> .bx--toggle__switch::before,\n.bx--toggle-input:active\n+ .bx--toggle-input__label\n> .bx--toggle__switch::before {\n -webkit-box-shadow: 0 0 0 2px #0062ff;\n box-shadow: 0 0 0 2px #0062ff; }\n\n.bx--toggle-input:disabled + .bx--toggle-input__label {\n cursor: not-allowed; }\n\n.bx--toggle-input:disabled\n+ .bx--toggle-input__label\n> .bx--toggle__switch {\n cursor: not-allowed; }\n .bx--toggle-input:disabled\n+ .bx--toggle-input__label\n> .bx--toggle__switch::before {\n background-color: #f3f3f3; }\n .bx--toggle-input:disabled\n+ .bx--toggle-input__label\n> .bx--toggle__switch::after {\n background-color: #bebebe; }\n .bx--toggle-input:disabled\n+ .bx--toggle-input__label\n> .bx--toggle__switch::before, .bx--toggle-input:disabled\n+ .bx--toggle-input__label\n> .bx--toggle__switch::after {\n cursor: not-allowed;\n -webkit-transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);\n transition: 70ms cubic-bezier(0.2, 0, 1, 0.9); }\n\n.bx--toggle-input:disabled + .bx--toggle-input__label {\n color: #bebebe; }\n\n.bx--toggle-input:disabled:active\n+ .bx--toggle-input__label\n> .bx--toggle__switch::before {\n -webkit-box-shadow: none;\n box-shadow: none; }\n\n.bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch {\n width: 2rem;\n height: 1rem; }\n .bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch::before {\n width: 2rem;\n height: 1rem;\n border-radius: 0.9375rem; }\n .bx--toggle-input--small + .bx--toggle-input__label > .bx--toggle__switch::after {\n width: 0.625rem;\n height: 0.625rem; }\n\n.bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__text--off,\n.bx--toggle-input--small + .bx--toggle-input__label .bx--toggle__text--on {\n margin-left: 2.5rem; }\n\n.bx--toggle-input--small:checked + .bx--toggle-input__label > .bx--toggle__switch::after {\n -webkit-transform: translateX(17px);\n transform: translateX(17px); }\n\n.bx--toggle-input--small:checked + .bx--toggle-input__label .bx--toggle__check {\n fill: #24a148;\n -webkit-transform: scale(1) translateX(16px);\n transform: scale(1) translateX(16px); }\n\n.bx--toggle-input--small:disabled:checked\n+ .bx--toggle-input__label\n.bx--toggle__check {\n fill: #bebebe; }\n\n.bx--search {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n position: relative;\n width: 100%; }\n\n.bx--search .bx--label {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--search-input {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.375rem;\n letter-spacing: 0;\n outline: 2px solid transparent;\n outline-offset: -2px;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: none;\n background-color: #f3f3f3;\n color: #171717;\n padding: 0 2.5rem;\n text-overflow: ellipsis;\n width: 100%;\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n border-bottom: 1px solid #8c8c8c; }\n .bx--search-input:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--search-input::-webkit-input-placeholder {\n color: #8c8c8c;\n font-weight: 400; }\n .bx--search-input::-moz-placeholder {\n color: #8c8c8c;\n font-weight: 400; }\n .bx--search-input::-ms-input-placeholder {\n color: #8c8c8c;\n font-weight: 400; }\n .bx--search-input::placeholder {\n color: #8c8c8c;\n font-weight: 400; }\n .bx--search-input::-ms-clear {\n display: none; }\n\n.bx--search-input[disabled] {\n color: #bebebe;\n background-color: #f3f3f3;\n border-bottom: 1px solid transparent;\n cursor: not-allowed; }\n .bx--search-input[disabled]::-webkit-input-placeholder {\n color: #bebebe;\n font-weight: 400; }\n .bx--search-input[disabled]::-moz-placeholder {\n color: #bebebe;\n font-weight: 400; }\n .bx--search-input[disabled]::-ms-input-placeholder {\n color: #bebebe;\n font-weight: 400; }\n .bx--search-input[disabled]::placeholder {\n color: #bebebe;\n font-weight: 400; }\n\n.bx--search-input[disabled] ~ .bx--search-magnifier {\n fill: #bebebe; }\n\n.bx--search--light .bx--search-input {\n background: #ffffff; }\n\n.bx--search--sm .bx--search-input {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n height: 2rem; }\n\n.bx--search--xl .bx--search-input {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.375rem;\n letter-spacing: 0;\n height: 3rem;\n padding: 0 4rem 0 3rem; }\n\n.bx--search-magnifier {\n left: 0.75rem;\n z-index: 2;\n position: absolute;\n height: 1rem;\n width: 1rem;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n fill: #565656;\n pointer-events: none; }\n\n.bx--search--xl .bx--search-magnifier {\n height: 1.25rem;\n width: 1.25rem;\n left: 1.5rem;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%); }\n\n.bx--search-close {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n outline: 2px solid transparent;\n outline-offset: -2px;\n position: absolute;\n right: 0; }\n .bx--search-close::-moz-focus-inner {\n border: 0; }\n .bx--search-close::before {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n top: 0.0625rem;\n height: calc(100% - 2px);\n width: 2px;\n background-color: #f3f3f3;\n -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--search-close:hover {\n border-bottom: 1px solid #8c8c8c; }\n\n.bx--search-button {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n margin-left: 0.125rem;\n background-color: #f3f3f3; }\n .bx--search-button svg {\n vertical-align: middle;\n fill: currentColor; }\n\n.bx--search-close,\n.bx--search-button {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n cursor: pointer;\n visibility: visible;\n opacity: 1;\n height: 2.5rem;\n width: 2.5rem;\n fill: #171717;\n border: 1px solid transparent;\n border-left: 0; }\n .bx--search-close:hover,\n .bx--search-button:hover {\n background-color: #e5e5e5; }\n .bx--search-close:focus,\n .bx--search-button:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--search-close:active,\n .bx--search-button:active {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n background-color: #dcdcdc; }\n\n.bx--search-close:hover::before {\n background-color: #e5e5e5; }\n\n.bx--search-close:focus::before,\n.bx--search-close:active::before {\n background-color: #0062ff; }\n\n.bx--search-input:focus ~ .bx--search-close:hover {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--search--sm .bx--search-close,\n.bx--search--sm ~ .bx--search-button {\n height: 2rem;\n width: 2rem; }\n\n.bx--search--xl .bx--search-close,\n.bx--search--xl ~ .bx--search-button {\n height: 3rem;\n width: 3rem; }\n\n.bx--search-close--hidden {\n visibility: hidden;\n opacity: 0; }\n\n.bx--search--lg.bx--skeleton .bx--search-input,\n.bx--search--sm.bx--skeleton .bx--search-input {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 100%; }\n .bx--search--lg.bx--skeleton .bx--search-input:hover, .bx--search--lg.bx--skeleton .bx--search-input:focus, .bx--search--lg.bx--skeleton .bx--search-input:active,\n .bx--search--sm.bx--skeleton .bx--search-input:hover,\n .bx--search--sm.bx--skeleton .bx--search-input:focus,\n .bx--search--sm.bx--skeleton .bx--search-input:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--search--lg.bx--skeleton .bx--search-input:before,\n .bx--search--sm.bx--skeleton .bx--search-input:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n .bx--search--lg.bx--skeleton .bx--search-input::-webkit-input-placeholder,\n .bx--search--sm.bx--skeleton .bx--search-input::-webkit-input-placeholder {\n color: transparent; }\n .bx--search--lg.bx--skeleton .bx--search-input::-moz-placeholder,\n .bx--search--sm.bx--skeleton .bx--search-input::-moz-placeholder {\n color: transparent; }\n .bx--search--lg.bx--skeleton .bx--search-input::-ms-input-placeholder,\n .bx--search--sm.bx--skeleton .bx--search-input::-ms-input-placeholder {\n color: transparent; }\n .bx--search--lg.bx--skeleton .bx--search-input::placeholder,\n .bx--search--sm.bx--skeleton .bx--search-input::placeholder {\n color: transparent; }\n\n.bx--select {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n\n.bx--select-input__wrapper {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--select-input__wrapper:hover .bx--select-input {\n background-color: #e5e5e5; }\n\n.bx--select-input {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n height: 2.5rem;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: block;\n width: 14rem;\n min-width: 8rem;\n max-width: 28rem;\n padding: 0 2.625rem 0 1rem;\n color: #171717;\n background-color: #f3f3f3;\n border: none;\n border-bottom: 1px solid #8c8c8c;\n border-radius: 0;\n cursor: pointer;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--select-input:hover {\n background-color: #e5e5e5; }\n .bx--select-input::-ms-expand {\n display: none; }\n\n@-moz-document url-prefix() {\n .bx--select-input {\n padding-top: 0.25rem; } }\n .bx--select-input:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--select-input:disabled, .bx--select-input:hover:disabled {\n cursor: not-allowed;\n background-color: #f3f3f3;\n color: #bebebe;\n border-bottom-color: #f3f3f3; }\n\n.bx--select--disabled .bx--label,\n.bx--select--disabled .bx--form__helper-text {\n color: #bebebe; }\n\n.bx--select-input__wrapper[data-invalid] .bx--select-input {\n padding-right: 4rem; }\n\n.bx--select-input__wrapper[data-invalid] .bx--select-input,\n.bx--select-input__wrapper[data-invalid]\n.bx--select-input:focus {\n outline: 2px solid #da1e28;\n outline-offset: -2px; }\n\n.bx--form-requirement {\n display: block;\n color: #da1e28;\n font-weight: 400;\n overflow: visible; }\n\n.bx--select-input:disabled ~ .bx--select__arrow {\n fill: #bebebe; }\n\n.bx--select--light .bx--select-input {\n background-color: #ffffff; }\n .bx--select--light .bx--select-input:hover {\n background-color: #f3f3f3; }\n .bx--select--light .bx--select-input:disabled, .bx--select--light .bx--select-input:hover:disabled {\n cursor: not-allowed;\n background-color: #f3f3f3;\n color: #bebebe; }\n\n.bx--select__arrow {\n fill: #171717;\n position: absolute;\n right: 1rem;\n pointer-events: none; }\n\n.bx--select-input__wrapper[data-invalid]\n.bx--select-input\n~ .bx--select__invalid-icon {\n position: absolute;\n right: 2.125rem; }\n\n.bx--select-input__wrapper[data-invalid]\n.bx--select-input\n~ .bx--select__invalid-icon {\n fill: #da1e28; }\n\n.bx--select-optgroup,\n.bx--select-option {\n color: #171717; }\n\n.bx--select-option[disabled] {\n opacity: 0.5;\n cursor: not-allowed; }\n\n@-moz-document url-prefix() {\n .bx--select-option {\n background-color: #f3f3f3;\n color: #171717; }\n .bx--select-optgroup {\n color: #171717; } }\n\n.bx--select--inline {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--select--inline.bx--select--invalid .bx--label,\n.bx--select--inline.bx--select--invalid\n.bx--form__helper-text {\n margin-top: 0.8125rem;\n -ms-flex-item-align: start;\n align-self: flex-start; }\n\n.bx--select--inline .bx--form__helper-text {\n margin-bottom: 0;\n margin-left: 0.5rem; }\n\n.bx--select--inline .bx--label {\n white-space: nowrap;\n margin: 0 0.5rem 0 0; }\n\n.bx--select--inline .bx--select-input {\n background-color: transparent;\n color: #171717;\n border-bottom: none;\n padding-left: 0.5rem;\n padding-right: 1.625rem; }\n\n@-moz-document url-prefix() {\n .bx--select--inline .bx--select-input {\n padding-top: 0; } }\n .bx--select--inline .bx--select-input:hover {\n background-color: #e5e5e5; }\n\n.bx--select--inline .bx--select__arrow {\n bottom: auto;\n top: 1.125rem;\n right: 0.5rem; }\n\n.bx--select--inline.bx--select--invalid\n.bx--select-input {\n padding-right: 3.125rem; }\n\n.bx--select--inline.bx--select--invalid\n.bx--select-input\n~ .bx--select__invalid-icon {\n right: 1.5rem; }\n\n.bx--select--inline .bx--select-input:disabled {\n color: #bebebe;\n cursor: not-allowed; }\n .bx--select--inline .bx--select-input:disabled:hover {\n background-color: transparent; }\n .bx--select--inline .bx--select-input:disabled ~ * {\n cursor: not-allowed; }\n\n.bx--select--inline .bx--select-input:disabled {\n cursor: not-allowed; }\n\n.bx--select.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 100%;\n height: 2.5rem; }\n .bx--select.bx--skeleton:hover, .bx--select.bx--skeleton:focus, .bx--select.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--select.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--select.bx--skeleton .bx--select-input {\n display: none; }\n\n.bx--text-input {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n background-color: #f3f3f3;\n width: 100%;\n height: 2.5rem;\n padding: 0 1rem;\n color: #171717;\n border: none;\n border-bottom: 1px solid #8c8c8c;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--text-input:focus, .bx--text-input:active {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--text-input-wrapper svg[hidden] {\n display: none; }\n\n.bx--password-input {\n padding-right: 2.5rem; }\n\n.bx--text-input::-webkit-input-placeholder {\n color: #8c8c8c; }\n\n.bx--text-input--light {\n background-color: #ffffff; }\n\n.bx--text-input__field-wrapper {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 100%; }\n .bx--text-input__field-wrapper .bx--text-input__invalid-icon {\n position: absolute;\n right: 1rem;\n fill: #da1e28; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible;\n position: absolute;\n height: 1rem;\n width: 1rem;\n right: 1rem;\n padding: 0;\n border: 0;\n background: none;\n cursor: pointer; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus {\n outline: 1px solid transparent; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus svg {\n outline: 1px solid #0062ff; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility::after,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility::after {\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--a11y::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--a11y::after {\n -webkit-transition: none;\n transition: none; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility + .bx--assistive-text {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n color: inherit;\n opacity: 1;\n white-space: normal; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::after,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover + .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus + .bx--assistive-text {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::after {\n content: attr(aria-label); }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility.bx--tooltip--a11y::after {\n content: none; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover::after, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus::after {\n opacity: 1; }\n\n@keyframes tooltip-fade {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus + .bx--assistive-text {\n clip: auto;\n margin: auto;\n overflow: visible; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover.bx--tooltip--a11y::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus + .bx--assistive-text, .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus.bx--tooltip--a11y::before {\n -webkit-animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::before, .bx--text-input__field-wrapper .bx--text-input--password__visibility::after,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover + .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus + .bx--assistive-text {\n bottom: 0;\n left: 50%; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.5rem));\n transform: translate(-50%, calc(0.3125rem + 0.5rem)); }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility::after,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:hover + .bx--assistive-text,\n .bx--text-input__field-wrapper .bx--text-input--password__visibility:focus + .bx--assistive-text {\n -webkit-transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem));\n transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem)); }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility svg {\n fill: #0062ff; }\n .bx--text-input__field-wrapper .bx--text-input--password__visibility svg:hover {\n fill: #0353e9; }\n .bx--text-input__field-wrapper .bx--text-input--invalid {\n padding-right: 2.5rem; }\n .bx--text-input__field-wrapper .bx--text-input--invalid.bx--password-input {\n padding-right: 4rem; }\n .bx--text-input__field-wrapper .bx--text-input--invalid\n+ .bx--text-input--password__visibility {\n right: 2.5rem; }\n\n.bx--text-input:disabled\n+ .bx--text-input--password__visibility\nsvg {\n opacity: 0.5;\n cursor: not-allowed; }\n\n.bx--text-input:disabled {\n cursor: not-allowed;\n outline: none;\n background-color: #f3f3f3;\n border-bottom: 1px solid transparent;\n color: #bebebe; }\n\n.bx--text-input--light:disabled {\n background-color: #ffffff; }\n\n.bx--text-input:disabled::-webkit-input-placeholder {\n opacity: 1;\n color: #bebebe; }\n\n.bx--text-input:disabled::-moz-placeholder {\n opacity: 1;\n color: #bebebe; }\n\n.bx--text-input:disabled::-ms-input-placeholder {\n opacity: 1;\n color: #bebebe; }\n\n.bx--text-input:disabled::placeholder {\n opacity: 1;\n color: #bebebe; }\n\n.bx--text-input--invalid {\n outline: 2px solid #da1e28;\n outline-offset: -2px;\n -webkit-box-shadow: none;\n box-shadow: none; }\n .bx--text-input--invalid .bx--text-input--password__visibility {\n right: 2.5rem; }\n\n.bx--text-area {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n background-color: #f3f3f3;\n width: 100%;\n min-width: 10rem;\n min-height: 2.5rem;\n padding: 0.6875rem 1rem;\n color: #171717;\n -webkit-box-ordinal-group: 4;\n -ms-flex-order: 3;\n order: 3;\n resize: vertical;\n border: none;\n border-bottom: 1px solid #8c8c8c;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--text-area ~ .bx--form__helper-text {\n margin-top: 0;\n -webkit-box-ordinal-group: 3;\n -ms-flex-order: 2;\n order: 2;\n font-style: italic; }\n .bx--text-area ~ .bx--form-requirement {\n -webkit-box-ordinal-group: 5;\n -ms-flex-order: 4;\n order: 4;\n color: #da1e28;\n font-weight: 400;\n margin-top: 0.25rem; }\n .bx--text-area ~ .bx--form-requirement::before {\n display: none; }\n\n.bx--text-area:focus,\n.bx--text-area:active {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--text-area::-webkit-input-placeholder {\n color: #8c8c8c;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n opacity: 1; }\n\n.bx--text-area::-moz-placeholder {\n color: #8c8c8c;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n opacity: 1; }\n\n.bx--text-area::-ms-input-placeholder {\n color: #8c8c8c;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n opacity: 1; }\n\n.bx--text-area::placeholder {\n color: #8c8c8c;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n opacity: 1; }\n\n.bx--text-area--light {\n background-color: #ffffff; }\n\n.bx--text-area--invalid {\n padding-right: 2.5rem; }\n\n.bx--text-area__wrapper {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--text-area__invalid-icon {\n position: absolute;\n right: 1rem;\n top: 0.75rem;\n fill: #da1e28; }\n\n.bx--text-area:disabled {\n cursor: not-allowed;\n outline: none;\n background-color: #f3f3f3;\n border-bottom: 1px solid transparent; }\n\n.bx--text-area:disabled::-webkit-input-placeholder {\n color: #bebebe; }\n\n.bx--text-area:disabled::-moz-placeholder {\n color: #bebebe; }\n\n.bx--text-area:disabled::-ms-input-placeholder {\n color: #bebebe; }\n\n.bx--text-area:disabled::placeholder {\n color: #bebebe; }\n\nbx--text-area.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n height: 6.25rem; }\n bx--text-area.bx--skeleton:hover, bx--text-area.bx--skeleton:focus, bx--text-area.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n bx--text-area.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n bx--text-area.bx--skeleton::-webkit-input-placeholder {\n color: transparent; }\n bx--text-area.bx--skeleton::-moz-placeholder {\n color: transparent; }\n bx--text-area.bx--skeleton::-ms-input-placeholder {\n color: transparent; }\n bx--text-area.bx--skeleton::placeholder {\n color: transparent; }\n\n.bx--number {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative; }\n\n.bx--number input[type='number'] {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n width: 100%;\n min-width: 9.375rem;\n padding-left: 1rem;\n padding-right: 2rem;\n font-weight: 300;\n height: 2.5rem;\n color: #171717;\n background-color: #f3f3f3;\n border: none;\n border-radius: 0;\n border-bottom: 1px solid #8c8c8c;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield; }\n .bx--number input[type='number']:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--number input[type='number']:disabled ~ .bx--number__controls {\n cursor: not-allowed;\n pointer-events: none; }\n .bx--number input[type='number']:disabled ~ .bx--number__controls svg {\n fill: #bebebe; }\n .bx--number input[type='number']::-ms-clear {\n display: none; }\n .bx--number input[type='number']::-webkit-inner-spin-button {\n -webkit-appearance: none;\n appearance: none; }\n\n.bx--number input[type='number']:disabled,\n.bx--number--readonly input[type='number'] {\n cursor: not-allowed;\n background-color: #f3f3f3;\n color: #bebebe; }\n\n.bx--number__input-wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--number__input-wrapper ~ .bx--form-requirement {\n color: #da1e28;\n font-weight: 400;\n margin-top: 0.25rem;\n overflow: visible; }\n .bx--number__input-wrapper ~ .bx--form-requirement::before {\n display: none; }\n\n.bx--number__controls {\n position: absolute;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--number__control-btn {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 2rem;\n height: 1.25rem;\n color: #171717; }\n .bx--number__control-btn::-moz-focus-inner {\n border: 0; }\n .bx--number__control-btn svg {\n fill: currentColor;\n position: relative; }\n .bx--number__control-btn.up-icon svg {\n top: 0.3125rem; }\n .bx--number__control-btn.down-icon svg {\n top: -0.3125rem; }\n .bx--number__control-btn:focus {\n outline: 1px solid #0062ff;\n color: #171717;\n outline-width: 2px;\n outline-offset: -2px; }\n .bx--number__control-btn:hover {\n cursor: pointer; }\n .bx--number__control-btn:hover {\n color: #171717; }\n .bx--number__control-btn:disabled {\n cursor: not-allowed;\n color: #bebebe; }\n\n.bx--number--readonly .bx--number__control-btn {\n display: none; }\n\n.bx--number[data-invalid] .bx--form-requirement {\n display: inline-block;\n max-height: 12.5rem; }\n\n.bx--number[data-invalid] input[type='number'] {\n outline: 2px solid #da1e28;\n outline-offset: -2px; }\n\n.bx--number__invalid {\n position: absolute;\n right: 2rem;\n fill: #da1e28; }\n\n.bx--number--light input[type='number'] {\n background-color: #ffffff; }\n\n.bx--number--mobile {\n min-width: 9rem;\n width: auto; }\n .bx--number--mobile .bx--number__control-btn,\n .bx--number--mobile.bx--number--light .bx--number__control-btn {\n position: static;\n width: 2.5rem;\n height: 2.5rem;\n background-color: #f3f3f3; }\n .bx--number--mobile .bx--number__control-btn:hover, .bx--number--mobile .bx--number__control-btn:focus,\n .bx--number--mobile.bx--number--light .bx--number__control-btn:hover,\n .bx--number--mobile.bx--number--light .bx--number__control-btn:focus {\n background-color: #e5e5e5; }\n .bx--number--mobile .bx--number__control-btn:focus,\n .bx--number--mobile.bx--number--light .bx--number__control-btn:focus {\n outline-width: 2px;\n outline-offset: -2px; }\n .bx--number--mobile .bx--number__control-btn svg,\n .bx--number--mobile.bx--number--light .bx--number__control-btn svg {\n position: static; }\n .bx--number--mobile input[type='number'] {\n min-width: 4rem;\n width: auto;\n margin: 0;\n border-right: 1px solid #dcdcdc;\n border-left: 1px solid #dcdcdc;\n padding: 0;\n text-align: center;\n background-color: #f3f3f3; }\n .bx--number--mobile.bx--number--light input[type='number'] {\n background-color: #ffffff; }\n .bx--number--mobile.bx--number--light .bx--number__control-btn {\n background-color: #ffffff; }\n\n.bx--number.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 100%;\n height: 2.5rem; }\n .bx--number.bx--skeleton:hover, .bx--number.bx--skeleton:focus, .bx--number.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--number.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n .bx--number.bx--skeleton input[type='number'] {\n display: none; }\n\n.bx--link {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n color: #0062ff;\n text-decoration: none;\n outline: none;\n -webkit-transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--link:hover {\n color: #0062ff;\n text-decoration: underline; }\n .bx--link:active, .bx--link:active:visited {\n color: #171717;\n text-decoration: underline; }\n .bx--link:focus {\n outline: 1px solid #0062ff; }\n .bx--link:not([href]) {\n color: #bebebe;\n cursor: not-allowed;\n pointer-events: none;\n -ms-touch-action: none;\n touch-action: none; }\n .bx--link:visited {\n color: #0062ff; }\n\n.bx--link--visited {\n color: #8a3ffc; }\n\n.bx--link--disabled {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n display: inline;\n color: #bebebe;\n font-weight: 400;\n cursor: not-allowed; }\n\n.bx--list--nested,\n.bx--list--unordered,\n.bx--list--ordered {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n counter-reset: listitem; }\n\n.bx--list__item {\n font-weight: 400;\n color: #171717;\n list-style-type: none;\n counter-increment: listitem;\n margin-left: 0.5rem;\n padding-left: 0.5rem;\n position: relative; }\n\n.bx--list__item:before {\n position: absolute;\n left: -0.5rem; }\n\n.bx--list--nested {\n margin-bottom: 0.25rem;\n margin-left: 2rem; }\n\n.bx--list--unordered > .bx--list__item:before,\n.bx--list--ordered > .bx--list__item:before {\n display: inline-block;\n margin-right: 0.5rem;\n margin-bottom: 0.25rem; }\n\n.bx--list--unordered\n.bx--list--nested\n> .bx--list__item:before,\n.bx--list--ordered\n.bx--list--nested\n> .bx--list__item:before {\n margin-right: 0.5rem;\n display: inline-block; }\n\n.bx--list--unordered > .bx--list__item:before {\n content: '\\002013'; }\n\n.bx--list--unordered\nul.bx--list--nested\n> .bx--list__item:before {\n content: '\\0025AA'; }\n\n.bx--list--unordered\nol.bx--list--nested\n> .bx--list__item:before {\n content: counter(listitem, lower-alpha) \".\"; }\n\n.bx--list--ordered > .bx--list__item:before {\n content: counter(listitem) \".\"; }\n\n.bx--list--ordered ol.bx--list--nested {\n counter-reset: ol-counter; }\n\n.bx--list--ordered\nol.bx--list--nested\n> .bx--list__item {\n counter-increment: ol-counter; }\n\n.bx--list--ordered\nol.bx--list--nested\n> .bx--list__item:before {\n content: counter(ol-counter, lower-alpha) \".\";\n width: 0.6rem; }\n\n.bx--list--ordered\nul.bx--list--nested\n> .bx--list__item:before {\n content: '\\0025AA'; }\n\n.bx--table-toolbar {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n background: #f3f3f3;\n height: 3rem;\n position: relative; }\n\n.bx--toolbar-content {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n width: 100%;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n -webkit-transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--batch-actions ~ .bx--toolbar-content {\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }\n\n.bx--toolbar-content .bx--search .bx--search-input {\n background-color: transparent; }\n\n.bx--batch-actions ~ .bx--toolbar-search-container {\n opacity: 1;\n -webkit-transition: opacity 110ms;\n transition: opacity 110ms;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--toolbar-search-container-expandable {\n height: 3rem;\n width: 3rem;\n position: relative;\n -webkit-transition: -webkit-box-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-box-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9), -ms-flex 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-box-shadow: none;\n box-shadow: none; }\n\n.bx--toolbar-search-container-expandable .bx--search {\n width: 3rem;\n height: 100%;\n position: initial; }\n\n.bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-magnifier {\n height: 3rem;\n width: 3rem;\n padding: 1rem;\n left: 0;\n cursor: pointer;\n pointer-events: all;\n -webkit-transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-magnifier:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-magnifier:hover {\n background: #e5e5e5; }\n\n.bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-input {\n border: none;\n height: 100%;\n visibility: hidden;\n padding: 0;\n background-color: transparent; }\n\n.bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-close {\n height: 3rem;\n width: 3rem; }\n .bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-close:before {\n top: 2px;\n height: calc(100% - 4px);\n background-color: #e5e5e5; }\n\n.bx--toolbar-search-container-active {\n -webkit-box-flex: 1;\n -ms-flex: auto;\n flex: auto;\n -webkit-transition: -webkit-box-flex 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-box-flex 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: flex 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: flex 150ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-flex 150ms cubic-bezier(0.2, 0, 0.38, 0.9), -ms-flex 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--toolbar-search-container-active .bx--search {\n width: 100%; }\n\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-input {\n padding-left: 3rem;\n visibility: visible; }\n\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-input:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-input:focus\n+ .bx--search-close {\n border: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n outline: none; }\n\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-input:not(:placeholder-shown) {\n background: #e5e5e5;\n border: none; }\n\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-magnifier:focus,\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-magnifier:active,\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-magnifier:hover {\n outline: none;\n border: none;\n background: transparent; }\n\n.bx--toolbar-search-container-persistent .bx--search-close,\n.bx--toolbar-search-container-persistent\n.bx--search-close:hover,\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-close,\n.bx--toolbar-search-container-active\n.bx--search\n.bx--search-close:hover {\n border: none;\n background-color: transparent; }\n\n.bx--overflow-menu.bx--toolbar-action {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n cursor: pointer;\n height: 3rem;\n width: 3rem;\n padding: 1rem;\n -webkit-transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n .bx--overflow-menu.bx--toolbar-action::-moz-focus-inner {\n border: 0; }\n\n.bx--toolbar-action {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n cursor: pointer;\n height: 3rem;\n width: 3rem;\n -webkit-transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n .bx--toolbar-action::-moz-focus-inner {\n border: 0; }\n\n.bx--toolbar-action:hover:not([disabled]) {\n background: #e5e5e5; }\n\n.bx--toolbar-action:hover[aria-expanded='true'] {\n background: #f3f3f3; }\n\n.bx--toolbar-action[disabled] {\n cursor: not-allowed; }\n\n.bx--toolbar-action[disabled] .bx--toolbar-action__icon {\n fill: #bebebe;\n cursor: not-allowed; }\n\n.bx--toolbar-action:focus:not([disabled]),\n.bx--toolbar-action:active:not([disabled]) {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--toolbar-action ~ .bx--btn {\n margin: 0;\n height: 3rem; }\n\n.bx--overflow-menu--data-table {\n height: 3rem; }\n\n.bx--toolbar-action__icon {\n height: 1rem;\n width: auto;\n max-width: 1rem;\n fill: #171717; }\n\n.bx--toolbar-search-container-persistent {\n width: 100%;\n height: 3rem;\n opacity: 1;\n position: relative; }\n\n.bx--toolbar-search-container-persistent\n+ .bx--toolbar-content {\n position: relative;\n width: auto; }\n\n.bx--toolbar-search-container-persistent .bx--search {\n position: initial; }\n\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-magnifier {\n left: 1rem; }\n\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-input {\n height: 3rem;\n padding-left: 3rem;\n border: none; }\n\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-input:focus:not([disabled]) {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-input:hover:not([disabled]) {\n background: #e5e5e5; }\n\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-input:active:not([disabled]),\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-input:not(:placeholder-shown) {\n background: #e5e5e5; }\n\n.bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-close {\n height: 3rem;\n width: 3rem; }\n\n.bx--batch-actions--active ~ .bx--toolbar-search-container,\n.bx--batch-actions--active ~ .bx--toolbar-content {\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n -webkit-transform: translate3d(0, 48px, 0);\n transform: translate3d(0, 48px, 0);\n -webkit-transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--batch-actions {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n width: 100%;\n height: 100%;\n pointer-events: none;\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\n will-change: transform;\n background-color: #0062ff;\n -webkit-transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-transform: translate3d(0, 48px, 0);\n transform: translate3d(0, 48px, 0); }\n\n.bx--batch-actions:focus {\n outline: 1px solid #0062ff; }\n\n.bx--batch-actions--active {\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n pointer-events: all;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n\n.bx--action-list {\n position: absolute;\n top: 0;\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--action-list .bx--btn {\n color: #ffffff; }\n\n.bx--action-list .bx--btn .bx--btn__icon {\n fill: #ffffff;\n margin-left: 0.5rem; }\n\n.bx--action-list .bx--btn .bx--btn__icon .st0 {\n fill: none; }\n\n.bx--batch-download {\n padding: 0.0625rem; }\n\n.bx--action-list .bx--btn--primary:focus::before,\n.bx--action-list .bx--btn--primary:focus::before,\n.bx--action-list .bx--btn--primary::before,\n.bx--action-list .bx--btn--primary::before,\n.bx--action-list .bx--btn--primary:focus::after,\n.bx--action-list .bx--btn--primary:focus::after,\n.bx--action-list .bx--btn--primary::after,\n.bx--action-list .bx--btn--primary::after {\n display: none; }\n\n.bx--action-list .bx--btn--primary:focus {\n outline: 2px solid #f3f3f3;\n outline-offset: -0.125rem; }\n\n.bx--action-list .bx--btn {\n min-width: 0; }\n\n.bx--action-list\n.bx--btn--primary:nth-child(3):hover\n+ .bx--btn--primary.bx--batch-summary__cancel::before,\n.bx--action-list\n.bx--btn--primary:nth-child(3):focus\n+ .bx--btn--primary.bx--batch-summary__cancel::before {\n opacity: 0; }\n\n.bx--btn--primary.bx--batch-summary__cancel::before {\n display: block;\n position: absolute;\n opacity: 1;\n top: 0.9375rem;\n left: 0;\n height: 1rem;\n width: 0.0625rem;\n content: '';\n background-color: #ffffff;\n border: none;\n -webkit-transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--btn--primary.bx--batch-summary__cancel:hover::before {\n opacity: 0;\n -webkit-transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--batch-summary__cancel {\n padding-right: 1rem;\n position: relative; }\n\n.bx--batch-summary {\n position: absolute;\n left: 0;\n margin-left: 1rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #ffffff; }\n\n.bx--batch-summary__para {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px; }\n\n.bx--table-toolbar--small {\n height: 2rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-expandable,\n .bx--table-toolbar--small .bx--toolbar-search-container-persistent {\n height: 2rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-input,\n .bx--table-toolbar--small .bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-input {\n height: 2rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-close,\n .bx--table-toolbar--small .bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-close {\n height: 2rem;\n width: 2rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-magnifier,\n .bx--table-toolbar--small .bx--toolbar-search-container-persistent\n.bx--search\n.bx--search-magnifier {\n height: 2rem;\n width: 2rem;\n padding: 0.5rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-expandable {\n width: 2rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-expandable\n.bx--search\n.bx--search-input {\n padding-left: 2rem; }\n .bx--table-toolbar--small .bx--toolbar-search-container-active {\n -webkit-box-flex: 1;\n -ms-flex: auto;\n flex: auto;\n -webkit-transition: -webkit-box-flex 175ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-box-flex 175ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: flex 175ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: flex 175ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-flex 175ms cubic-bezier(0.2, 0, 0.38, 0.9), -ms-flex 175ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-input {\n visibility: visible; }\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-input:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n background: #e5e5e5; }\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-input:active,\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-input:not(:placeholder-shown) {\n background: #e5e5e5; }\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-magnifier:focus,\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-magnifier:active,\n .bx--table-toolbar--small .bx--toolbar-search-container-active\n.bx--search\n.bx--search-magnifier:hover {\n outline: 2px solid transparent;\n outline-offset: -2px;\n background: transparent; }\n\n.bx--table-toolbar--small\n.bx--batch-actions\n.bx--action-list {\n height: 2rem; }\n\n.bx--table-toolbar--small .bx--toolbar-action {\n height: 2rem;\n width: 2rem;\n padding: 0.5rem; }\n\n.bx--table-toolbar--small .bx--btn--primary {\n padding-top: 0.1875rem;\n height: 2rem; }\n\n.bx--table-toolbar--small\n.bx--btn--primary.bx--batch-summary__cancel::before {\n top: 0.5rem; }\n\n.bx--table-toolbar--small\n.bx--toolbar-action\n~ .bx--btn {\n height: 2rem;\n width: 10rem;\n overflow: hidden; }\n\n.bx--data-table-container {\n min-width: 31.25rem;\n overflow-x: auto;\n padding-top: 0.125rem; }\n\n.bx--data-table-header {\n background: #f3f3f3;\n padding: 1rem 0 1.5rem 1rem; }\n\n.bx--data-table-header__title {\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.625rem;\n letter-spacing: 0;\n color: #171717; }\n\n.bx--data-table-header__description {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #565656; }\n\n.bx--data-table {\n border-collapse: collapse;\n border-spacing: 0;\n width: 100%; }\n\n.bx--data-table thead {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n background-color: #dcdcdc; }\n\n.bx--data-table tbody {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n background-color: #f3f3f3;\n width: 100%; }\n\n.bx--data-table tr {\n border: none;\n height: 3rem;\n width: 100%; }\n\n.bx--data-table tbody tr,\n.bx--data-table tbody tr td,\n.bx--data-table tbody tr th {\n -webkit-transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--data-table tbody tr:hover {\n background: #e5e5e5; }\n\n.bx--data-table tbody tr:hover td,\n.bx--data-table tbody tr:hover th {\n color: #171717;\n background: #e5e5e5;\n border-bottom: 1px solid #e5e5e5;\n border-top: 1px solid #e5e5e5; }\n\n.bx--data-table th,\n.bx--data-table td {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n vertical-align: top;\n text-align: left; }\n\n.bx--data-table th {\n color: #171717;\n background-color: #dcdcdc; }\n\n.bx--data-table th:first-of-type:not(.bx--table-expand th) {\n padding-left: 1rem; }\n\n.bx--data-table th:last-of-type {\n position: relative;\n width: auto; }\n\n.bx--data-table .bx--table-header-label {\n display: block;\n padding: 0.875rem 0;\n text-align: left; }\n\n.bx--data-table td,\n.bx--data-table tbody th {\n background: #f3f3f3;\n color: #565656;\n border-top: 1px solid #f3f3f3;\n border-bottom: 1px solid #dcdcdc;\n padding: 0.875rem 0.75rem;\n padding-bottom: 0.8125rem; }\n .bx--data-table td + td:first-of-type,\n .bx--data-table tbody th + td:first-of-type {\n padding-left: 0.75rem; }\n\n@supports (-moz-appearance: none) {\n .bx--data-table td {\n background-clip: padding-box; } }\n\n.bx--data-table td:first-of-type {\n padding-left: 1rem; }\n\n.bx--data-table td:last-of-type {\n padding-right: 1rem; }\n\n.bx--data-table .bx--table-column-menu,\n.bx--data-table .bx--table-column-menu:last-of-type {\n width: 3.25rem;\n min-width: 3.25rem;\n padding-top: 0.5rem;\n padding-right: 0.5rem; }\n\n.bx--data-table td.bx--table-column-menu {\n padding-bottom: 0; }\n\n.bx--data-table\ntd.bx--table-column-menu\n.bx--overflow-menu[aria-expanded='false']:hover {\n background: #dcdcdc; }\n\n.bx--data-table\ntd.bx--table-column-menu\n.bx--overflow-menu[aria-expanded='false']:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--data-table\ntd.bx--table-column-menu\n.bx--overflow-menu[aria-expanded='true']:focus {\n outline: none; }\n\n@media screen and (hover: hover), (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .bx--data-table\ntd.bx--table-column-menu\n.bx--overflow-menu\n.bx--overflow-menu__icon {\n opacity: 0; } }\n\n.bx--data-table.bx--data-table--visible-overflow-menu\ntd.bx--table-column-menu\n.bx--overflow-menu\n.bx--overflow-menu__icon,\n.bx--data-table\ntd.bx--table-column-menu\n.bx--overflow-menu:hover\n.bx--overflow-menu__icon,\n.bx--data-table\ntd.bx--table-column-menu\n.bx--overflow-menu:focus\n.bx--overflow-menu__icon,\n.bx--data-table\ntr:hover\ntd.bx--table-column-menu\n.bx--overflow-menu\n.bx--overflow-menu__icon {\n opacity: 1; }\n\n.bx--table-row--menu-option\n.bx--overflow-menu-options__btn\n.bx--overflow-menu-options__option-content\nsvg {\n margin-right: 0.5rem;\n position: relative;\n top: 0.1875rem; }\n\n.bx--data-table--zebra tbody tr:nth-child(even) td {\n border-bottom: 1px solid #f3f3f3; }\n\n.bx--data-table--zebra tbody tr:nth-child(odd) td {\n background-color: #ffffff;\n border-bottom: 1px solid #ffffff;\n border-top: 1px solid #ffffff; }\n\n.bx--data-table--zebra tbody tr:hover td {\n background-color: #e5e5e5;\n border-bottom: 1px solid #e5e5e5;\n border-top: 1px solid #e5e5e5; }\n\n.bx--table-column-checkbox .bx--checkbox-label {\n padding-left: 1rem; }\n\n.bx--data-table th.bx--table-column-checkbox {\n position: relative;\n background: #dcdcdc;\n padding: 0.75rem 0.5rem 0 1rem;\n width: 2.75rem;\n -webkit-transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--data-table td.bx--table-column-checkbox {\n padding-top: 0.6875rem;\n padding-bottom: 0; }\n\nth.bx--table-column-checkbox:hover {\n background: #cacaca; }\n\n.bx--data-table--zebra\ntbody\ntr:nth-child(odd).bx--data-table--selected\ntd,\ntr.bx--data-table--selected td {\n color: #171717;\n background-color: #dcdcdc;\n border-top: 1px solid #dcdcdc;\n border-bottom: 1px solid #bebebe; }\n\n.bx--data-table--zebra\ntbody\ntr:first-of-type:nth-child(odd).bx--data-table--selected\ntd,\ntr.bx--data-table--selected:first-of-type td {\n border-top: 1px solid #bebebe; }\n\n.bx--data-table--zebra\ntbody\ntr:last-of-type:nth-child(odd).bx--data-table--selected\ntd,\n.bx--data-table--zebra\ntbody\ntr:last-of-type:nth-child(even).bx--data-table--selected\ntd,\ntr.bx--data-table--selected:last-of-type td {\n border-top: 1px solid #dcdcdc;\n border-bottom: 1px solid #dcdcdc; }\n\n.bx--data-table--zebra\ntbody\ntr:nth-child(even).bx--data-table--selected\ntd {\n border-bottom: 1px solid #bebebe; }\n\n.bx--data-table--zebra\ntbody\ntr:nth-child(even).bx--data-table--selected:hover\ntd {\n border-bottom: 1px solid #cacaca; }\n\n.bx--data-table--zebra\ntbody\ntr:nth-child(odd).bx--data-table--selected:hover\ntd,\n.bx--data-table tbody .bx--data-table--selected:hover td {\n color: #171717;\n background: #cacaca;\n border-top: 1px solid #cacaca;\n border-bottom: 1px solid #cacaca; }\n\n.bx--data-table--selected\n.bx--overflow-menu\n.bx--overflow-menu__icon {\n opacity: 1; }\n\n.bx--data-table--compact thead tr,\n.bx--data-table--compact tbody tr {\n height: 1.5rem; }\n\n.bx--data-table--compact .bx--table-header-label {\n padding: 0.125rem 0; }\n\n.bx--data-table--compact td {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem; }\n\n.bx--data-table--compact .bx--overflow-menu {\n width: 2rem;\n height: 1.4375rem; }\n\n.bx--data-table.bx--data-table--compact\n.bx--table-column-menu {\n padding-top: 0; }\n\n.bx--data-table.bx--data-table--compact\n.bx--table-column-checkbox {\n padding-top: 0;\n padding-bottom: 0; }\n\n.bx--data-table.bx--data-table--compact\n.bx--table-column-checkbox\n.bx--checkbox-label {\n min-height: 1.4375rem;\n height: 1.4375rem; }\n\n.bx--data-table--short thead tr,\n.bx--data-table--short tbody tr {\n height: 2rem; }\n\n.bx--data-table--short .bx--table-header-label {\n padding: 0.4375rem 0; }\n\n.bx--data-table--short td {\n padding-top: 0.4375rem;\n padding-bottom: 0.375rem; }\n\n.bx--data-table--short .bx--overflow-menu {\n height: 1.9375rem; }\n\n.bx--data-table.bx--data-table--short\n.bx--table-column-menu {\n padding-top: 0; }\n\n.bx--data-table.bx--data-table--short\n.bx--table-column-checkbox {\n padding-top: 0.1875rem;\n padding-bottom: 0.1875rem; }\n\n.bx--data-table--tall thead tr,\n.bx--data-table--tall tbody tr {\n height: 4rem; }\n\n.bx--data-table--tall .bx--table-header-label {\n padding: 1rem 0; }\n\n.bx--data-table--tall td {\n padding-top: 1rem; }\n\n.bx--data-table--cell-secondary-text {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px; }\n\n.bx--data-table.bx--data-table--tall\n.bx--table-column-menu,\n.bx--data-table.bx--data-table--tall\n.bx--table-column-checkbox {\n padding-top: 0.75rem; }\n\n.bx--data-table--static {\n width: auto; }\n\n.bx--data-table_inner-container {\n background-color: #dcdcdc;\n padding-top: 3rem;\n -webkit-transform: translateZ(0);\n transform: translateZ(0); }\n\n.bx--data-table--sticky-header {\n display: block;\n overflow-y: scroll; }\n .bx--data-table--sticky-header thead,\n .bx--data-table--sticky-header tbody,\n .bx--data-table--sticky-header tr,\n .bx--data-table--sticky-header th,\n .bx--data-table--sticky-header td {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n .bx--data-table--sticky-header thead {\n position: fixed;\n top: 0;\n width: 100%;\n overflow: scroll;\n -ms-overflow-style: none;\n will-change: transform; }\n .bx--data-table--sticky-header thead tr th {\n border-bottom: 1px solid #bebebe; }\n .bx--data-table--sticky-header tbody {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n overflow-x: scroll;\n -ms-overflow-style: none;\n will-change: transform; }\n .bx--data-table--sticky-header tr {\n min-height: 3rem;\n height: auto; }\n .bx--data-table--sticky-header tr.bx--data-table--selected:first-of-type td {\n border-top: none; }\n .bx--data-table--sticky-header thead::-webkit-scrollbar,\n .bx--data-table--sticky-header tbody::-webkit-scrollbar {\n display: none; }\n\n@-moz-document url-prefix() {\n .bx--data-table--sticky-header thead,\n .bx--data-table--sticky-header tbody {\n scrollbar-width: none; } }\n .bx--data-table--sticky-header tbody tr:last-of-type {\n border-bottom: 0; }\n .bx--data-table--sticky-header th:not(.bx--table-column-checkbox):not(.bx--table-column-menu):not(.bx--table-expand-v2):not(.bx--table-column-icon),\n .bx--data-table--sticky-header td:not(.bx--table-column-checkbox):not(.bx--table-column-menu):not(.bx--table-expand-v2):not(.bx--table-column-icon) {\n width: 100%;\n min-width: 0; }\n .bx--data-table--sticky-header .bx--table-header-label {\n max-width: calc(100% - 10px);\n display: block;\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n\n.bx--data-table--max-width {\n max-width: 56.25rem; }\n\n.bx--data-table--sticky-header {\n max-height: 18.75rem; }\n\n.bx--data-table tr.bx--parent-row:first-of-type td {\n border-top: 1px solid #dcdcdc; }\n\n.bx--expandable-row--hidden td {\n border-top: 0;\n width: auto;\n padding: 1rem; }\n\ntr.bx--parent-row:not(.bx--expandable-row)\n+ tr[data-child-row] {\n height: 0;\n -webkit-transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\ntr.bx--parent-row:not(.bx--expandable-row)\n+ tr[data-child-row]\ntd {\n padding-top: 0;\n padding-bottom: 0;\n border: 0;\n background-color: #e5e5e5;\n -webkit-transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\ntr.bx--parent-row:not(.bx--expandable-row)\n+ tr[data-child-row]\ntd\n.bx--child-row-inner-container {\n overflow: hidden;\n max-height: 0; }\n\ntr.bx--parent-row.bx--expandable-row + tr[data-child-row] {\n -webkit-transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\ntr.bx--parent-row.bx--expandable-row + tr[data-child-row] td {\n padding-bottom: 1.4375rem;\n -webkit-transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\ntr.bx--parent-row.bx--expandable-row\n+ tr[data-child-row]\ntd\n.bx--child-row-inner-container {\n max-height: 100%; }\n\n.bx--parent-row.bx--expandable-row > td,\n.bx--parent-row.bx--expandable-row + tr[data-child-row] > td {\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #dcdcdc;\n box-shadow: 0 1px #dcdcdc; }\n\n.bx--parent-row:not(.bx--expandable-row)\n+ tr[data-child-row]\n> td {\n -webkit-box-shadow: none;\n box-shadow: none; }\n\n.bx--parent-row.bx--expandable-row > td:first-of-type {\n -webkit-box-shadow: none;\n box-shadow: none; }\n\ntr.bx--parent-row:not(.bx--expandable-row) td,\ntr.bx--parent-row.bx--expandable-row td,\ntr.bx--parent-row.bx--expandable-row {\n -webkit-transition: height 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: height 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\ntr.bx--parent-row.bx--expandable-row + tr[data-child-row] td {\n -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\ntr.bx--parent-row:not(.bx--expandable-row):first-of-type:hover\ntd {\n border-top: 1px solid #e5e5e5;\n border-bottom: 1px solid #e5e5e5; }\n\ntr.bx--parent-row.bx--expandable-row:hover td {\n background-color: #e5e5e5;\n border-top: 1px solid #e5e5e5;\n border-bottom: 1px solid #dcdcdc;\n color: #171717; }\n\ntr.bx--parent-row.bx--expandable-row:hover td:first-of-type {\n border-bottom: 1px solid #e5e5e5; }\n\ntr.bx--parent-row.bx--expandable-row:hover\n+ tr[data-child-row]\ntd {\n background-color: #e5e5e5;\n color: #171717;\n border-bottom: 1px solid #dcdcdc; }\n\ntr.bx--expandable-row--hover + tr[data-child-row] td {\n border-bottom: 1px solid #dcdcdc; }\n\ntr.bx--expandable-row--hover {\n background-color: #e5e5e5; }\n\ntr.bx--expandable-row--hover td {\n background-color: #e5e5e5;\n border-bottom: 1px solid #dcdcdc;\n border-top: 1px solid #e5e5e5;\n color: #171717; }\n\ntr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover\ntd:first-of-type {\n border-bottom: 1px solid #e5e5e5; }\n\n.bx--data-table td.bx--table-expand {\n width: 2.5rem;\n min-width: 2.5rem;\n height: 3rem;\n vertical-align: top;\n padding: 0; }\n\n.bx--table-expand[data-previous-value='collapsed']\n.bx--table-expand__svg {\n -webkit-transform: rotate(270deg);\n transform: rotate(270deg);\n -webkit-transition: -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--table-expand__button {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 100%;\n width: 100%; }\n .bx--table-expand__button::-moz-focus-inner {\n border: 0; }\n\n.bx--data-table--short .bx--table-expand__button {\n height: auto; }\n\n.bx--table-expand__button:focus {\n outline: 1px solid transparent; }\n\n.bx--table-expand__button:focus .bx--table-expand__svg {\n -webkit-box-shadow: inset 0px 0px 0px 1px #0062ff;\n box-shadow: inset 0px 0px 0px 1px #0062ff; }\n\n.bx--table-expand__svg {\n fill: #171717;\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n -webkit-transition: -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\nth.bx--table-expand {\n position: relative;\n vertical-align: middle; }\n\nth.bx--table-expand + th.bx--table-column-checkbox {\n padding-left: 0.5rem; }\n\ntr.bx--parent-row.bx--expandable-row\ntd.bx--table-expand\n+ td::after {\n position: absolute;\n content: '';\n left: 0;\n bottom: -0.0625rem;\n height: 0.0625rem;\n width: 0.5rem;\n background: #f3f3f3; }\n\ntr.bx--parent-row.bx--expandable-row:hover\ntd.bx--table-expand\n+ td::after,\ntr.bx--parent-row.bx--expandable-row.bx--expandable-row--hover\ntd.bx--table-expand\n+ td::after {\n background: #e5e5e5; }\n\ntr.bx--parent-row.bx--data-table--selected\ntd.bx--table-expand\n+ td::after {\n display: none; }\n\ntr.bx--parent-row.bx--data-table--selected:first-of-type td {\n background: #dcdcdc;\n border-top: 1px solid #bebebe;\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #bebebe;\n box-shadow: 0 1px #bebebe; }\n\ntr.bx--parent-row.bx--data-table--selected td {\n background: #dcdcdc;\n color: #171717;\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #bebebe;\n box-shadow: 0 1px #bebebe; }\n\ntr.bx--parent-row.bx--data-table--selected:last-of-type td {\n background: #dcdcdc;\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #dcdcdc;\n box-shadow: 0 1px #dcdcdc; }\n\ntr.bx--parent-row.bx--data-table--selected:not(.bx--expandable-row):hover\ntd {\n background: #cacaca;\n border-top: 1px solid #cacaca;\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #cacaca;\n box-shadow: 0 1px #cacaca; }\n\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row\ntd,\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row\ntd:first-of-type {\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #dcdcdc;\n box-shadow: 0 1px #dcdcdc; }\n\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover\ntd,\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover\ntd:first-of-type,\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover\ntd,\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover\ntd:first-of-type {\n background: #cacaca;\n border-top: 1px solid #cacaca;\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #cacaca;\n box-shadow: 0 1px #cacaca; }\n\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row\n+ tr[data-child-row]\ntd {\n color: #171717;\n background-color: #e5e5e5;\n border-bottom: 1px solid transparent;\n -webkit-box-shadow: 0 1px #bebebe;\n box-shadow: 0 1px #bebebe;\n border-top: 1px solid #bebebe; }\n\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row\n+ tr[data-child-row]:last-of-type\ntd {\n -webkit-box-shadow: inset 0 -1px #bebebe;\n box-shadow: inset 0 -1px #bebebe;\n padding-bottom: 1.5rem; }\n\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row:hover\n+ tr[data-child-row]\ntd,\ntr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover\n+ tr[data-child-row]\ntd {\n background: #dcdcdc; }\n\n.bx--data-table--sort th,\n.bx--data-table--sort\nth:first-of-type:not(.bx--table-column-checkbox):not(.bx--table-expand) {\n padding: 0;\n height: 3rem;\n border-top: none;\n border-bottom: none; }\n\n.bx--data-table--sort td {\n padding-left: 0.5rem;\n padding-right: 0.5rem; }\n\n.bx--data-table--sort th:first-of-type .bx--table-sort {\n padding-left: 0.75rem; }\n\n.bx--table-sort {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n position: relative;\n font: inherit;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n width: 100%;\n color: #171717;\n padding: 0 0.5rem;\n height: 100%;\n background-color: #dcdcdc;\n -webkit-transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9); }\n .bx--table-sort::-moz-focus-inner {\n border: 0; }\n\n.bx--table-sort:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--table-sort:hover {\n background: #cacaca; }\n\n.bx--table-sort:focus svg,\n.bx--table-sort:hover svg {\n opacity: 1; }\n\n.bx--table-sort .bx--table-sort__icon-inactive {\n display: block; }\n\n.bx--table-sort .bx--table-sort__icon {\n display: none; }\n\n.bx--table-sort__icon-unsorted {\n position: relative;\n left: 0.125rem;\n margin-left: 0.5rem;\n margin-right: 0;\n opacity: 0;\n fill: #171717;\n width: auto;\n min-width: 1rem; }\n\n.bx--table-sort.bx--table-sort--active\n.bx--table-sort__icon-unsorted {\n display: none; }\n\n.bx--table-sort.bx--table-sort--active\n.bx--table-sort__icon {\n display: block;\n opacity: 1; }\n\n.bx--table-sort--ascending .bx--table-sort__icon {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg); }\n\n.bx--table-sort__icon {\n position: relative;\n left: 0.125rem;\n margin-left: 0.5rem;\n margin-right: 0;\n -webkit-transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-transform: rotate(0);\n transform: rotate(0);\n opacity: 0;\n fill: #171717;\n width: auto;\n min-width: 1rem; }\n\n.bx--data-table--compact.bx--data-table--sort th {\n height: 1.5rem; }\n\n.bx--data-table--compact.bx--data-table--sort\nth\n.bx--table-sort {\n padding-top: 0;\n padding-bottom: 0; }\n\n.bx--data-table--short.bx--data-table--sort th {\n height: 2rem; }\n\n.bx--data-table--short.bx--data-table--sort\nth\n.bx--table-sort {\n padding-top: 0;\n padding-bottom: 0; }\n\n.bx--data-table--tall.bx--data-table--sort th {\n height: 4rem; }\n\n.bx--data-table--tall.bx--data-table--sort\nth\n.bx--table-sort {\n padding-top: 0;\n padding-bottom: 0; }\n\n.bx--data-table--tall.bx--data-table--sort\nth\n.bx--table-sort\nsvg {\n -ms-flex-item-align: start;\n align-self: flex-start;\n top: 0.5rem; }\n\n.bx--data-table--tall.bx--data-table--sort\nth\n.bx--table-sort\n.bx--table-header-label {\n -ms-flex-item-align: start;\n align-self: flex-start;\n position: relative;\n top: -0.5rem;\n max-height: 3rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical; }\n\n.bx--inline-edit-label {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--inline-edit-label:hover .bx--inline-edit-label__icon {\n opacity: 1; }\n\n.bx--inline-edit-label--inactive {\n display: none; }\n\n.bx--inline-edit-label__action {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer; }\n .bx--inline-edit-label__action::-moz-focus-inner {\n border: 0; }\n .bx--inline-edit-label__action:hover {\n cursor: pointer; }\n .bx--inline-edit-label__action:focus {\n outline: 1px solid #0062ff;\n padding: 0.125rem; }\n .bx--inline-edit-label__action:focus .bx--inline-edit-label__icon {\n width: auto;\n opacity: 1; }\n\n.bx--inline-edit-label__icon {\n fill: #171717;\n opacity: 0; }\n\n.bx--inline-edit-input {\n display: none; }\n\n.bx--inline-edit-input--active {\n display: block;\n margin-left: -0.75rem; }\n .bx--inline-edit-input--active input {\n padding-left: 0.75rem; }\n\n.bx--data-table--short input {\n height: 2rem; }\n\n.bx--data-table--short select {\n padding: 0.45rem 2.75rem 0.45rem 1rem; }\n\n.bx--data-table--short .bx--select__arrow {\n top: 0.875rem; }\n\n.bx--data-table.bx--skeleton th {\n border-bottom: 1px solid #0062ff;\n vertical-align: middle; }\n .bx--data-table.bx--skeleton th:nth-child(3n + 1) {\n width: 10%; }\n .bx--data-table.bx--skeleton th:nth-child(3n + 2) {\n width: 30%; }\n .bx--data-table.bx--skeleton th:nth-child(3n + 3) {\n width: 15%; }\n\n.bx--data-table.bx--skeleton th span,\n.bx--data-table.bx--skeleton td span {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 75%;\n height: 1rem;\n display: block; }\n .bx--data-table.bx--skeleton th span:hover, .bx--data-table.bx--skeleton th span:focus, .bx--data-table.bx--skeleton th span:active,\n .bx--data-table.bx--skeleton td span:hover,\n .bx--data-table.bx--skeleton td span:focus,\n .bx--data-table.bx--skeleton td span:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--data-table.bx--skeleton th span:before,\n .bx--data-table.bx--skeleton td span:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--data-table.bx--skeleton tr:hover td {\n border-color: #dcdcdc;\n background: transparent; }\n .bx--data-table.bx--skeleton tr:hover td:first-of-type, .bx--data-table.bx--skeleton tr:hover td:last-of-type {\n border-color: #dcdcdc; }\n\n.bx--data-table-v2.bx--skeleton .bx--table-sort-v2 {\n pointer-events: none; }\n\n.bx--structured-list--selection .bx--structured-list-td,\n.bx--structured-list--selection .bx--structured-list-th {\n padding-left: 1rem;\n padding-right: 1rem; }\n .bx--structured-list--selection .bx--structured-list-td:first-child,\n .bx--structured-list--selection .bx--structured-list-th:first-child {\n padding-left: 1rem;\n padding-right: 1rem; }\n\n.bx--structured-list-input {\n display: none; }\n\n.bx--structured-list {\n display: table;\n overflow-x: auto;\n overflow-y: hidden;\n width: 100%;\n min-width: 500px;\n border-collapse: collapse;\n border-spacing: 0;\n margin-bottom: 5rem;\n background-color: transparent; }\n .bx--structured-list.bx--structured-list--condensed .bx--structured-list-td,\n .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {\n padding: 0.5rem;\n padding-left: 0; }\n\n.bx--structured-list-row {\n display: table-row;\n border-bottom: 1px solid #dcdcdc;\n -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--structured-list--selection\n.bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {\n background-color: #f3f3f3;\n cursor: pointer;\n border-bottom: 1px solid #f3f3f3; }\n\n.bx--structured-list-row.bx--structured-list-row--selected {\n background-color: #dcdcdc; }\n\n.bx--structured-list-row.bx--structured-list-row--header-row {\n border-bottom: 1px solid #dcdcdc;\n cursor: inherit; }\n\n.bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--structured-list--selection\n.bx--structured-list-row:hover:not(.bx--structured-list-row--header-row)\n> .bx--structured-list-td,\n.bx--structured-list-row.bx--structured-list-row--selected\n> .bx--structured-list-td {\n color: #171717; }\n\n.bx--structured-list--selection\n.bx--structured-list-row:hover:not(.bx--structured-list-row--header-row)\n> .bx--structured-list-td {\n border-top: 1px solid #f3f3f3; }\n\n.bx--structured-list-thead {\n display: table-header-group;\n vertical-align: middle; }\n\n.bx--structured-list-th {\n padding-left: 1rem;\n padding-right: 1rem;\n padding-top: 1rem;\n padding-bottom: 0.5rem;\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: table-cell;\n font-weight: 600;\n height: 2.5rem;\n text-align: left;\n text-transform: none;\n vertical-align: bottom; }\n\n.bx--structured-list-tbody {\n display: table-row-group;\n vertical-align: middle; }\n\n.bx--structured-list-td {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n padding-top: 1rem;\n padding-right: 1rem;\n padding-bottom: 1.5rem;\n padding-left: 1rem;\n line-height: 1.3125rem;\n position: relative;\n display: table-cell;\n max-width: 36rem;\n -webkit-transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--structured-list-th {\n color: #171717; }\n\n.bx--structured-list-td {\n color: #565656; }\n\n.bx--structured-list-content--nowrap {\n white-space: nowrap; }\n\n.bx--structured-list-svg {\n display: inline-block;\n fill: transparent;\n vertical-align: middle;\n -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--structured-list-row:hover .bx--structured-list-svg {\n fill: #a4a4a4; }\n\n.bx--structured-list-input:checked\n+ .bx--structured-list-row\n.bx--structured-list-svg,\n.bx--structured-list-input:checked\n+ .bx--structured-list-td\n.bx--structured-list-svg {\n fill: #171717; }\n\n.bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {\n width: 8%; }\n\n.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n + 2) {\n width: 30%; }\n\n.bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n + 3) {\n width: 15%; }\n\n.bx--structured-list.bx--skeleton .bx--structured-list-th span {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 75%;\n height: 1rem;\n display: block; }\n .bx--structured-list.bx--skeleton .bx--structured-list-th span:hover, .bx--structured-list.bx--skeleton .bx--structured-list-th span:focus, .bx--structured-list.bx--skeleton .bx--structured-list-th span:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--structured-list.bx--skeleton .bx--structured-list-th span:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--structured-list.bx--skeleton\n.bx--structured-list-th\nspan {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 75%;\n height: 1rem;\n display: block; }\n .bx--structured-list.bx--skeleton\n.bx--structured-list-th\nspan:hover, .bx--structured-list.bx--skeleton\n.bx--structured-list-th\nspan:focus, .bx--structured-list.bx--skeleton\n.bx--structured-list-th\nspan:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--structured-list.bx--skeleton\n.bx--structured-list-th\nspan:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--structured-list.bx--structured-list--selection.bx--skeleton\n.bx--structured-list-th:first-child {\n width: 5%; }\n .bx--structured-list.bx--structured-list--selection.bx--skeleton\n.bx--structured-list-th:first-child span {\n display: none; }\n\n.bx--snippet code {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px; }\n\n.bx--snippet--inline {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n position: relative;\n display: inline;\n padding: 0;\n border: 2px solid transparent;\n border-radius: 4px;\n background-color: #f3f3f3;\n color: #171717;\n cursor: pointer; }\n .bx--snippet--inline:hover {\n background-color: #dcdcdc; }\n .bx--snippet--inline:active {\n background-color: #bebebe; }\n .bx--snippet--inline:focus {\n outline: none;\n border: 2px solid #0062ff; }\n\n.bx--snippet--inline code {\n padding: 0 0.5rem; }\n\n.bx--snippet--inline.bx--snippet--light {\n background-color: #ffffff; }\n .bx--snippet--inline.bx--snippet--light:hover {\n background-color: rgba(23, 23, 23, 0.1); }\n\n.bx--snippet--single {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n background: #f3f3f3;\n border: 1px solid #dcdcdc;\n position: relative;\n max-width: 37.5rem;\n width: 100%;\n border: none;\n max-width: 47.5rem;\n min-width: 20rem;\n height: 2.5rem;\n padding: 0 56px 0 1rem; }\n\n.bx--snippet--single .bx--snippet-container {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n overflow-x: auto;\n position: relative;\n padding: 0 0 1rem 0;\n height: 3.5rem; }\n\n.bx--snippet--single pre {\n white-space: nowrap;\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n padding-right: 0.5rem; }\n\n.bx--snippet--single::after {\n width: 1rem;\n height: 100%;\n content: '';\n position: absolute;\n top: 0;\n right: 3.5rem;\n background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#f3f3f3));\n background-image: linear-gradient(to right, transparent, #f3f3f3); }\n\n.bx--snippet--multi {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n background: #f3f3f3;\n border: 1px solid #dcdcdc;\n position: relative;\n max-width: 37.5rem;\n width: 100%;\n border: none;\n padding: 1rem;\n min-width: 20rem;\n max-width: 100%; }\n\n.bx--snippet--multi .bx--snippet-container {\n overflow: hidden;\n position: relative;\n max-height: 14.875rem;\n min-height: 3.5rem;\n -webkit-transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--snippet--multi.bx--snippet--expand\n.bx--snippet-container {\n max-height: 93.75rem;\n -webkit-transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--snippet--multi .bx--snippet-container pre {\n overflow: hidden;\n padding-bottom: 1.5rem; }\n\n.bx--snippet--multi.bx--snippet--expand\n.bx--snippet-container\npre {\n overflow-x: scroll; }\n\n.bx--snippet--multi .bx--snippet-container pre::after {\n width: 1rem;\n height: 100%;\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#f3f3f3));\n background-image: linear-gradient(to right, transparent, #f3f3f3); }\n\n.bx--snippet--multi .bx--snippet-container pre code {\n overflow: hidden; }\n\n.bx--snippet__icon {\n fill: #171717;\n height: 1rem;\n width: 1rem;\n -webkit-transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--snippet-button {\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n border: none;\n background-color: #f3f3f3;\n outline: none;\n padding: 0;\n height: 2.5rem;\n width: 2.5rem;\n overflow: visible; }\n .bx--snippet-button:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n outline-color: #0062ff; }\n\n.bx--snippet--multi .bx--snippet-button {\n height: 2rem;\n width: 2rem;\n top: 0.5rem;\n right: 0.5rem; }\n\n.bx--snippet-button:hover {\n background: #e5e5e5; }\n\n.bx--snippet-button:active {\n background-color: #bebebe; }\n\n.bx--btn--copy__feedback {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n z-index: 8000;\n font-weight: 400;\n left: inherit;\n top: 0.75rem;\n right: 1.25rem; }\n\n.bx--btn--copy__feedback:before,\n.bx--btn--copy__feedback:after {\n background: #3d3d3d; }\n\n.bx--btn--copy__feedback:after {\n border: none; }\n\nbutton.bx--btn.bx--snippet-btn--expand {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n position: absolute;\n right: 0.5rem;\n bottom: 0.5rem;\n padding: 0.5rem;\n padding-left: 1rem;\n color: #171717;\n background-color: #f3f3f3; }\n\nbutton.bx--btn.bx--snippet-btn--expand\n.bx--snippet-btn--text {\n position: relative;\n top: -0.0625rem; }\n\n.bx--snippet-btn--expand--hide.bx--snippet-btn--expand {\n display: none; }\n\n.bx--snippet-btn--expand .bx--icon-chevron--down {\n fill: #171717;\n margin-left: 0.5rem;\n margin-bottom: 0.0625rem;\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\nbutton.bx--btn.bx--snippet-btn--expand:hover {\n background: #e5e5e5;\n color: #171717; }\n\n.bx--snippet-btn--expand:active {\n background-color: #bebebe; }\n\n.bx--snippet-btn--expand:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--snippet--expand\n.bx--snippet-btn--expand\n.bx--icon-chevron--down {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n -webkit-transition: -webkit-transform 240ms;\n transition: -webkit-transform 240ms;\n transition: transform 240ms;\n transition: transform 240ms, -webkit-transform 240ms; }\n\n.bx--snippet--code.bx--skeleton {\n height: 6.125rem; }\n\n.bx--snippet--terminal.bx--skeleton {\n height: 3.5rem; }\n\n.bx--snippet.bx--skeleton .bx--snippet-container {\n height: 100%; }\n\n.bx--snippet.bx--skeleton code {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 100%;\n height: 1rem;\n display: block; }\n .bx--snippet.bx--skeleton code:hover, .bx--snippet.bx--skeleton code:focus, .bx--snippet.bx--skeleton code:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--snippet.bx--skeleton code:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--snippet-button .bx--btn--copy__feedback {\n top: 1.5625rem;\n left: 1rem;\n right: auto; }\n\n.bx--snippet--inline .bx--btn--copy__feedback {\n right: auto;\n left: 50%; }\n\nbx--snippet--multi.bx--skeleton {\n height: 6.125rem; }\n\n.bx--snippet--single.bx--skeleton {\n height: 3.5rem; }\n\n.bx--snippet.bx--skeleton .bx--snippet-container {\n height: 100%; }\n\n.bx--snippet.bx--skeleton span {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 100%;\n height: 1rem;\n display: block;\n margin-top: 0.5rem; }\n .bx--snippet.bx--skeleton span:hover, .bx--snippet.bx--skeleton span:focus, .bx--snippet.bx--skeleton span:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--snippet.bx--skeleton span:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n .bx--snippet.bx--skeleton span:first-child {\n margin: 0; }\n .bx--snippet.bx--skeleton span:nth-child(2) {\n width: 85%; }\n .bx--snippet.bx--skeleton span:nth-child(3) {\n width: 95%; }\n\n.bx--snippet--single.bx--skeleton\n.bx--snippet-container {\n padding-bottom: 0; }\n\n.bx--snippet--inline .bx--btn--copy__feedback {\n right: auto; }\n\n.bx--snippet--code.bx--skeleton {\n height: 6.125rem; }\n\n.bx--snippet--terminal.bx--skeleton {\n height: 3.5rem; }\n\n.bx--snippet.bx--skeleton .bx--snippet-container {\n height: 100%; }\n\n.bx--snippet.bx--skeleton code {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 100%;\n height: 1rem;\n display: block; }\n .bx--snippet.bx--skeleton code:hover, .bx--snippet.bx--skeleton code:focus, .bx--snippet.bx--skeleton code:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--snippet.bx--skeleton code:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--overflow-menu__trigger {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%; }\n .bx--overflow-menu__trigger::-moz-focus-inner {\n border: 0; }\n\n.bx--overflow-menu,\n.bx--overflow-menu__trigger {\n outline: 2px solid transparent;\n outline-offset: -2px;\n position: relative;\n width: 2rem;\n height: 2rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n cursor: pointer;\n -webkit-transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n .bx--overflow-menu:focus,\n .bx--overflow-menu__trigger:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--overflow-menu:hover,\n .bx--overflow-menu__trigger:hover {\n background-color: #e5e5e5; }\n\n.bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus svg {\n outline: none; }\n\n.bx--overflow-menu.bx--overflow-menu--open,\n.bx--overflow-menu.bx--overflow-menu--open\n.bx--overflow-menu__trigger {\n background-color: #f3f3f3;\n -webkit-transition: none;\n transition: none;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); }\n\n.bx--overflow-menu__icon {\n height: 1rem;\n width: 1rem;\n fill: #171717; }\n\n.bx--overflow-menu-options {\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);\n display: none;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n position: absolute;\n z-index: 10000;\n background-color: #f3f3f3;\n width: 10rem;\n list-style: none;\n top: 32px;\n left: 0; }\n .bx--overflow-menu-options::after {\n content: '';\n position: absolute;\n display: block;\n background-color: #f3f3f3;\n -webkit-transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--overflow-menu-options[data-floating-menu-direction='bottom']::after {\n top: -0.1875rem;\n left: 0;\n width: 2rem;\n height: 0.1875rem; }\n\n.bx--overflow-menu-options[data-floating-menu-direction='top']::after {\n bottom: -0.375rem;\n left: 0;\n width: 2rem;\n height: 0.375rem; }\n\n.bx--overflow-menu-options[data-floating-menu-direction='left']::after {\n right: -0.375rem;\n top: 0;\n height: 2rem;\n width: 0.375rem; }\n\n.bx--overflow-menu-options[data-floating-menu-direction='right']::after {\n top: 0;\n left: -0.375rem;\n height: 2rem;\n width: 0.375rem; }\n\n.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='top']::after,\n.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='bottom']::after {\n left: auto;\n right: 0; }\n\n.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='left']::after,\n.bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction='right']::after {\n top: auto;\n bottom: 0; }\n\n.bx--overflow-menu-options--open {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--overflow-menu-options__option {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n background-color: transparent;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 100%;\n height: 2.5rem;\n padding: 0;\n -webkit-transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--overflow-menu--divider {\n border-top: 1px solid #dcdcdc; }\n\na.bx--overflow-menu-options__btn::before {\n content: '';\n height: 100%;\n vertical-align: middle;\n display: inline-block; }\n\n.bx--overflow-menu-options__btn {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n font-weight: 400;\n width: 100%;\n height: 100%;\n border: none;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: transparent;\n text-align: left;\n padding: 0 1rem;\n cursor: pointer;\n color: #565656;\n max-width: 11.25rem;\n -webkit-transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n .bx--overflow-menu-options__btn:hover {\n color: #171717; }\n .bx--overflow-menu-options__btn:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--overflow-menu-options__btn::-moz-focus-inner {\n border: none; }\n\n.bx--overflow-menu-options__btn svg {\n fill: #565656; }\n\n.bx--overflow-menu-options__btn:hover svg {\n fill: #171717; }\n\n.bx--overflow-menu-options__option-content {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis; }\n\n.bx--overflow-menu-options__option:hover {\n background-color: #e5e5e5; }\n\n.bx--overflow-menu-options__option--danger {\n border-top: 1px solid #dcdcdc; }\n\n.bx--overflow-menu-options__option--danger\n.bx--overflow-menu-options__btn:hover,\n.bx--overflow-menu-options__option--danger\n.bx--overflow-menu-options__btn:focus {\n color: #ffffff;\n background-color: #da1e28; }\n .bx--overflow-menu-options__option--danger\n.bx--overflow-menu-options__btn:hover svg,\n .bx--overflow-menu-options__option--danger\n.bx--overflow-menu-options__btn:focus svg {\n fill: #ffffff; }\n\n.bx--overflow-menu-options__option--disabled:hover {\n background-color: #f3f3f3;\n cursor: not-allowed; }\n\n.bx--overflow-menu-options__option--disabled\n.bx--overflow-menu-options__btn {\n color: #bebebe;\n pointer-events: none; }\n .bx--overflow-menu-options__option--disabled\n.bx--overflow-menu-options__btn:hover, .bx--overflow-menu-options__option--disabled\n.bx--overflow-menu-options__btn:active, .bx--overflow-menu-options__option--disabled\n.bx--overflow-menu-options__btn:focus {\n outline: 2px solid transparent;\n outline-offset: -2px;\n background-color: #f3f3f3; }\n\n.bx--overflow-menu-options__option--disabled\n.bx--overflow-menu-options__btn\nsvg {\n fill: #bebebe; }\n\n.bx--overflow-menu--flip {\n left: -140px; }\n .bx--overflow-menu--flip:before {\n left: 145px; }\n\n.bx--content-switcher {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: space-evenly;\n -ms-flex-pack: space-evenly;\n justify-content: space-evenly;\n width: 100%;\n height: 2rem; }\n\n.bx--content-switcher--disabled {\n cursor: not-allowed; }\n\n.bx--content-switcher-btn {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n background-color: #f3f3f3;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 100%;\n height: 2.5rem;\n padding: 0.5rem 1rem;\n margin: 0;\n white-space: nowrap;\n overflow: hidden;\n text-align: left;\n text-decoration: none;\n border: none;\n color: #565656;\n -webkit-transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n position: relative; }\n .bx--content-switcher-btn:focus {\n -webkit-box-shadow: inset 0 0 0 2px #0062ff;\n box-shadow: inset 0 0 0 2px #0062ff;\n z-index: 3; }\n .bx--content-switcher-btn:hover {\n cursor: pointer; }\n .bx--content-switcher-btn:hover, .bx--content-switcher-btn:active {\n background-color: #e5e5e5;\n color: #171717;\n z-index: 3; }\n .bx--content-switcher-btn:disabled {\n color: #bebebe;\n background-color: #f3f3f3;\n pointer-events: none; }\n .bx--content-switcher-btn:disabled:hover {\n cursor: not-allowed; }\n\n.bx--content-switcher-btn:first-child {\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n\n.bx--content-switcher-btn:last-child {\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem; }\n\n.bx--content-switcher-btn:not(:first-of-type)::before {\n content: '';\n display: block;\n height: 1rem;\n width: 0.0625rem;\n background-color: #dcdcdc;\n position: absolute;\n z-index: 2;\n left: 0; }\n\n.bx--content-switcher-btn.bx--content-switcher--selected::before,\n.bx--content-switcher-btn.bx--content-switcher--selected\n+ .bx--content-switcher-btn::before,\n.bx--content-switcher-btn:focus::before,\n.bx--content-switcher-btn:focus\n+ .bx--content-switcher-btn::before,\n.bx--content-switcher-btn:hover::before,\n.bx--content-switcher-btn:hover\n+ .bx--content-switcher-btn::before {\n background-color: transparent; }\n\n.bx--content-switcher__icon {\n fill: #565656;\n -webkit-transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--content-switcher__icon + span {\n margin-left: 0.5rem; }\n\n.bx--content-switcher__label {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%; }\n\n.bx--content-switcher-btn:hover .bx--content-switcher__icon,\n.bx--content-switcher-btn:focus .bx--content-switcher__icon {\n fill: #171717; }\n\n.bx--content-switcher-btn.bx--content-switcher--selected {\n background-color: #171717;\n color: #ffffff;\n z-index: 3; }\n .bx--content-switcher-btn.bx--content-switcher--selected:disabled {\n background-color: #8c8c8c;\n color: #bebebe; }\n\n.bx--content-switcher-btn.bx--content-switcher--selected\n.bx--content-switcher__icon {\n fill: #ffffff; }\n\n.flatpickr-calendar {\n background: transparent;\n overflow: hidden;\n max-height: 0;\n opacity: 0;\n visibility: hidden;\n text-align: center;\n padding: 0;\n -webkit-animation: none;\n animation: none;\n direction: ltr;\n border: 0;\n font-size: 14px;\n line-height: 24px;\n border-radius: 5px;\n position: absolute;\n width: 315px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n background: #fff;\n -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);\n box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); }\n\n.flatpickr-calendar.open,\n.flatpickr-calendar.inline {\n opacity: 1;\n visibility: visible;\n overflow: visible;\n max-height: 640px; }\n\n.flatpickr-calendar.open {\n display: inline-block;\n z-index: 99999; }\n\n.flatpickr-calendar.animate.open {\n -webkit-animation: fpFadeInDown 110ms cubic-bezier(0, 0, 0.38, 0.9);\n animation: fpFadeInDown 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.flatpickr-calendar.inline {\n display: block;\n position: relative;\n top: 2px; }\n\n.flatpickr-calendar.static {\n position: absolute;\n top: calc(100% + 2px); }\n\n.flatpickr-calendar.static.open {\n z-index: 999;\n display: block; }\n\n.flatpickr-calendar.hasWeeks {\n width: auto; }\n\n.flatpickr-calendar .hasWeeks .dayContainer,\n.flatpickr-calendar .hasTime .dayContainer {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n\n.flatpickr-calendar .hasWeeks .dayContainer {\n border-left: 0; }\n\n.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {\n height: 40px;\n border-top: 1px solid #e6e6e6; }\n\n.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {\n height: auto; }\n\n.flatpickr-calendar:before,\n.flatpickr-calendar:after {\n position: absolute;\n display: block;\n pointer-events: none;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n left: 22px; }\n\n.flatpickr-calendar.rightMost:before,\n.flatpickr-calendar.rightMost:after {\n left: auto;\n right: 22px; }\n\n.flatpickr-calendar:before {\n border-width: 5px;\n margin: 0 -5px; }\n\n.flatpickr-calendar:after {\n border-width: 4px;\n margin: 0 -4px; }\n\n.flatpickr-calendar.arrowTop:before,\n.flatpickr-calendar.arrowTop:after {\n bottom: 100%; }\n\n.flatpickr-calendar.arrowTop:before {\n border-bottom-color: #e6e6e6; }\n\n.flatpickr-calendar.arrowTop:after {\n border-bottom-color: #fff; }\n\n.flatpickr-calendar.arrowBottom:before,\n.flatpickr-calendar.arrowBottom:after {\n top: 100%; }\n\n.flatpickr-calendar.arrowBottom:before {\n border-top-color: #e6e6e6; }\n\n.flatpickr-calendar.arrowBottom:after {\n border-top-color: #fff; }\n\n.flatpickr-calendar:focus {\n outline: 0; }\n\n.flatpickr-wrapper {\n position: relative;\n display: inline-block; }\n\n.flatpickr-month {\n background: transparent;\n color: rgba(0, 0, 0, 0.9);\n fill: rgba(0, 0, 0, 0.9);\n height: 28px;\n line-height: 1;\n text-align: center;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden; }\n\n.flatpickr-prev-month,\n.flatpickr-next-month {\n text-decoration: none;\n cursor: pointer;\n position: absolute;\n top: 0px;\n line-height: 16px;\n height: 28px;\n padding: 10px calc(3.57% - 1.5px);\n z-index: 3; }\n\n.flatpickr-prev-month i,\n.flatpickr-next-month i {\n position: relative; }\n\n.flatpickr-prev-month.flatpickr-prev-month,\n.flatpickr-next-month.flatpickr-prev-month {\n /*\n /*rtl:begin:ignore*/\n /*\n */\n left: 0;\n /*\n /*rtl:end:ignore*/\n /*\n */ }\n\n/*\n /*rtl:begin:ignore*/\n/*\n /*rtl:end:ignore*/\n.flatpickr-prev-month.flatpickr-next-month,\n.flatpickr-next-month.flatpickr-next-month {\n /*\n /*rtl:begin:ignore*/\n /*\n */\n right: 0;\n /*\n /*rtl:end:ignore*/\n /*\n */ }\n\n/*\n /*rtl:begin:ignore*/\n/*\n /*rtl:end:ignore*/\n.flatpickr-prev-month:hover,\n.flatpickr-next-month:hover {\n color: #959ea9; }\n\n.flatpickr-prev-month:hover svg,\n.flatpickr-next-month:hover svg {\n fill: #f64747; }\n\n.flatpickr-prev-month svg,\n.flatpickr-next-month svg {\n width: 14px; }\n\n.flatpickr-prev-month svg path,\n.flatpickr-next-month svg path {\n -webkit-transition: fill 0.1s;\n transition: fill 0.1s;\n fill: inherit; }\n\n.numInputWrapper {\n position: relative;\n height: auto; }\n\n.numInputWrapper input,\n.numInputWrapper span {\n display: inline-block; }\n\n.numInputWrapper input {\n width: 100%; }\n\n.numInputWrapper span {\n position: absolute;\n right: 0;\n width: 14px;\n padding: 0 4px 0 2px;\n height: 50%;\n line-height: 50%;\n opacity: 0;\n cursor: pointer;\n border: 1px solid rgba(57, 57, 57, 0.05);\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.numInputWrapper span:hover {\n background: rgba(0, 0, 0, 0.1); }\n\n.numInputWrapper span:active {\n background: rgba(0, 0, 0, 0.2); }\n\n.numInputWrapper span:after {\n display: block;\n content: '';\n position: absolute;\n top: 33%; }\n\n.numInputWrapper span.arrowUp {\n top: 0;\n border-bottom: 0; }\n\n.numInputWrapper span.arrowUp:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-bottom: 4px solid rgba(57, 57, 57, 0.6); }\n\n.numInputWrapper span.arrowDown {\n top: 50%; }\n\n.numInputWrapper span.arrowDown:after {\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 4px solid rgba(57, 57, 57, 0.6); }\n\n.numInputWrapper span svg {\n width: inherit;\n height: auto; }\n\n.numInputWrapper span svg path {\n fill: rgba(0, 0, 0, 0.5); }\n\n.numInputWrapper:hover {\n background: rgba(0, 0, 0, 0.05); }\n\n.numInputWrapper:hover span {\n opacity: 1; }\n\n.flatpickr-current-month {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: inherit;\n position: absolute;\n width: 75%;\n left: 12.5%;\n padding: 6.16px 0 0 0;\n height: 28px;\n display: inline-block;\n text-align: center;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px); }\n\n.flatpickr-current-month.slideLeft {\n -webkit-transform: translate3d(-100%, 0px, 0px);\n transform: translate3d(-100%, 0px, 0px);\n -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-current-month.slideLeftNew {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px);\n -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-current-month.slideRight {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px);\n -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-current-month.slideRightNew {\n -webkit-transform: translate3d(0, 0, 0px);\n transform: translate3d(0, 0, 0px);\n -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-current-month span.cur-month {\n font-family: inherit;\n font-weight: 600;\n color: inherit;\n display: inline-block;\n margin-left: 0.5ch;\n padding: 0; }\n\n.flatpickr-current-month span.cur-month:hover {\n background: rgba(0, 0, 0, 0.05); }\n\n.flatpickr-current-month .numInputWrapper {\n width: 6ch;\n width: 7ch\\0;\n display: inline-block; }\n\n.flatpickr-current-month .numInputWrapper span.arrowUp:after {\n border-bottom-color: rgba(0, 0, 0, 0.9); }\n\n.flatpickr-current-month .numInputWrapper span.arrowDown:after {\n border-top-color: rgba(0, 0, 0, 0.9); }\n\n.flatpickr-current-month input.cur-year {\n background: transparent;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: inherit;\n cursor: default;\n padding: 0 0 0 0.5ch;\n margin: 0;\n display: inline-block;\n font-size: inherit;\n font-family: inherit;\n font-weight: 300;\n line-height: inherit;\n height: auto;\n border: 0;\n border-radius: 0;\n vertical-align: baseline; }\n\n.flatpickr-current-month input.cur-year:focus {\n outline: 0; }\n\n.flatpickr-current-month input.cur-year[disabled],\n.flatpickr-current-month input.cur-year[disabled]:hover {\n font-size: 100%;\n color: rgba(0, 0, 0, 0.5);\n background: transparent;\n pointer-events: none; }\n\n.flatpickr-weekdays {\n background: transparent;\n text-align: center;\n overflow: hidden;\n width: 315px;\n display: -ms-flexbox;\n display: -webkit-box;\n display: flex;\n -ms-flex-align: center;\n -webkit-box-align: center;\n align-items: center;\n height: 28px; }\n\nspan.flatpickr-weekday {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n cursor: default;\n background: transparent;\n color: rgba(0, 0, 0, 0.54);\n margin: 0;\n text-align: center;\n display: block;\n -ms-flex: 1;\n -webkit-box-flex: 1;\n flex: 1; }\n\n.dayContainer,\n.flatpickr-weeks {\n padding: 1px 0 0 0; }\n\n.flatpickr-days {\n position: relative;\n overflow: hidden;\n display: -ms-flexbox;\n display: -webkit-box;\n display: flex;\n width: 315px; }\n\n.flatpickr-days:focus {\n outline: 0; }\n\n.dayContainer {\n padding: 0;\n outline: 0;\n text-align: left;\n width: 315px;\n min-width: 315px;\n max-width: 315px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: inline-block;\n display: -ms-flexbox;\n display: -webkit-box;\n display: flex;\n flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n -ms-flex-pack: justify;\n justify-content: space-around;\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n opacity: 1; }\n\n.flatpickr-calendar.animate .dayContainer.slideLeft {\n -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-calendar.animate .dayContainer.slideLeft,\n.flatpickr-calendar.animate .dayContainer.slideLeftNew {\n -webkit-transform: translate3d(-100%, 0px, 0px);\n transform: translate3d(-100%, 0px, 0px); }\n\n.flatpickr-calendar.animate .dayContainer.slideLeftNew {\n -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-calendar.animate .dayContainer.slideRight {\n -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px); }\n\n.flatpickr-calendar.animate .dayContainer.slideRightNew {\n -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);\n animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }\n\n.flatpickr-day {\n background: none;\n border: 1px solid transparent;\n border-radius: 150px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: #393939;\n cursor: pointer;\n font-weight: 400;\n width: 14.2857143%;\n -ms-flex-preferred-size: 14.2857143%;\n flex-basis: 14.2857143%;\n max-width: 40px;\n height: 40px;\n line-height: 40px;\n margin: 0;\n display: inline-block;\n position: relative;\n -ms-flex-pack: center;\n -webkit-box-pack: center;\n justify-content: center;\n text-align: center; }\n\n.flatpickr-day.week.selected {\n border-radius: 0;\n -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;\n box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; }\n\n.flatpickr-weekwrapper {\n display: inline-block;\n float: left; }\n\n.flatpickr-weekwrapper .flatpickr-weeks {\n padding: 0 12px;\n -webkit-box-shadow: 1px 0 0 #e6e6e6;\n box-shadow: 1px 0 0 #e6e6e6; }\n\n.flatpickr-weekwrapper .flatpickr-weekday {\n float: none;\n width: 100%;\n line-height: 28px; }\n\n.flatpickr-weekwrapper span.flatpickr-day {\n display: block;\n width: 100%;\n max-width: none; }\n\n.flatpickr-innerContainer {\n display: block;\n display: -ms-flexbox;\n display: -webkit-box;\n display: flex;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden; }\n\n.flatpickr-rContainer {\n display: inline-block;\n padding: 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.flatpickr-time {\n text-align: center;\n outline: 0;\n display: block;\n height: 0;\n line-height: 40px;\n max-height: 40px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n overflow: hidden;\n display: -ms-flexbox;\n display: -webkit-box;\n display: flex; }\n\n.flatpickr-time:after {\n content: '';\n display: table;\n clear: both; }\n\n.flatpickr-time .numInputWrapper {\n -ms-flex: 1;\n -webkit-box-flex: 1;\n flex: 1;\n width: 40%;\n height: 40px;\n float: left; }\n\n.flatpickr-time .numInputWrapper span.arrowUp:after {\n border-bottom-color: #393939; }\n\n.flatpickr-time .numInputWrapper span.arrowDown:after {\n border-top-color: #393939; }\n\n.flatpickr-time.hasSeconds .numInputWrapper {\n width: 26%; }\n\n.flatpickr-time.time24hr .numInputWrapper {\n width: 49%; }\n\n.flatpickr-time input {\n background: transparent;\n -webkit-box-shadow: none;\n box-shadow: none;\n border: 0;\n border-radius: 0;\n text-align: center;\n margin: 0;\n padding: 0;\n height: inherit;\n line-height: inherit;\n cursor: pointer;\n color: #393939;\n font-size: 14px;\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.flatpickr-time input.flatpickr-hour {\n font-weight: bold; }\n\n.flatpickr-time input.flatpickr-minute,\n.flatpickr-time input.flatpickr-second {\n font-weight: 400; }\n\n.flatpickr-time input:focus {\n outline: 0;\n border: 0; }\n\n.flatpickr-time .flatpickr-time-separator,\n.flatpickr-time .flatpickr-am-pm {\n height: inherit;\n display: inline-block;\n float: left;\n line-height: inherit;\n color: #393939;\n font-weight: bold;\n width: 2%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n -ms-grid-row-align: center;\n align-self: center; }\n\n.flatpickr-time .flatpickr-am-pm {\n outline: 0;\n width: 18%;\n cursor: pointer;\n text-align: center;\n font-weight: 400; }\n\n.flatpickr-time .flatpickr-am-pm:hover,\n.flatpickr-time .flatpickr-am-pm:focus {\n background: #f0f0f0; }\n\n.flatpickr-input[readonly] {\n cursor: pointer; }\n\n@-webkit-keyframes fpFadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@keyframes fpFadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0); }\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); } }\n\n@-webkit-keyframes fpSlideLeft {\n from {\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px); }\n to {\n -webkit-transform: translate3d(-100%, 0px, 0px);\n transform: translate3d(-100%, 0px, 0px); } }\n\n@keyframes fpSlideLeft {\n from {\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px); }\n to {\n -webkit-transform: translate3d(-100%, 0px, 0px);\n transform: translate3d(-100%, 0px, 0px); } }\n\n@-webkit-keyframes fpSlideLeftNew {\n from {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px); }\n to {\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px); } }\n\n@keyframes fpSlideLeftNew {\n from {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px); }\n to {\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px); } }\n\n@-webkit-keyframes fpSlideRight {\n from {\n -webkit-transform: translate3d(0, 0, 0px);\n transform: translate3d(0, 0, 0px); }\n to {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px); } }\n\n@keyframes fpSlideRight {\n from {\n -webkit-transform: translate3d(0, 0, 0px);\n transform: translate3d(0, 0, 0px); }\n to {\n -webkit-transform: translate3d(100%, 0px, 0px);\n transform: translate3d(100%, 0px, 0px); } }\n\n@-webkit-keyframes fpSlideRightNew {\n from {\n -webkit-transform: translate3d(-100%, 0, 0px);\n transform: translate3d(-100%, 0, 0px); }\n to {\n -webkit-transform: translate3d(0, 0, 0px);\n transform: translate3d(0, 0, 0px); } }\n\n@keyframes fpSlideRightNew {\n from {\n -webkit-transform: translate3d(-100%, 0, 0px);\n transform: translate3d(-100%, 0, 0px); }\n to {\n -webkit-transform: translate3d(0, 0, 0px);\n transform: translate3d(0, 0, 0px); } }\n\n@-webkit-keyframes fpFadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n@keyframes fpFadeOut {\n from {\n opacity: 1; }\n to {\n opacity: 0; } }\n\n@-webkit-keyframes fpFadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n@keyframes fpFadeIn {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n\n.bx--date-picker {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--date-picker--light .bx--date-picker__input {\n background: #ffffff; }\n\n.bx--date-picker ~ .bx--label {\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1; }\n\n.bx--date-picker-container {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between; }\n\n.bx--date-picker-input__wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--date-picker-input__wrapper ~ .bx--form-requirement {\n max-height: 12.5rem;\n display: block;\n color: #da1e28;\n font-weight: 400;\n margin-top: 0.25rem;\n overflow: visible; }\n .bx--date-picker-input__wrapper ~ .bx--form-requirement::before {\n display: none; }\n\n.bx--date-picker.bx--date-picker--simple .bx--date-picker__input {\n width: 7.5rem; }\n\n.bx--date-picker.bx--date-picker--simple.bx--date-picker--short .bx--date-picker__input {\n width: 5.7rem; }\n\n.bx--date-picker.bx--date-picker--single .bx--date-picker-container {\n max-width: 18rem; }\n\n.bx--date-picker.bx--date-picker--single .bx--date-picker__input {\n width: 18rem; }\n\n.bx--date-picker__input {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.32px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n display: block;\n position: relative;\n height: 2.5rem;\n max-width: 18rem;\n padding: 0 1rem;\n background-color: #f3f3f3;\n border: none;\n color: #171717;\n border-bottom: 1px solid #8c8c8c;\n -webkit-transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) all;\n transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) all; }\n .bx--date-picker__input:focus, .bx--date-picker__input.bx--focused {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--date-picker__input[data-invalid], .bx--date-picker__input[data-invalid]:focus {\n outline: 2px solid #da1e28;\n outline-offset: -2px; }\n .bx--date-picker__input:disabled {\n color: #bebebe;\n background-color: #f3f3f3;\n border-bottom: 1px solid transparent;\n cursor: not-allowed; }\n .bx--date-picker__input:disabled:hover {\n border-bottom: 1px solid transparent; }\n .bx--date-picker__input::-webkit-input-placeholder {\n color: #8c8c8c; }\n .bx--date-picker__input::-moz-placeholder {\n color: #8c8c8c; }\n .bx--date-picker__input::-ms-input-placeholder {\n color: #8c8c8c; }\n .bx--date-picker__input::placeholder {\n color: #8c8c8c; }\n\n.bx--date-picker__icon {\n position: absolute;\n right: 1rem;\n fill: #171717;\n cursor: pointer;\n z-index: 1; }\n\n.bx--date-picker__icon ~ .bx--date-picker__input {\n padding-right: 3rem; }\n\n.bx--date-picker--range\n> .bx--date-picker-container:first-child {\n margin-right: 0.0625rem; }\n\n.bx--date-picker--range .bx--date-picker-container,\n.bx--date-picker--range .bx--date-picker__input {\n width: 8.96875rem; }\n\n.bx--date-picker__calendar,\n.flatpickr-calendar.open {\n -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);\n background-color: #f3f3f3;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n padding: 0.25rem 0.25rem 0.5rem 0.25rem;\n width: 18rem !important;\n height: 21rem;\n border-radius: 0;\n border: none;\n overflow: hidden;\n margin-top: -2px; }\n .bx--date-picker__calendar:before, .bx--date-picker__calendar:after,\n .flatpickr-calendar.open:before,\n .flatpickr-calendar.open:after {\n display: none; }\n .bx--date-picker__calendar:focus,\n .flatpickr-calendar.open:focus {\n outline: 1px solid #0062ff; }\n\n.bx--date-picker__month,\n.flatpickr-month {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 100%;\n height: 2.5rem;\n margin-bottom: 0.25rem; }\n\n.bx--date-picker__month .flatpickr-prev-month,\n.bx--date-picker__month .flatpickr-next-month,\n.flatpickr-months .flatpickr-prev-month,\n.flatpickr-months .flatpickr-next-month {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n height: 2.5rem;\n width: 2.5rem;\n padding: 0;\n fill: #171717;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--date-picker__month .flatpickr-prev-month:hover,\n .bx--date-picker__month .flatpickr-next-month:hover,\n .flatpickr-months .flatpickr-prev-month:hover,\n .flatpickr-months .flatpickr-next-month:hover {\n background-color: #e5e5e5; }\n\n.flatpickr-current-month .numInputWrapper {\n width: 7ch; }\n\n.bx--date-picker__month .flatpickr-current-month,\n.flatpickr-month .flatpickr-current-month {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n padding: 0; }\n\n.bx--date-picker__month .flatpickr-current-month svg,\n.flatpickr-month .flatpickr-current-month svg {\n fill: #171717; }\n\n.bx--date-picker__month .flatpickr-current-month .cur-month,\n.flatpickr-month .flatpickr-current-month .cur-month {\n margin-right: 0.25rem;\n color: #171717; }\n\n.bx--date-picker__month .numInputWrapper .numInput,\n.flatpickr-month .numInputWrapper .numInput {\n font-weight: 600;\n color: #171717;\n background-color: #f3f3f3;\n border: none;\n border-radius: 0;\n padding: 0.25rem;\n -moz-appearance: textfield;\n /* Firefox */ }\n .bx--date-picker__month .numInputWrapper .numInput:focus,\n .flatpickr-month .numInputWrapper .numInput:focus {\n outline: 1px solid #0062ff; }\n .bx--date-picker__month .numInputWrapper .numInput::-webkit-outer-spin-button, .bx--date-picker__month .numInputWrapper .numInput::-webkit-inner-spin-button,\n .flatpickr-month .numInputWrapper .numInput::-webkit-outer-spin-button,\n .flatpickr-month .numInputWrapper .numInput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n /* <-- Apparently some margin are still there even though it's hidden */ }\n\n.bx--date-picker__month .numInputWrapper span.arrowUp,\n.bx--date-picker__month .numInputWrapper span.arrowDown,\n.flatpickr-month .numInputWrapper span.arrowUp,\n.flatpickr-month .numInputWrapper span.arrowDown {\n left: 2.6rem;\n border: none;\n width: 0.75rem; }\n .bx--date-picker__month .numInputWrapper span.arrowUp:hover,\n .bx--date-picker__month .numInputWrapper span.arrowDown:hover,\n .flatpickr-month .numInputWrapper span.arrowUp:hover,\n .flatpickr-month .numInputWrapper span.arrowDown:hover {\n background: none; }\n .bx--date-picker__month .numInputWrapper span.arrowUp:hover:after,\n .bx--date-picker__month .numInputWrapper span.arrowDown:hover:after,\n .flatpickr-month .numInputWrapper span.arrowUp:hover:after,\n .flatpickr-month .numInputWrapper span.arrowDown:hover:after {\n border-bottom-color: #0062ff;\n border-top-color: #0062ff; }\n .bx--date-picker__month .numInputWrapper span.arrowUp:after,\n .bx--date-picker__month .numInputWrapper span.arrowDown:after,\n .flatpickr-month .numInputWrapper span.arrowUp:after,\n .flatpickr-month .numInputWrapper span.arrowDown:after {\n border-bottom-color: #171717;\n border-top-color: #171717; }\n\n.bx--date-picker__month .numInputWrapper span.arrowUp,\n.flatpickr-month .numInputWrapper span.arrowUp {\n top: 4px; }\n\n.bx--date-picker__month .numInputWrapper span.arrowDown,\n.flatpickr-month .numInputWrapper span.arrowDown {\n top: 11px; }\n\nspan.bx--date-picker__weekday,\nspan.flatpickr-weekday {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #171717;\n font-weight: 400; }\n\n.bx--date-picker__day,\n.flatpickr-day {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n height: 2.5rem;\n width: 2.5rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n color: #171717;\n border-radius: 0;\n border: none;\n -webkit-transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--date-picker__day:hover,\n .flatpickr-day:hover {\n background: #e5e5e5; }\n .bx--date-picker__day:focus,\n .flatpickr-day:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--date-picker__days .nextMonthDay,\n.bx--date-picker__days .prevMonthDay {\n color: #565656; }\n\n.bx--date-picker__day.today,\n.flatpickr-day.today {\n position: relative;\n color: #0062ff;\n font-weight: 600; }\n .bx--date-picker__day.today::after,\n .flatpickr-day.today::after {\n content: '';\n position: absolute;\n display: block;\n bottom: 0.4375rem;\n left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n height: 0.25rem;\n width: 0.25rem;\n background: #0062ff; }\n\n.bx--date-picker__day.today.no-border,\n.flatpickr-day.today.no-border {\n border: none; }\n\n.bx--date-picker__day.today.selected {\n border: 2px solid #0062ff; }\n .bx--date-picker__day.today.selected::after {\n display: none; }\n\n.bx--date-picker__day.disabled,\n.flatpickr-day.disabled {\n cursor: not-allowed;\n opacity: 0.5;\n color: #171717; }\n .bx--date-picker__day.disabled:hover,\n .flatpickr-day.disabled:hover {\n background: transparent; }\n\n.bx--date-picker__day.inRange,\n.flatpickr-day.inRange {\n background: #c9deff;\n color: #171717; }\n\n.bx--date-picker__day.selected,\n.flatpickr-day.selected {\n color: #ffffff;\n background: #0062ff; }\n\n.bx--date-picker__day.startRange.selected,\n.flatpickr-day.startRange.selected {\n -webkit-box-shadow: none;\n box-shadow: none;\n z-index: 2; }\n\n.bx--date-picker__day.endRange:hover,\n.flatpickr-day.endRange:hover {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n background: #f3f3f3;\n color: #171717; }\n\n.bx--date-picker__day.endRange.inRange,\n.flatpickr-day.endRange.inRange {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n background: #f3f3f3;\n z-index: 3; }\n\n.bx--date-picker__day.endRange.inRange.selected,\n.flatpickr-day.endRange.inRange.selected {\n color: #ffffff;\n background: #0062ff; }\n\n.bx--date-picker__day.startRange.inRange:not(.selected),\n.flatpickr-day.startRange.inRange:not(.selected) {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n background: #f3f3f3;\n z-index: 3; }\n\n.bx--date-picker__days,\n.dayContainer {\n width: 100%;\n min-width: 100%;\n height: 15.375rem; }\n\n.flatpickr-innerContainer,\n.flatpickr-rContainer {\n width: 100%;\n height: auto; }\n\n.bx--date-picker__weekdays,\n.flatpickr-weekdays,\n.flatpickr-weekdaycontainer {\n width: 100%; }\n\n.flatpickr-weekdays {\n height: 2.5rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n\n.flatpickr-weekdaycontainer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.flatpickr-months {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n position: relative; }\n\n.flatpickr-prev-month,\n.flatpickr-next-month {\n padding-top: 12px; }\n\n.flatpickr-prev-month:hover svg,\n.flatpickr-next-month:hover svg {\n fill: #171717; }\n\n.flatpickr-next-month.disabled svg,\n.flatpickr-prev-month.disabled svg {\n fill: #171717;\n opacity: 0.5;\n cursor: not-allowed; }\n\n.flatpickr-next-month.disabled:hover svg,\n.flatpickr-prev-month.disabled:hover svg {\n fill: #171717; }\n\n.bx--date-picker.bx--skeleton input,\n.bx--date-picker__input.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 100%; }\n .bx--date-picker.bx--skeleton input:hover, .bx--date-picker.bx--skeleton input:focus, .bx--date-picker.bx--skeleton input:active,\n .bx--date-picker__input.bx--skeleton:hover,\n .bx--date-picker__input.bx--skeleton:focus,\n .bx--date-picker__input.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--date-picker.bx--skeleton input:before,\n .bx--date-picker__input.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n .bx--date-picker.bx--skeleton input::-webkit-input-placeholder,\n .bx--date-picker__input.bx--skeleton::-webkit-input-placeholder {\n color: transparent; }\n\n.bx--date-picker.bx--skeleton .bx--label {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 4.6875rem;\n height: 0.875rem; }\n .bx--date-picker.bx--skeleton .bx--label:hover, .bx--date-picker.bx--skeleton .bx--label:focus, .bx--date-picker.bx--skeleton .bx--label:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--date-picker.bx--skeleton .bx--label:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--dropdown__wrapper--inline {\n display: inline-grid;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n grid-template: auto auto / auto -webkit-min-content;\n grid-template: auto auto / auto min-content;\n grid-gap: 0.25rem; }\n .bx--dropdown__wrapper--inline .bx--label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px; }\n .bx--dropdown__wrapper--inline .bx--label,\n .bx--dropdown__wrapper--inline .bx--form__helper-text,\n .bx--dropdown__wrapper--inline .bx--form-requirement {\n margin: 0; }\n .bx--dropdown__wrapper--inline .bx--form-requirement {\n grid-column: 2; }\n\n.bx--dropdown {\n outline: 2px solid transparent;\n outline-offset: -2px;\n position: relative;\n list-style: none;\n display: block;\n background-color: #f3f3f3;\n border: none;\n border-bottom: 1px solid #8c8c8c;\n width: 100%;\n height: 2.5rem;\n cursor: pointer;\n color: #171717;\n outline: 2px solid transparent;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--dropdown:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--dropdown:hover {\n background-color: #e5e5e5; }\n\n.bx--dropdown--open {\n border-bottom-color: #dcdcdc; }\n\n.bx--dropdown--invalid {\n outline: 2px solid #da1e28;\n outline-offset: -2px; }\n .bx--dropdown--invalid .bx--dropdown-text {\n padding-right: 3.5rem; }\n .bx--dropdown--invalid + .bx--form-requirement {\n display: inline-block;\n max-height: 12.5rem;\n color: #da1e28; }\n\n.bx--dropdown__invalid-icon {\n position: absolute;\n top: 50%;\n right: 2.5rem;\n fill: #da1e28;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%); }\n\n.bx--dropdown--open:hover {\n background-color: #f3f3f3; }\n\n.bx--dropdown--open:focus {\n outline: 1px solid transparent; }\n\n.bx--dropdown--open .bx--dropdown-list {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); }\n\n.bx--dropdown--light {\n background-color: #ffffff; }\n\n.bx--dropdown--up .bx--dropdown-list {\n bottom: 2rem; }\n\n.bx--dropdown__arrow {\n fill: #171717;\n position: absolute;\n right: 1rem;\n top: 0.8125rem;\n pointer-events: none;\n -webkit-transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-transform-origin: 50% 45%;\n transform-origin: 50% 45%; }\n\n.bx--dropdown-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: block;\n height: 2.5rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n padding-left: 1rem;\n padding-right: 2.625rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis; }\n\n.bx--dropdown-list {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n background-color: #f3f3f3;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n list-style: none;\n position: absolute;\n z-index: 9100;\n max-height: 0;\n -webkit-transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n overflow: hidden auto; }\n\n.bx--dropdown-item {\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n opacity: 0; }\n .bx--dropdown-item:hover {\n background-color: #e5e5e5; }\n .bx--dropdown-item:hover + .bx--dropdown-item .bx--dropdown-link {\n border-color: transparent; }\n .bx--dropdown-item:active {\n background-color: #dcdcdc; }\n .bx--dropdown-item:first-of-type .bx--dropdown-link {\n border-top-color: transparent; }\n\n.bx--dropdown-item:last-of-type .bx--dropdown-link {\n border-bottom: none; }\n\n.bx--dropdown-link {\n outline: 2px solid transparent;\n outline-offset: -2px;\n display: block;\n height: 2.5rem;\n color: #565656;\n text-decoration: none;\n font-weight: normal;\n line-height: 1rem;\n padding: 0.6875rem 0;\n margin: 0 1rem;\n border: 1px solid transparent;\n border-top-color: #dcdcdc;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap; }\n .bx--dropdown-link:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px;\n margin: 0;\n padding: 0.6875rem 1rem; }\n .bx--dropdown-link:hover {\n color: #171717;\n border-color: transparent; }\n\n.bx--dropdown-item:hover .bx--dropdown-link {\n border-bottom-color: #e5e5e5; }\n\n.bx--dropdown--selected {\n display: none; }\n\n.bx--dropdown--open .bx--dropdown__arrow {\n -webkit-transform: rotate(-180deg);\n transform: rotate(-180deg); }\n\n.bx--dropdown--open .bx--dropdown-list {\n max-height: 15rem;\n -webkit-transition: max-height 110ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: max-height 110ms cubic-bezier(0, 0, 0.38, 0.9); }\n\n.bx--dropdown--open .bx--dropdown-item {\n opacity: 1; }\n\n.bx--dropdown--disabled {\n border-bottom-color: transparent;\n cursor: not-allowed; }\n .bx--dropdown--disabled:hover {\n background-color: #f3f3f3; }\n .bx--dropdown--disabled:focus {\n outline: none; }\n .bx--dropdown--disabled .bx--dropdown-text {\n color: #8c8c8c; }\n .bx--dropdown--disabled .bx--dropdown__arrow {\n fill: #8c8c8c; }\n .bx--dropdown--disabled.bx--dropdown--light:hover {\n background-color: #ffffff; }\n\n.bx--dropdown--auto-width {\n width: auto;\n max-width: 25rem; }\n\n.bx--dropdown--inline {\n justify-self: start;\n display: inline-block;\n border-bottom-color: transparent;\n width: auto;\n height: 2rem;\n background-color: #ffffff;\n -webkit-transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9);\n transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9); }\n .bx--dropdown--inline:hover {\n background-color: #e5e5e5; }\n .bx--dropdown--inline.bx--dropdown--disabled {\n background-color: #ffffff; }\n .bx--dropdown--inline .bx--dropdown__arrow {\n top: 0.5rem;\n right: 0.5rem; }\n\n.bx--dropdown--inline.bx--dropdown--open {\n background-color: transparent; }\n\n.bx--dropdown--inline .bx--dropdown-text {\n display: inline-block;\n padding: 0.4375rem 2rem 0.4375rem 0.75rem;\n height: 2rem;\n overflow: visible;\n color: #171717; }\n\n.bx--dropdown--inline.bx--dropdown--disabled\n.bx--dropdown-text {\n color: #8c8c8c; }\n\n.bx--dropdown--inline.bx--dropdown--disabled:focus\n.bx--dropdown-text {\n outline: 0; }\n\n.bx--dropdown--inline.bx--dropdown--invalid\n.bx--dropdown__invalid-icon {\n right: 2rem; }\n\n.bx--dropdown--inline.bx--dropdown--invalid\n.bx--dropdown-text {\n padding-right: 3.5rem; }\n\n.bx--dropdown--inline.bx--dropdown--open:focus\n.bx--dropdown-list {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); }\n\n.bx--dropdown--inline .bx--dropdown-link {\n font-weight: normal;\n margin-right: 0.75rem;\n margin-left: 0.625rem; }\n .bx--dropdown--inline .bx--dropdown-link:focus {\n margin: 0;\n padding-left: 0.625rem; }\n\n.bx--dropdown-v2.bx--skeleton,\n.bx--dropdown.bx--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5; }\n .bx--dropdown-v2.bx--skeleton:hover, .bx--dropdown-v2.bx--skeleton:focus, .bx--dropdown-v2.bx--skeleton:active,\n .bx--dropdown.bx--skeleton:hover,\n .bx--dropdown.bx--skeleton:focus,\n .bx--dropdown.bx--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--dropdown-v2.bx--skeleton:before,\n .bx--dropdown.bx--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes rotate-end-p1 {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes rotate-end-p2 {\n 100% {\n -webkit-transform: rotate(-360deg);\n transform: rotate(-360deg); } }\n\n/* Stroke animations */\n@keyframes init-stroke {\n 0% {\n stroke-dashoffset: 240; }\n 100% {\n stroke-dashoffset: 40; } }\n\n@keyframes stroke-end {\n 0% {\n stroke-dashoffset: 40; }\n 100% {\n stroke-dashoffset: 240; } }\n\n.bx--modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n content: '';\n background-color: transparent;\n opacity: 0;\n visibility: hidden;\n -webkit-transition: background-color 720ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), z-index 720ms cubic-bezier(0.4, 0.14, 1, 1), visibility 240ms cubic-bezier(0.4, 0.14, 1, 1);\n transition: background-color 720ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), z-index 720ms cubic-bezier(0.4, 0.14, 1, 1), visibility 240ms cubic-bezier(0.4, 0.14, 1, 1); }\n .bx--modal.is-visible {\n z-index: 9000;\n visibility: visible;\n opacity: 1;\n background-color: rgba(23, 23, 23, 0.5);\n -webkit-transition: background-color 720ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1), z-index 720ms cubic-bezier(0, 0, 0.3, 1), visibility 240ms cubic-bezier(0, 0, 0.3, 1);\n transition: background-color 720ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1), z-index 720ms cubic-bezier(0, 0, 0.3, 1), visibility 240ms cubic-bezier(0, 0, 0.3, 1); }\n .bx--modal .bx--text-input,\n .bx--modal .bx--select-input {\n background-color: #ffffff; }\n\n.bx--modal--danger .bx--modal-container {\n border-top-color: #da1e28; }\n\n.bx--modal.is-visible .bx--modal-container {\n -webkit-transition: -webkit-transform 240ms cubic-bezier(0, 0, 0.3, 1);\n transition: -webkit-transform 240ms cubic-bezier(0, 0, 0.3, 1);\n transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);\n transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), -webkit-transform 240ms cubic-bezier(0, 0, 0.3, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n\n.bx--modal-container {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n background-color: #f3f3f3;\n width: 100%;\n height: 100%;\n max-height: 100%;\n overflow: hidden;\n -webkit-transform-origin: top center;\n transform-origin: top center;\n -webkit-transform: translate3d(0, -24px, 0);\n transform: translate3d(0, -24px, 0);\n -webkit-transition: -webkit-transform 240ms cubic-bezier(0.4, 0.14, 1, 1);\n transition: -webkit-transform 240ms cubic-bezier(0.4, 0.14, 1, 1);\n transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1);\n transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1), -webkit-transform 240ms cubic-bezier(0.4, 0.14, 1, 1); }\n @media (min-width: 42rem) {\n .bx--modal-container {\n width: 50%;\n max-width: 768px;\n max-height: 90%;\n height: auto; } }\n @media (min-width: 66rem) {\n .bx--modal-container {\n max-height: 80%; } }\n\n.bx--modal-header,\n.bx--modal-content {\n width: 75%;\n padding-left: 1rem; }\n\n.bx--modal-header,\n.bx--modal-footer {\n -ms-flex-negative: 0;\n flex-shrink: 0; }\n\n.bx--modal-header {\n padding-top: 1rem;\n margin-bottom: 1rem; }\n\n.bx--modal-header__label {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n color: #565656;\n margin-bottom: 0.25rem; }\n\n.bx--modal-header__heading {\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.625rem;\n letter-spacing: 0;\n color: #171717; }\n\n.bx--modal-content {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n overflow-y: auto;\n margin-bottom: 3rem;\n color: #171717;\n font-weight: 400; }\n\n.bx--modal-content > * {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px; }\n\n.bx--modal-footer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin-top: auto;\n height: 4rem;\n background-color: #dcdcdc; }\n .bx--modal-footer button.bx--btn {\n max-width: none;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n height: 4rem;\n margin: 0;\n padding-top: 1rem;\n padding-bottom: 2rem; }\n\n.bx--modal-close {\n position: absolute;\n top: 0;\n right: 0;\n height: 3rem;\n width: 3rem;\n padding: 0.75rem;\n border: 2px solid transparent;\n overflow: hidden;\n cursor: pointer;\n background-color: transparent;\n -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--modal-close:hover {\n background-color: #e5e5e5; }\n .bx--modal-close:focus {\n outline: none;\n border-color: #0062ff; }\n\n.bx--modal-close__icon {\n fill: #171717;\n height: 1.25rem;\n width: 1.25rem; }\n\n.bx--body--with-modal-open {\n overflow: hidden; }\n\n.bx--multi-select .bx--list-box__menu {\n min-width: auto; }\n\n.bx--multi-select\n.bx--list-box__menu-item__option\n.bx--checkbox-wrapper {\n width: 100%;\n height: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--multi-select\n.bx--list-box__menu-item__option\n> .bx--form-item {\n margin: 0;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row; }\n\n.bx--multi-select\n.bx--list-box__menu-item\n.bx--checkbox:checked\n~ .bx--checkbox-label-text {\n color: #171717; }\n\n.bx--multi-select--filterable .bx--list-box__selection--multi {\n position: absolute;\n left: 0.5rem;\n right: auto; }\n\n.bx--multi-select--selected .bx--text-input {\n padding-left: 3.5rem; }\n\n.bx--inline-notification {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n height: auto;\n min-height: 3rem;\n min-width: 18rem;\n max-width: 18rem;\n color: #ffffff;\n margin-top: 1rem;\n margin-bottom: 1rem; }\n @media (min-width: 42rem) {\n .bx--inline-notification {\n max-width: 38rem; } }\n @media (min-width: 66rem) {\n .bx--inline-notification {\n max-width: 46rem; } }\n @media (min-width: 99rem) {\n .bx--inline-notification {\n max-width: 52rem; } }\n\n.bx--inline-notification--low-contrast {\n color: #171717;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); }\n\n.bx--inline-notification--error {\n border-left: 3px solid #fb4b53;\n background: #3d3d3d; }\n .bx--inline-notification--error .bx--inline-notification__icon,\n .bx--inline-notification--error .bx--toast-notification__icon {\n fill: #fb4b53; }\n\n.bx--inline-notification--low-contrast.bx--inline-notification--error {\n border-left: 3px solid #da1e28;\n background: #fff0f1; }\n .bx--inline-notification--low-contrast.bx--inline-notification--error .bx--inline-notification__icon,\n .bx--inline-notification--low-contrast.bx--inline-notification--error .bx--toast-notification__icon {\n fill: #da1e28; }\n\n.bx--inline-notification--success {\n border-left: 3px solid #3dbb61;\n background: #3d3d3d; }\n .bx--inline-notification--success .bx--inline-notification__icon,\n .bx--inline-notification--success .bx--toast-notification__icon {\n fill: #3dbb61; }\n\n.bx--inline-notification--low-contrast.bx--inline-notification--success {\n border-left: 3px solid #24a148;\n background: #dafbe4; }\n .bx--inline-notification--low-contrast.bx--inline-notification--success .bx--inline-notification__icon,\n .bx--inline-notification--low-contrast.bx--inline-notification--success .bx--toast-notification__icon {\n fill: #24a148; }\n\n.bx--inline-notification--info {\n border-left: 3px solid #408bfc;\n background: #3d3d3d; }\n .bx--inline-notification--info .bx--inline-notification__icon,\n .bx--inline-notification--info .bx--toast-notification__icon {\n fill: #408bfc; }\n\n.bx--inline-notification--low-contrast.bx--inline-notification--info {\n border-left: 3px solid #054ada;\n background: #edf4ff; }\n .bx--inline-notification--low-contrast.bx--inline-notification--info .bx--inline-notification__icon,\n .bx--inline-notification--low-contrast.bx--inline-notification--info .bx--toast-notification__icon {\n fill: #054ada; }\n\n.bx--inline-notification--info .bx--inline-notification__icon {\n display: none; }\n\n.bx--inline-notification--warning {\n border-left: 3px solid #fdd13a;\n background: #3d3d3d; }\n .bx--inline-notification--warning .bx--inline-notification__icon,\n .bx--inline-notification--warning .bx--toast-notification__icon {\n fill: #fdd13a; }\n\n.bx--inline-notification--low-contrast.bx--inline-notification--warning {\n border-left: 3px solid #fdd13a;\n background: #fff8e1; }\n .bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--inline-notification__icon,\n .bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--toast-notification__icon {\n fill: #fdd13a; }\n\n.bx--inline-notification--warning\n.bx--inline-notification__icon\npath[opacity='0'] {\n fill: #171717;\n opacity: 1; }\n\n.bx--inline-notification__details {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin: 0 1rem; }\n\n.bx--inline-notification__icon {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n margin-right: 1rem;\n margin-top: 0.875rem; }\n\n.bx--inline-notification__text-wrapper {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding: 0.75rem 0; }\n\n.bx--inline-notification__title {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n margin: 0 0.25rem 0 0;\n line-height: 1.5rem; }\n\n.bx--inline-notification__subtitle {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n word-break: break-word; }\n\n.bx--inline-notification__action-button {\n height: 2rem;\n margin: 0.5rem 0; }\n .bx--inline-notification__action-button, .bx--inline-notification__action-button:hover, .bx--inline-notification__action-button:focus, .bx--inline-notification__action-button:active {\n color: #6ea6ff; }\n .bx--inline-notification__action-button:hover {\n background-color: #606060; }\n\n.bx--inline-notification__close-button {\n outline: 2px solid transparent;\n outline-offset: -2px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0;\n height: 3rem;\n width: 3rem;\n min-width: 3rem;\n max-width: 3rem;\n -webkit-transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--inline-notification__close-button .bx--inline-notification__close-icon {\n height: 1rem;\n width: 1rem;\n fill: #ffffff; }\n\n.bx--inline-notification--low-contrast .bx--inline-notification__close-button\n.bx--inline-notification__close-icon {\n fill: #171717; }\n\n.bx--inline-notification--low-contrast .bx--inline-notification__action-button {\n color: #0062ff; }\n .bx--inline-notification--low-contrast .bx--inline-notification__action-button:active {\n color: #0530ad; }\n .bx--inline-notification--low-contrast .bx--inline-notification__action-button:active, .bx--inline-notification--low-contrast .bx--inline-notification__action-button:hover {\n background-color: #ffffff; }\n\n.bx--toast-notification {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 18rem;\n height: auto;\n padding-left: 1rem;\n color: #ffffff;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n margin-right: 1rem;\n -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); }\n .bx--toast-notification:first-child {\n margin-top: 1rem; }\n @media (min-width: 99rem) {\n .bx--toast-notification {\n width: 22rem; } }\n\n.bx--toast-notification--low-contrast {\n color: #171717; }\n\n.bx--toast-notification--error {\n border-left: 3px solid #fb4b53;\n background: #3d3d3d; }\n .bx--toast-notification--error .bx--inline-notification__icon,\n .bx--toast-notification--error .bx--toast-notification__icon {\n fill: #fb4b53; }\n\n.bx--toast-notification--low-contrast.bx--toast-notification--error {\n border-left: 3px solid #da1e28;\n background: #fff0f1; }\n .bx--toast-notification--low-contrast.bx--toast-notification--error .bx--inline-notification__icon,\n .bx--toast-notification--low-contrast.bx--toast-notification--error .bx--toast-notification__icon {\n fill: #da1e28; }\n\n.bx--toast-notification--success {\n border-left: 3px solid #3dbb61;\n background: #3d3d3d; }\n .bx--toast-notification--success .bx--inline-notification__icon,\n .bx--toast-notification--success .bx--toast-notification__icon {\n fill: #3dbb61; }\n\n.bx--toast-notification--low-contrast.bx--toast-notification--success {\n border-left: 3px solid #24a148;\n background: #dafbe4; }\n .bx--toast-notification--low-contrast.bx--toast-notification--success .bx--inline-notification__icon,\n .bx--toast-notification--low-contrast.bx--toast-notification--success .bx--toast-notification__icon {\n fill: #24a148; }\n\n.bx--toast-notification--info {\n border-left: 3px solid #408bfc;\n background: #3d3d3d; }\n .bx--toast-notification--info .bx--inline-notification__icon,\n .bx--toast-notification--info .bx--toast-notification__icon {\n fill: #408bfc; }\n\n.bx--toast-notification--low-contrast.bx--toast-notification--info {\n border-left: 3px solid #054ada;\n background: #edf4ff; }\n .bx--toast-notification--low-contrast.bx--toast-notification--info .bx--inline-notification__icon,\n .bx--toast-notification--low-contrast.bx--toast-notification--info .bx--toast-notification__icon {\n fill: #054ada; }\n\n.bx--toast-notification--warning {\n border-left: 3px solid #fdd13a;\n background: #3d3d3d; }\n .bx--toast-notification--warning .bx--inline-notification__icon,\n .bx--toast-notification--warning .bx--toast-notification__icon {\n fill: #fdd13a; }\n\n.bx--toast-notification--low-contrast.bx--toast-notification--warning {\n border-left: 3px solid #fdd13a;\n background: #fff8e1; }\n .bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--inline-notification__icon,\n .bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--toast-notification__icon {\n fill: #fdd13a; }\n\n.bx--toast-notification--warning\n.bx--toast-notification__icon\npath[opacity='0'] {\n fill: #171717;\n opacity: 1; }\n\n.bx--toast-notification__icon {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n margin-right: 1rem;\n margin-top: 1rem; }\n\n.bx--toast-notification__details {\n margin-right: 1rem; }\n\n.bx--toast-notification__close-button {\n outline: 2px solid transparent;\n outline-offset: -2px;\n background-color: transparent;\n border: none;\n cursor: pointer;\n margin-left: auto;\n padding: 0;\n height: 3rem;\n width: 3rem;\n min-height: 3rem;\n min-width: 3rem;\n -webkit-transition: outline 110ms, background-color 110ms;\n transition: outline 110ms, background-color 110ms; }\n .bx--toast-notification__close-button:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--toast-notification__close-button .bx--toast-notification__close-icon {\n height: 1rem;\n width: 1rem;\n fill: #ffffff; }\n\n.bx--toast-notification--low-contrast\n.bx--toast-notification__close-button\n.bx--toast-notification__close-icon {\n fill: #171717; }\n\n.bx--toast-notification__title {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n font-weight: 600;\n margin-top: 1rem;\n word-break: break-word; }\n\n.bx--toast-notification__subtitle {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #ffffff;\n margin-top: 0;\n margin-bottom: 1.5rem;\n word-break: break-word; }\n\n.bx--toast-notification--low-contrast\n.bx--toast-notification__subtitle {\n color: #171717; }\n\n.bx--toast-notification__caption {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #ffffff;\n margin-bottom: 1rem; }\n\n.bx--toast-notification--low-contrast\n.bx--toast-notification__caption {\n color: #171717; }\n\n.bx--tooltip__label {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #565656; }\n .bx--tooltip__label .bx--tooltip__trigger {\n margin-left: 0.5rem; }\n\n.bx--tooltip__label:focus {\n outline: 1px solid #0062ff; }\n\n.bx--tooltip__trigger:not(.bx--btn--icon-only) {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n font-size: 1rem; }\n .bx--tooltip__trigger:not(.bx--btn--icon-only)::-moz-focus-inner {\n border: 0; }\n .bx--tooltip__trigger:not(.bx--btn--icon-only):focus {\n outline: 1px solid #0062ff;\n fill: #0353e9; }\n .bx--tooltip__trigger:not(.bx--btn--icon-only) path,\n .bx--tooltip__trigger:not(.bx--btn--icon-only) polygon,\n .bx--tooltip__trigger:not(.bx--btn--icon-only) circle {\n fill: #565656; }\n\n.bx--tooltip__label--bold {\n font-weight: 600; }\n\n.bx--tooltip {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n position: absolute;\n display: none;\n min-width: 13rem;\n max-width: 18rem;\n background: #3d3d3d;\n margin-top: 0.25rem;\n padding: 1rem;\n border-radius: 0.125rem;\n z-index: 10000;\n word-wrap: break-word;\n color: #ffffff; }\n .bx--tooltip p {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px; }\n .bx--tooltip button {\n padding-right: 2rem; }\n .bx--tooltip .bx--link {\n color: #6ea6ff;\n font-size: 0.875rem; }\n .bx--tooltip .bx--link:active {\n color: #ffffff; }\n .bx--tooltip .bx--link:visited {\n color: #6ea6ff; }\n .bx--tooltip .bx--tooltip__caret {\n position: absolute;\n background: #3d3d3d;\n left: 0;\n top: -0.25rem;\n right: 0;\n -webkit-transform: rotate(-135deg);\n transform: rotate(-135deg);\n width: 0.6rem;\n height: 0.6rem;\n margin: 0 auto;\n content: ''; }\n .bx--tooltip .bx--tooltip__footer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n margin-top: 1rem; }\n .bx--tooltip[data-floating-menu-direction='left'] .bx--tooltip__caret {\n left: auto;\n top: 50%;\n right: -0.25rem;\n -webkit-transform: rotate(-45deg) translate(50%, -50%);\n transform: rotate(-45deg) translate(50%, -50%); }\n .bx--tooltip[data-floating-menu-direction='top'] .bx--tooltip__caret {\n top: auto;\n bottom: -0.25rem;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg); }\n .bx--tooltip[data-floating-menu-direction='right'] .bx--tooltip__caret {\n left: -0.25rem;\n top: 50%;\n right: auto;\n -webkit-transform: rotate(135deg) translate(-50%, 50%);\n transform: rotate(135deg) translate(-50%, 50%); }\n\n.bx--tooltip--shown {\n display: block; }\n\n/* begin legacy definition tooltip TODO: deprecate */\n.bx--tooltip--definition {\n position: relative; }\n .bx--tooltip--definition .bx--tooltip__trigger {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n position: relative;\n border-bottom: 1px dotted #0062ff;\n color: #171717; }\n .bx--tooltip--definition .bx--tooltip__trigger:hover {\n cursor: pointer; }\n .bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__top,\n .bx--tooltip--definition .bx--tooltip__trigger:hover + .bx--tooltip--definition__bottom {\n display: block; }\n .bx--tooltip--definition .bx--tooltip__trigger:focus {\n outline: 1px solid #0062ff; }\n .bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__top,\n .bx--tooltip--definition .bx--tooltip__trigger:focus + .bx--tooltip--definition__bottom {\n display: block; }\n\n.bx--tooltip--definition__bottom,\n.bx--tooltip--definition__top {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n position: absolute;\n z-index: 1;\n display: none;\n background: #3d3d3d;\n width: 13rem;\n margin-top: 0.75rem;\n padding: 0.5rem 1rem;\n border-radius: 0.125rem;\n pointer-events: none;\n cursor: pointer; }\n .bx--tooltip--definition__bottom p,\n .bx--tooltip--definition__top p {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #ffffff; }\n .bx--tooltip--definition__bottom .bx--tooltip__caret,\n .bx--tooltip--definition__top .bx--tooltip__caret {\n position: absolute;\n right: 0;\n left: 0;\n width: 0.6rem;\n height: 0.6rem;\n background: #3d3d3d;\n margin-left: 1rem; }\n\n.bx--tooltip--definition__bottom .bx--tooltip__caret {\n top: -0.2rem;\n -webkit-transform: rotate(-135deg);\n transform: rotate(-135deg); }\n\n.bx--tooltip--definition__top {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n margin-top: -2rem; }\n .bx--tooltip--definition__top .bx--tooltip__caret {\n bottom: -0.2rem;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg); }\n\n.bx--tooltip--definition__align-end {\n right: 0; }\n\n.bx--tooltip--definition__align-center {\n margin-left: 50%;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%); }\n\n.bx--tooltip--definition__top.bx--tooltip--definition__align-center {\n margin-left: 50%;\n -webkit-transform: translate(-50%, -100%);\n transform: translate(-50%, -100%); }\n\n.bx--tooltip--definition__align-center .bx--tooltip__caret {\n left: auto;\n margin-left: auto;\n margin-right: calc(50% - 6px); }\n\n.bx--tooltip--definition__align-end .bx--tooltip__caret {\n left: auto;\n margin-left: auto;\n margin-right: 1rem; }\n\n/* end legacy definition tooltip */\n.bx--tooltip--definition.bx--tooltip--a11y {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex; }\n\n.bx--tooltip--definition button.bx--tooltip--a11y {\n margin: 0; }\n\n.bx--tooltip__trigger.bx--tooltip__trigger--definition {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n border-bottom: 0.0625rem dotted #0062ff; }\n\n.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::after {\n -webkit-transition: none;\n transition: none; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top + .bx--assistive-text {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n color: inherit;\n opacity: 1;\n white-space: normal; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.5rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {\n content: attr(aria-label); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::after {\n content: none; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus::after {\n opacity: 1; }\n\n@keyframes tooltip-fade {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text {\n clip: auto;\n margin: auto;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus.bx--tooltip--a11y::before {\n -webkit-animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top:focus + .bx--assistive-text {\n left: 0;\n -webkit-transform: translate(0, calc(-1 * (100% + 0.25rem + 0.3125rem)));\n transform: translate(0, calc(-1 * (100% + 0.25rem + 0.3125rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:focus + .bx--assistive-text {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-start:focus + .bx--assistive-text {\n left: 0;\n -webkit-transform: translate(0, calc(-1 * (100% + 0.25rem + 0.3125rem)));\n transform: translate(0, calc(-1 * (100% + 0.25rem + 0.3125rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:focus + .bx--assistive-text {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-center:focus + .bx--assistive-text {\n left: 50%;\n -webkit-transform: translate(-50%, calc(-1 * (100% + 0.25rem + 0.3125rem)));\n transform: translate(-50%, calc(-1 * (100% + 0.25rem + 0.3125rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:focus + .bx--assistive-text {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.25rem))); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--align-end:focus + .bx--assistive-text {\n right: 0;\n left: initial;\n -webkit-transform: translate(0, calc(-1 * (100% + 0.25rem + 0.3125rem)));\n transform: translate(0, calc(-1 * (100% + 0.25rem + 0.3125rem))); }\n\n.bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::after {\n -webkit-transition: none;\n transition: none; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom + .bx--assistive-text {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n color: inherit;\n opacity: 1;\n white-space: normal; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.5rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {\n content: attr(aria-label); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::after {\n content: none; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover::after, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus::after {\n opacity: 1; }\n\n@keyframes tooltip-fade {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text {\n clip: auto;\n margin: auto;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus.bx--tooltip--a11y::before {\n -webkit-animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.25rem));\n transform: translate(-50%, calc(0.3125rem + 0.25rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom:focus + .bx--assistive-text {\n left: 0;\n -webkit-transform: translate(0, calc(100% + 0.25rem + 0.3125rem));\n transform: translate(0, calc(100% + 0.25rem + 0.3125rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y + .bx--assistive-text {\n -webkit-transform: translate(0, calc(100% + 0.25rem + 0.3125rem - 1px));\n transform: translate(0, calc(100% + 0.25rem + 0.3125rem - 1px)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:focus + .bx--assistive-text {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.25rem));\n transform: translate(-50%, calc(0.3125rem + 0.25rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start:focus + .bx--assistive-text {\n left: 0;\n -webkit-transform: translate(0, calc(100% + 0.25rem + 0.3125rem));\n transform: translate(0, calc(100% + 0.25rem + 0.3125rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-start.bx--tooltip--a11y + .bx--assistive-text {\n -webkit-transform: translate(0, calc(100% + 0.25rem + 0.3125rem - 1px));\n transform: translate(0, calc(100% + 0.25rem + 0.3125rem - 1px)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:focus + .bx--assistive-text {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.25rem));\n transform: translate(-50%, calc(0.3125rem + 0.25rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center:focus + .bx--assistive-text {\n -webkit-transform: translate(-50%, calc(100% + 0.25rem + 0.3125rem));\n transform: translate(-50%, calc(100% + 0.25rem + 0.3125rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-center.bx--tooltip--a11y + .bx--assistive-text {\n -webkit-transform: translate(-50%, calc(100% + 0.25rem + 0.3125rem - 1px));\n transform: translate(-50%, calc(100% + 0.25rem + 0.3125rem - 1px)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:focus + .bx--assistive-text {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.25rem));\n transform: translate(-50%, calc(0.3125rem + 0.25rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end::after,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end:focus + .bx--assistive-text {\n right: 0;\n left: initial;\n -webkit-transform: translate(0, calc(100% + 0.25rem + 0.3125rem));\n transform: translate(0, calc(100% + 0.25rem + 0.3125rem)); }\n .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--align-end.bx--tooltip--a11y + .bx--assistive-text {\n -webkit-transform: translate(0, calc(100% + 0.25rem + 0.3125rem - 1px));\n transform: translate(0, calc(100% + 0.25rem + 0.3125rem - 1px)); }\n\n/* begin tooltip icon (TODO: deprecate) */\n.bx--tooltip--icon {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--tooltip--icon__top,\n.bx--tooltip--icon__bottom {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip--icon__top::before, .bx--tooltip--icon__top::after,\n .bx--tooltip--icon__bottom::before,\n .bx--tooltip--icon__bottom::after {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip--icon__top::before,\n .bx--tooltip--icon__bottom::before {\n right: 0;\n left: 0;\n width: 0;\n height: 0;\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-style: solid;\n border-color: transparent transparent #3d3d3d transparent;\n margin: 0 auto;\n content: '';\n margin-top: 1px;\n margin-left: 50%; }\n .bx--tooltip--icon__top::after,\n .bx--tooltip--icon__bottom::after {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n min-width: 1.5rem;\n max-width: 13rem;\n height: 1.5rem;\n margin-left: 50%;\n padding: 0 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n content: attr(aria-label);\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n white-space: nowrap;\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip--icon__top:hover::before, .bx--tooltip--icon__top:hover::after, .bx--tooltip--icon__top:focus::before, .bx--tooltip--icon__top:focus::after,\n .bx--tooltip--icon__bottom:hover::before,\n .bx--tooltip--icon__bottom:hover::after,\n .bx--tooltip--icon__bottom:focus::before,\n .bx--tooltip--icon__bottom:focus::after {\n opacity: 1; }\n .bx--tooltip--icon__top:hover svg, .bx--tooltip--icon__top:focus svg,\n .bx--tooltip--icon__bottom:hover svg,\n .bx--tooltip--icon__bottom:focus svg {\n fill: #565656; }\n .bx--tooltip--icon__top:focus,\n .bx--tooltip--icon__bottom:focus {\n outline: 1px solid transparent; }\n .bx--tooltip--icon__top:focus svg,\n .bx--tooltip--icon__bottom:focus svg {\n outline: 1px solid #0062ff; }\n\n.bx--tooltip--icon__top::before {\n top: 1px;\n -webkit-transform: translate(-50%, calc(-100% - 9px)) rotate(180deg);\n transform: translate(-50%, calc(-100% - 9px)) rotate(180deg); }\n\n.bx--tooltip--icon__top::after {\n top: 0;\n -webkit-transform: translate(-50%, calc(-100% - 12px));\n transform: translate(-50%, calc(-100% - 12px)); }\n\n.bx--tooltip--icon__bottom::before {\n bottom: 0;\n -webkit-transform: translate(-50%, 10px) rotate(0);\n transform: translate(-50%, 10px) rotate(0); }\n\n.bx--tooltip--icon__bottom::after {\n bottom: 0;\n -webkit-transform: translate(-50%, calc(100% + 10px));\n transform: translate(-50%, calc(100% + 10px)); }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-start::before {\n top: 1px;\n margin-left: 4px;\n -webkit-transform: translate(0, calc(-100% - 9px)) rotate(180deg);\n transform: translate(0, calc(-100% - 9px)) rotate(180deg); }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-start::after {\n top: 0;\n margin-left: 0;\n -webkit-transform: translate(0, calc(-100% - 12px));\n transform: translate(0, calc(-100% - 12px)); }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-end::before {\n top: 1px;\n margin-right: 4px;\n left: auto;\n right: 0;\n -webkit-transform: translate(0, calc(-100% - 9px)) rotate(180deg);\n transform: translate(0, calc(-100% - 9px)) rotate(180deg); }\n\n.bx--tooltip--icon__top.bx--tooltip--icon__align-end::after {\n top: 0;\n margin-left: 0;\n right: 0;\n -webkit-transform: translate(0, calc(-100% - 12px));\n transform: translate(0, calc(-100% - 12px)); }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-start::before {\n bottom: 0;\n margin-left: 4px;\n -webkit-transform: translate(0, 10px) rotate(0);\n transform: translate(0, 10px) rotate(0); }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-start::after {\n bottom: 0;\n margin-left: 0;\n -webkit-transform: translate(0, calc(100% + 10px));\n transform: translate(0, calc(100% + 10px)); }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-end::before {\n bottom: 0;\n margin-right: 4px;\n left: auto;\n right: 0;\n -webkit-transform: translate(0, 10px) rotate(0);\n transform: translate(0, 10px) rotate(0); }\n\n.bx--tooltip--icon__bottom.bx--tooltip--icon__align-end::after {\n bottom: 0;\n margin-left: 0;\n right: 0;\n -webkit-transform: translate(0, calc(100% + 10px));\n transform: translate(0, calc(100% + 10px)); }\n\n.bx--tooltip--icon .bx--tooltip__trigger svg {\n margin-left: 0; }\n\n/* end legacy tooltip icon */\n.bx--tooltip__trigger:hover svg, .bx--tooltip__trigger:focus svg {\n fill: #565656; }\n\n.bx--tooltip__trigger.bx--tooltip--top {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip--top:focus {\n outline: 1px solid transparent; }\n .bx--tooltip__trigger.bx--tooltip--top:focus svg {\n outline: 1px solid #0062ff; }\n .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after,\n .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none; }\n .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after {\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::after {\n -webkit-transition: none;\n transition: none; }\n .bx--tooltip__trigger.bx--tooltip--top::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--tooltip__trigger.bx--tooltip--top .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top + .bx--assistive-text {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n color: inherit;\n opacity: 1;\n white-space: normal; }\n .bx--tooltip__trigger.bx--tooltip--top::after,\n .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip__trigger.bx--tooltip--top::after {\n content: attr(aria-label); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::after {\n content: none; }\n .bx--tooltip__trigger.bx--tooltip--top:hover::before, .bx--tooltip__trigger.bx--tooltip--top:hover::after, .bx--tooltip__trigger.bx--tooltip--top:focus::before, .bx--tooltip__trigger.bx--tooltip--top:focus::after {\n opacity: 1; }\n\n@keyframes tooltip-fade {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text {\n clip: auto;\n margin: auto;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--top:focus.bx--tooltip--a11y::before {\n -webkit-animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after,\n .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--top::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem))); }\n .bx--tooltip__trigger.bx--tooltip--top::after,\n .bx--tooltip__trigger.bx--tooltip--top:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top:focus + .bx--assistive-text {\n left: 50%;\n -webkit-transform: translate(-50%, calc(-1 * (100% + 0.5rem + 0.3125rem)));\n transform: translate(-50%, calc(-1 * (100% + 0.5rem + 0.3125rem))); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::after,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:focus + .bx--assistive-text {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem))); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start::after,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-start:focus + .bx--assistive-text {\n left: 0;\n -webkit-transform: translate(0, calc(-1 * (100% + 0.5rem + 0.3125rem)));\n transform: translate(0, calc(-1 * (100% + 0.5rem + 0.3125rem))); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::after,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:focus + .bx--assistive-text {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem))); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center::after,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-center:focus + .bx--assistive-text {\n left: 50%;\n -webkit-transform: translate(-50%, calc(-1 * (100% + 0.5rem + 0.3125rem)));\n transform: translate(-50%, calc(-1 * (100% + 0.5rem + 0.3125rem))); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::after,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:focus + .bx--assistive-text {\n top: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::before {\n border-width: 0.3125rem 0.25rem 0 0.25rem;\n border-color: #3d3d3d transparent transparent transparent;\n -webkit-transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem)));\n transform: translate(-50%, calc(-1 * (0.3125rem + 0.5rem))); }\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end::after,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--align-end:focus + .bx--assistive-text {\n right: 0;\n left: initial;\n -webkit-transform: translate(0, calc(-1 * (100% + 0.5rem + 0.3125rem)));\n transform: translate(0, calc(-1 * (100% + 0.5rem + 0.3125rem))); }\n\n.bx--tooltip__trigger.bx--tooltip--right {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip--right:focus {\n outline: 1px solid transparent; }\n .bx--tooltip__trigger.bx--tooltip--right:focus svg {\n outline: 1px solid #0062ff; }\n .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after,\n .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none; }\n .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after {\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::after {\n -webkit-transition: none;\n transition: none; }\n .bx--tooltip__trigger.bx--tooltip--right::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--tooltip__trigger.bx--tooltip--right .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right + .bx--assistive-text {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n color: inherit;\n opacity: 1;\n white-space: normal; }\n .bx--tooltip__trigger.bx--tooltip--right::after,\n .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip__trigger.bx--tooltip--right::after {\n content: attr(aria-label); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::after {\n content: none; }\n .bx--tooltip__trigger.bx--tooltip--right:hover::before, .bx--tooltip__trigger.bx--tooltip--right:hover::after, .bx--tooltip__trigger.bx--tooltip--right:focus::before, .bx--tooltip__trigger.bx--tooltip--right:focus::after {\n opacity: 1; }\n\n@keyframes tooltip-fade {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text {\n clip: auto;\n margin: auto;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--right:focus.bx--tooltip--a11y::before {\n -webkit-animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after,\n .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text {\n top: 50%;\n right: 0; }\n .bx--tooltip__trigger.bx--tooltip--right::before {\n border-width: 0.25rem 0.3125rem 0.25rem 0;\n border-color: transparent #3d3d3d transparent transparent;\n -webkit-transform: translate(calc(0.3125rem + 0.5rem), -50%);\n transform: translate(calc(0.3125rem + 0.5rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right::after,\n .bx--tooltip__trigger.bx--tooltip--right:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right:focus + .bx--assistive-text {\n -webkit-transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%);\n transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::after,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:focus + .bx--assistive-text {\n top: 50%;\n right: 0; }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::before {\n border-width: 0.25rem 0.3125rem 0.25rem 0;\n border-color: transparent #3d3d3d transparent transparent;\n -webkit-transform: translate(calc(0.3125rem + 0.5rem), -50%);\n transform: translate(calc(0.3125rem + 0.5rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start::after,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-start:focus + .bx--assistive-text {\n -webkit-transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%);\n transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::after,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:focus + .bx--assistive-text {\n top: 50%;\n right: 0; }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::before {\n border-width: 0.25rem 0.3125rem 0.25rem 0;\n border-color: transparent #3d3d3d transparent transparent;\n -webkit-transform: translate(calc(0.3125rem + 0.5rem), -50%);\n transform: translate(calc(0.3125rem + 0.5rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center::after,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-center:focus + .bx--assistive-text {\n -webkit-transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%);\n transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::after,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:focus + .bx--assistive-text {\n top: 50%;\n right: 0; }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::before {\n border-width: 0.25rem 0.3125rem 0.25rem 0;\n border-color: transparent #3d3d3d transparent transparent;\n -webkit-transform: translate(calc(0.3125rem + 0.5rem), -50%);\n transform: translate(calc(0.3125rem + 0.5rem), -50%); }\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end::after,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--align-end:focus + .bx--assistive-text {\n -webkit-transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%);\n transform: translate(calc(100% + 0.5rem + 0.3125rem), -50%); }\n\n.bx--tooltip__trigger.bx--tooltip--bottom {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip--bottom:focus {\n outline: 1px solid transparent; }\n .bx--tooltip__trigger.bx--tooltip--bottom:focus svg {\n outline: 1px solid #0062ff; }\n .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after,\n .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none; }\n .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after {\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::after {\n -webkit-transition: none;\n transition: none; }\n .bx--tooltip__trigger.bx--tooltip--bottom::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--tooltip__trigger.bx--tooltip--bottom .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom + .bx--assistive-text {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n color: inherit;\n opacity: 1;\n white-space: normal; }\n .bx--tooltip__trigger.bx--tooltip--bottom::after,\n .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip__trigger.bx--tooltip--bottom::after {\n content: attr(aria-label); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::after {\n content: none; }\n .bx--tooltip__trigger.bx--tooltip--bottom:hover::before, .bx--tooltip__trigger.bx--tooltip--bottom:hover::after, .bx--tooltip__trigger.bx--tooltip--bottom:focus::before, .bx--tooltip__trigger.bx--tooltip--bottom:focus::after {\n opacity: 1; }\n\n@keyframes tooltip-fade {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text {\n clip: auto;\n margin: auto;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--bottom:focus.bx--tooltip--a11y::before {\n -webkit-animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after,\n .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--bottom::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.5rem));\n transform: translate(-50%, calc(0.3125rem + 0.5rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom::after,\n .bx--tooltip__trigger.bx--tooltip--bottom:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom:focus + .bx--assistive-text {\n -webkit-transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem));\n transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::after,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:focus + .bx--assistive-text {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.5rem));\n transform: translate(-50%, calc(0.3125rem + 0.5rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start::after,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-start:focus + .bx--assistive-text {\n left: 0;\n -webkit-transform: translate(0, calc(100% + 0.5rem + 0.3125rem));\n transform: translate(0, calc(100% + 0.5rem + 0.3125rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::after,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:focus + .bx--assistive-text {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.5rem));\n transform: translate(-50%, calc(0.3125rem + 0.5rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center::after,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-center:focus + .bx--assistive-text {\n -webkit-transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem));\n transform: translate(-50%, calc(100% + 0.5rem + 0.3125rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::after,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:focus + .bx--assistive-text {\n bottom: 0;\n left: 50%; }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::before {\n border-width: 0 0.25rem 0.3125rem 0.25rem;\n border-color: transparent transparent #3d3d3d transparent;\n -webkit-transform: translate(-50%, calc(0.3125rem + 0.5rem));\n transform: translate(-50%, calc(0.3125rem + 0.5rem)); }\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end::after,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--align-end:focus + .bx--assistive-text {\n right: 0;\n left: initial;\n -webkit-transform: translate(0, calc(100% + 0.5rem + 0.3125rem));\n transform: translate(0, calc(100% + 0.5rem + 0.3125rem)); }\n\n.bx--tooltip__trigger.bx--tooltip--left {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n cursor: pointer;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip--left:focus {\n outline: 1px solid transparent; }\n .bx--tooltip__trigger.bx--tooltip--left:focus svg {\n outline: 1px solid #0062ff; }\n .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after,\n .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: absolute;\n z-index: 10000;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n opacity: 0;\n pointer-events: none; }\n .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after {\n -webkit-transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::after {\n -webkit-transition: none;\n transition: none; }\n .bx--tooltip__trigger.bx--tooltip--left::before {\n width: 0;\n height: 0;\n border-style: solid;\n content: ''; }\n .bx--tooltip__trigger.bx--tooltip--left .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left + .bx--assistive-text {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n color: inherit;\n opacity: 1;\n white-space: normal; }\n .bx--tooltip__trigger.bx--tooltip--left::after,\n .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n width: -webkit-max-content;\n width: -moz-max-content;\n width: max-content;\n max-width: 13rem;\n height: auto;\n padding: 0.125rem 1rem;\n border-radius: 0.125rem;\n color: #ffffff;\n font-weight: 400;\n text-align: left;\n -webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n pointer-events: none;\n background-color: #3d3d3d; }\n .bx--tooltip__trigger.bx--tooltip--left::after {\n content: attr(aria-label); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::after {\n content: none; }\n .bx--tooltip__trigger.bx--tooltip--left:hover::before, .bx--tooltip__trigger.bx--tooltip--left:hover::after, .bx--tooltip__trigger.bx--tooltip--left:focus::before, .bx--tooltip__trigger.bx--tooltip--left:focus::after {\n opacity: 1; }\n\n@keyframes tooltip-fade {\n from {\n opacity: 0; }\n to {\n opacity: 1; } }\n .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text {\n clip: auto;\n margin: auto;\n overflow: visible; }\n .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:hover.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text, .bx--tooltip__trigger.bx--tooltip--left:focus.bx--tooltip--a11y::before {\n -webkit-animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after,\n .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text {\n top: 50%;\n left: 0; }\n .bx--tooltip__trigger.bx--tooltip--left::before {\n border-width: 0.25rem 0 0.25rem 0.3125rem;\n border-color: transparent transparent transparent #3d3d3d;\n -webkit-transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%);\n transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left::after,\n .bx--tooltip__trigger.bx--tooltip--left:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left:focus + .bx--assistive-text {\n -webkit-transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%);\n transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::after,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:focus + .bx--assistive-text {\n top: 50%;\n left: 0; }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::before {\n border-width: 0.25rem 0 0.25rem 0.3125rem;\n border-color: transparent transparent transparent #3d3d3d;\n -webkit-transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%);\n transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start::after,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-start:focus + .bx--assistive-text {\n -webkit-transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%);\n transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::after,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:focus + .bx--assistive-text {\n top: 50%;\n left: 0; }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::before {\n border-width: 0.25rem 0 0.25rem 0.3125rem;\n border-color: transparent transparent transparent #3d3d3d;\n -webkit-transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%);\n transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center::after,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-center:focus + .bx--assistive-text {\n -webkit-transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%);\n transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::after,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:focus + .bx--assistive-text {\n top: 50%;\n left: 0; }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::before {\n border-width: 0.25rem 0 0.25rem 0.3125rem;\n border-color: transparent transparent transparent #3d3d3d;\n -webkit-transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%);\n transform: translate(calc(-1 * (0.3125rem + 0.5rem)), -50%); }\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end::after,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:hover .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:focus .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:hover + .bx--assistive-text,\n .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--align-end:focus + .bx--assistive-text {\n -webkit-transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%);\n transform: translate(calc(-1 * (100% + 0.5rem + 0.3125rem)), -50%); }\n\n.bx--tabs {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #171717;\n height: auto;\n width: 100%;\n position: relative; }\n @media (min-width: 42rem) {\n .bx--tabs {\n background: none;\n min-height: 3rem; } }\n\n.bx--tabs-trigger {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 0 1rem;\n height: 2.5rem;\n cursor: pointer;\n color: #171717;\n outline: 2px solid transparent;\n border-bottom: 1px solid #8c8c8c;\n background-color: #f3f3f3; }\n @media (min-width: 42rem) {\n .bx--tabs-trigger {\n display: none; } }\n\n.bx--tabs-trigger:focus,\n.bx--tabs-trigger:active {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--tabs-trigger svg {\n width: 0.75rem;\n height: 0.4375rem;\n fill: #171717;\n -webkit-transition: -webkit-transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tabs-trigger--open:focus,\n.bx--tabs-trigger--open:active {\n outline: 2px solid transparent;\n outline-offset: -2px;\n -webkit-transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tabs-trigger--open {\n background: #dcdcdc; }\n\n.bx--tabs-trigger--open svg {\n -webkit-transform: rotate(-180deg);\n transform: rotate(-180deg);\n -webkit-transition: -webkit-transform 70ms;\n transition: -webkit-transform 70ms;\n transition: transform 70ms;\n transition: transform 70ms, -webkit-transform 70ms;\n -webkit-transform-origin: 50% 45%;\n transform-origin: 50% 45%; }\n\n.bx--tabs--light.bx--tabs-trigger {\n background-color: #ffffff; }\n\n.bx--tabs-trigger-text {\n text-decoration: none;\n padding-top: 2px;\n color: #171717;\n font-weight: 400; }\n\n.bx--tabs-trigger-text:hover {\n color: #171717; }\n\n.bx--tabs-trigger-text:focus {\n outline: none; }\n\n.bx--tabs__nav {\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n margin: 0;\n padding: 0;\n position: absolute;\n list-style: none;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n z-index: 9100;\n background: #f3f3f3;\n -webkit-transition: max-height 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: max-height 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n max-height: 600px;\n width: 100%; }\n @media (min-width: 42rem) {\n .bx--tabs__nav {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n background: none;\n -webkit-box-shadow: none;\n box-shadow: none;\n z-index: auto;\n -webkit-transition: inherit;\n transition: inherit;\n max-height: auto;\n width: auto; } }\n\n.bx--tabs__nav--hidden {\n -webkit-transition: max-height 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: max-height 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n overflow: hidden;\n max-height: 0; }\n @media (min-width: 42rem) {\n .bx--tabs__nav--hidden {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-transition: inherit;\n transition: inherit;\n overflow: visible;\n max-height: none; } }\n\n.bx--tabs__nav-item {\n background-color: #f3f3f3;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 0;\n cursor: pointer;\n width: 100%;\n height: 2.5rem;\n -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n @media (min-width: 42rem) {\n .bx--tabs__nav-item {\n background: transparent;\n height: auto; }\n .bx--tabs__nav-item + .bx--tabs__nav-item {\n margin-left: 0.125rem; } }\n\n.bx--tabs__nav-item .bx--tabs__nav-link {\n -webkit-transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n@media (min-width: 42rem) {\n .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected) {\n background: transparent; } }\n\n.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) {\n background-color: #e5e5e5;\n -webkit-box-shadow: 0 -1px 0 #e5e5e5;\n box-shadow: 0 -1px 0 #e5e5e5; }\n @media (min-width: 42rem) {\n .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--disabled) {\n background-color: transparent;\n -webkit-box-shadow: none;\n box-shadow: none; } }\n\n.bx--tabs__nav-item--disabled,\n.bx--tabs__nav-item--disabled:hover {\n cursor: not-allowed;\n outline: none; }\n\n.bx--tabs__nav-item--disabled .bx--tabs__nav-link {\n pointer-events: none; }\n\n.bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) {\n border: none;\n display: none;\n -webkit-transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n @media (min-width: 42rem) {\n .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link {\n color: #171717;\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n border-bottom: 3px solid #0062ff; }\n .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:focus,\n .bx--tabs__nav-item--selected:not(.bx--tabs__nav-item--disabled) .bx--tabs__nav-link:active {\n color: #171717;\n border-bottom: 2px solid #0062ff; } }\n\na.bx--tabs__nav-link {\n outline: 2px solid transparent;\n outline-offset: -2px;\n display: inline-block;\n color: #565656;\n text-decoration: none;\n font-weight: 400;\n padding: 0.75rem 0;\n width: calc(100% - 32px);\n height: 2.5rem;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin: 0 1rem;\n line-height: 1rem;\n border-bottom: 1px solid #dcdcdc;\n overflow: hidden;\n -webkit-transition: border 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: border 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {\n width: 100%;\n margin: 0;\n padding-left: 16px;\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n @media (min-width: 42rem) {\n a.bx--tabs__nav-link {\n border-bottom: 3px solid #bebebe;\n padding: 0.5rem 1rem;\n width: 10rem;\n margin: 0;\n line-height: inherit; }\n a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {\n width: 10rem;\n padding: 0.5rem 1rem;\n border-bottom: 2px; } }\n\n.bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled)\n.bx--tabs__nav-link {\n color: #171717; }\n @media (min-width: 42rem) {\n .bx--tabs__nav-item:hover:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled)\n.bx--tabs__nav-link {\n color: #171717;\n border-bottom: 3px solid #6f6f6f; } }\n\n.bx--tabs__nav-item--disabled .bx--tabs__nav-link {\n color: #bebebe;\n border-bottom: 3px solid #f3f3f3; }\n\n.bx--tabs__nav-item--disabled:hover .bx--tabs__nav-link {\n cursor: no-drop;\n border-bottom: 3px solid #f3f3f3; }\n\n.bx--tabs__nav-item--disabled .bx--tabs__nav-link:focus,\n.bx--tabs__nav-item--disabled a.bx--tabs__nav-link:active {\n outline: none;\n border-bottom: 3px solid #f3f3f3; }\n\n.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected)\n.bx--tabs__nav-link:focus,\n.bx--tabs__nav-item:not(.bx--tabs__nav-item--selected):not(.bx--tabs__nav-item--disabled):not(.bx--tabs__nav-item--selected)\na.bx--tabs__nav-link:active {\n color: #565656; }\n\n.bx--tabs.bx--skeleton {\n pointer-events: none;\n cursor: default; }\n\n.bx--tabs.bx--skeleton .bx--tabs__nav-link {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 4.6875rem;\n height: 0.75rem; }\n .bx--tabs.bx--skeleton .bx--tabs__nav-link:hover, .bx--tabs.bx--skeleton .bx--tabs__nav-link:focus, .bx--tabs.bx--skeleton .bx--tabs__nav-link:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--tabs.bx--skeleton .bx--tabs__nav-link:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--tabs.bx--skeleton .bx--tabs-trigger {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 6.25rem; }\n .bx--tabs.bx--skeleton .bx--tabs-trigger:hover, .bx--tabs.bx--skeleton .bx--tabs-trigger:focus, .bx--tabs.bx--skeleton .bx--tabs-trigger:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--tabs.bx--skeleton .bx--tabs-trigger:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--tabs.bx--skeleton .bx--tabs-trigger svg {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--tag {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding: 0 0.5rem;\n height: 1.5rem;\n margin: 0.25rem;\n border-radius: 0.9375rem; }\n .bx--tag:not(:first-child) {\n margin-left: 0; }\n .bx--tag.bx--skeleton {\n background-color: #dcdcdc;\n color: #171717; }\n\n.bx--tag--red {\n background-color: #fcd0d3;\n color: #a51920; }\n\n.bx--tag--magenta {\n background-color: #ffcfe1;\n color: #a11950; }\n\n.bx--tag--purple {\n background-color: #e6d6ff;\n color: #6e32c9; }\n\n.bx--tag--blue {\n background-color: #c9deff;\n color: #054ada; }\n\n.bx--tag--cyan {\n background-color: #b3e6ff;\n color: #0058a1; }\n\n.bx--tag--teal {\n background-color: #92eeee;\n color: #006161; }\n\n.bx--tag--green {\n background-color: #9deeb2;\n color: #10642a; }\n\n.bx--tag--gray {\n background-color: #dcdcdc;\n color: #171717; }\n\n.bx--tag--cool-gray {\n background-color: #d5d9e0;\n color: #13171a; }\n\n.bx--tag--warm-gray {\n background-color: #e0dbda;\n color: #1a1717; }\n\n.bx--tag--disabled {\n background-color: #f3f3f3;\n color: #bebebe; }\n .bx--tag--disabled:hover {\n cursor: not-allowed; }\n\n.bx--tag--filter {\n background-color: #171717;\n color: #ffffff;\n cursor: pointer;\n padding-right: 0.125rem; }\n\n.bx--tag--filter > svg {\n fill: #ffffff;\n margin-left: 0.25rem;\n padding: 0.125rem;\n width: 1.25rem;\n height: 1.25rem; }\n\n.bx--tag--filter > svg:hover {\n border-radius: 50%;\n background-color: #4c4c4c; }\n\n.bx--tag--filter:focus,\n.bx--tag--filter:hover {\n outline: none; }\n\n.bx--tag--filter:focus > svg {\n border: 2px solid #ffffff;\n border-radius: 50%; }\n\n.bx--tag.bx--skeleton {\n width: 3.75rem; }\n .bx--tag.bx--skeleton:after {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n content: '';\n height: 0.375rem;\n width: 100%; }\n .bx--tag.bx--skeleton:after:hover, .bx--tag.bx--skeleton:after:focus, .bx--tag.bx--skeleton:after:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--tag.bx--skeleton:after:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--data-table-container + .bx--pagination {\n border-top: 0; }\n\n.bx--pagination {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n width: 100%;\n background-color: #f3f3f3;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n border-top: 1px solid #dcdcdc;\n height: 3rem; }\n\n.bx--pagination .bx--select {\n height: 100%;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n grid-template-columns: auto 0; }\n\n.bx--select-input__wrapper,\n.bx--select-input--inline__wrapper {\n height: 100%; }\n\n.bx--pagination .bx--select-input {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n width: auto;\n min-width: auto;\n height: 100%;\n padding: 0 2.5rem 0 1rem;\n margin-right: -0.65rem; }\n @media (min-width: 42rem) {\n .bx--pagination .bx--select-input {\n padding: 0 1.5rem 0 0.5rem;\n margin-right: 0; } }\n\n.bx--pagination .bx--select-input:hover {\n background: #e5e5e5; }\n\n.bx--pagination .bx--select__arrow {\n position: relative;\n top: auto;\n right: 1.1rem;\n bottom: auto; }\n\n.bx--pagination\n.bx--select__item-count\n.bx--select-input {\n border-right: 0.0625rem solid #dcdcdc; }\n @media (min-width: 42rem) {\n .bx--pagination\n.bx--select__item-count\n.bx--select-input {\n padding-right: 2rem;\n margin-right: -0.65rem; } }\n\n.bx--pagination\n.bx--select__page-number\n.bx--select-input {\n border-left: 1px solid #dcdcdc; }\n @media (min-width: 42rem) {\n .bx--pagination\n.bx--select__page-number\n.bx--select-input {\n padding-left: 1rem;\n padding-right: 2rem; } }\n\n@media (min-width: 42rem) {\n .bx--pagination\n.bx--select__page-number\n.bx--select__arrow {\n right: 1.8rem; } }\n\n.bx--pagination__left,\n.bx--pagination__right {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--pagination__left > .bx--form-item,\n.bx--pagination__right > .bx--form-item {\n height: 100%; }\n\n.bx--pagination__left .bx--pagination__text {\n margin-right: 0.0625rem; }\n\n.bx--pagination__right .bx--pagination__text {\n margin-right: 1rem;\n margin-left: 0.0625rem; }\n\n@media (min-width: 42rem) {\n .bx--pagination__left {\n padding: 0 1rem; } }\n\n.bx--pagination__text {\n display: none; }\n @media (min-width: 42rem) {\n .bx--pagination__text {\n display: inline-block; } }\n\nspan.bx--pagination__text {\n margin-left: 1rem;\n color: #171717; }\n\n.bx--pagination__right span.bx--pagination__text {\n margin-left: -0.5rem; }\n\n.bx--pagination__button {\n border: none;\n background: none;\n cursor: pointer;\n height: 100%;\n margin: 0;\n padding: 0 0.875rem;\n border-left: 1px solid #dcdcdc;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n fill: #171717;\n -webkit-transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--pagination__button:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--pagination__button:hover {\n background: #e5e5e5; }\n\n.bx--pagination__button--no-index {\n fill: #bebebe;\n cursor: not-allowed; }\n\n.bx--pagination__button:disabled:hover,\n.bx--pagination__button--no-index:hover {\n cursor: not-allowed;\n fill: #bebebe;\n background: #f3f3f3; }\n\n.bx--pagination--inline {\n height: 2.625rem;\n margin-top: -0.5rem;\n margin-bottom: -0.5rem;\n margin-right: -1rem; }\n\n.bx--pagination--inline .bx--pagination__button {\n height: 2.5rem;\n border-left: 1px solid #dcdcdc;\n border-right: 1px solid #dcdcdc;\n margin: 0; }\n\n.bx--pagination--inline .bx--pagination__button--forward {\n border-right: 0;\n padding: 0 1rem;\n margin-left: 1rem; }\n\n.bx--pagination--inline .bx--pagination__button--backward {\n margin: 0 1rem;\n padding: 0 1rem; }\n\n.bx--pagination.bx--skeleton .bx--skeleton__text {\n margin-right: 1rem;\n margin-bottom: 0; }\n\n.bx--accordion {\n list-style: none;\n width: 100%; }\n\n.bx--accordion__item {\n -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n border-top: 1px solid #dcdcdc;\n overflow: visible; }\n .bx--accordion__item:last-child {\n border-bottom: 1px solid #dcdcdc; }\n\n.bx--accordion__heading {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n color: #171717;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n cursor: pointer;\n padding: 0.375rem 0;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n position: relative;\n width: 100%;\n margin: 0;\n -webkit-transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;\n transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms; }\n .bx--accordion__heading::-moz-focus-inner {\n border: 0; }\n .bx--accordion__heading:hover:before, .bx--accordion__heading:focus:before {\n content: '';\n position: absolute;\n top: -1px;\n left: 0;\n width: 100%;\n height: calc(100% + 2px); }\n .bx--accordion__heading:hover:before {\n background-color: #e5e5e5; }\n .bx--accordion__heading:focus {\n outline: none; }\n .bx--accordion__heading:focus:before {\n border: 2px solid #0062ff;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.bx--accordion__arrow {\n outline: 2px solid transparent;\n outline-offset: -2px;\n -webkit-box-flex: 0;\n -ms-flex: 0 0 1rem;\n flex: 0 0 1rem;\n width: 1rem;\n height: 1rem;\n margin: 0 1rem 0 0;\n fill: #171717;\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n -webkit-transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--accordion__title {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n margin: 0 0 0 1rem;\n width: 100%;\n text-align: left;\n z-index: 0; }\n\n.bx--accordion__content {\n -webkit-transition: height cubic-bezier(0.2, 0, 0.38, 0.9) 110ms, padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;\n transition: height cubic-bezier(0.2, 0, 0.38, 0.9) 110ms, padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;\n padding-left: 1rem;\n padding-right: 25%;\n height: 0;\n visibility: hidden;\n opacity: 0; }\n @media (max-width: 42rem) {\n .bx--accordion__content {\n padding-right: 3rem; } }\n .bx--accordion__content p {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px; }\n\n.bx--accordion__item--active {\n overflow: visible; }\n .bx--accordion__item--active .bx--accordion__content {\n padding-bottom: 1.5rem;\n padding-top: 0.5rem;\n height: auto;\n visibility: visible;\n opacity: 1;\n -webkit-transition: height cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-top cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-bottom cubic-bezier(0, 0, 0.38, 0.9) 110ms;\n transition: height cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-top cubic-bezier(0, 0, 0.38, 0.9) 110ms, padding-bottom cubic-bezier(0, 0, 0.38, 0.9) 110ms; }\n .bx--accordion__item--active .bx--accordion__arrow {\n /*rtl:ignore*/\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n fill: #171717; }\n\n.bx--accordion.bx--skeleton .bx--accordion__heading,\n.bx--accordion.bx--skeleton .bx--accordion__button {\n cursor: default; }\n\n.bx--accordion.bx--skeleton .bx--accordion__arrow {\n pointer-events: none;\n fill: #171717;\n cursor: default; }\n .bx--accordion.bx--skeleton .bx--accordion__arrow:hover, .bx--accordion.bx--skeleton .bx--accordion__arrow:focus, .bx--accordion.bx--skeleton .bx--accordion__arrow:active {\n border: none;\n outline: none;\n cursor: default; }\n\n.bx--skeleton\n.bx--accordion__heading:focus\n.bx--accordion__arrow {\n border: none;\n outline: none;\n cursor: default; }\n\n.bx--accordion__title.bx--skeleton__text {\n margin-bottom: 0; }\n\n.bx--progress {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n list-style: none; }\n\n.bx--progress-step {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n min-width: 7rem;\n width: 8rem;\n overflow: visible; }\n .bx--progress-step .bx--tooltip__label {\n display: block; }\n\n.bx--progress-line {\n position: absolute;\n left: 0;\n height: 1px;\n width: 8rem;\n border: 1px inset transparent; }\n\n.bx--progress-step svg {\n position: relative;\n z-index: 1;\n width: 1rem;\n height: 1rem;\n border-radius: 50%;\n margin: 9px 0.5rem 0 0;\n fill: #0062ff; }\n\n.bx--progress-label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n line-height: 1.45;\n max-width: 5.5rem;\n margin: 0.5rem 0 0 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--progress-label::before {\n content: '';\n display: block; }\n\n.bx--progress-label:hover {\n color: #0062ff;\n cursor: pointer;\n -webkit-box-shadow: 0 0.0625rem #0062ff;\n box-shadow: 0 0.0625rem #0062ff; }\n\n.bx--progress-label:focus {\n outline: none;\n color: #0062ff;\n -webkit-box-shadow: 0 0.1875rem 0 0 #0062ff;\n box-shadow: 0 0.1875rem 0 0 #0062ff; }\n\n.bx--progress-label:active {\n color: #0062ff;\n -webkit-box-shadow: 0 0.1875rem 0 0 #0062ff;\n box-shadow: 0 0.1875rem 0 0 #0062ff; }\n\n.bx--progress-label-overflow:hover ~ .bx--tooltip,\n.bx--progress-label-overflow:focus ~ .bx--tooltip {\n visibility: visible; }\n\n.bx--progress-step .bx--tooltip .bx--tooltip__caret {\n margin-left: 0.625rem; }\n\n.bx--tooltip__text {\n padding: 0;\n margin: 0;\n font-weight: normal; }\n\n.bx--progress-step .bx--tooltip {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n min-width: 7.1875rem;\n width: 7.8125rem;\n min-height: 1.5rem;\n margin-left: 1.375rem;\n margin-top: 2.5rem;\n padding: 0.5rem 1rem;\n display: block;\n visibility: hidden;\n color: #ffffff; }\n\n.bx--progress-step .bx--tooltip_multi {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.16px;\n width: 9.375rem;\n height: auto;\n color: #ffffff; }\n\n.bx--progress-optional {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n position: absolute;\n left: 0;\n margin-left: 1.5rem;\n margin-top: 1.75rem;\n color: #171717; }\n\n.bx--progress-step--current .bx--progress-line {\n background-color: #0062ff; }\n\n.bx--progress-step--current svg {\n width: 14px;\n height: 14px;\n fill: #0062ff;\n margin-top: 0.59375rem; }\n\n.bx--progress-step--incomplete svg {\n fill: #171717; }\n\n.bx--progress-step--incomplete .bx--progress-line {\n background-color: #dcdcdc; }\n\n.bx--progress-step--complete .bx--progress-line {\n background-color: #0062ff; }\n\n.bx--progress-step-button {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--progress-step-button--unclickable {\n outline: none; }\n\n.bx--progress-step--disabled {\n cursor: not-allowed; }\n .bx--progress-step--disabled svg {\n fill: #bebebe;\n cursor: not-allowed; }\n .bx--progress-step--disabled .bx--progress-label,\n .bx--progress-step--disabled .bx--progress-label:hover {\n color: #bebebe;\n cursor: not-allowed;\n -webkit-box-shadow: none;\n box-shadow: none; }\n .bx--progress-step--disabled .bx--progress-label:focus,\n .bx--progress-step--disabled .bx--progress-label:active {\n outline: none;\n -webkit-box-shadow: none;\n box-shadow: none; }\n .bx--progress-step--disabled .bx--progress-line {\n cursor: not-allowed; }\n .bx--progress-step--disabled .bx--progress-label-overflow:hover\n~ .bx--tooltip--definition\n.bx--tooltip--definition__bottom {\n display: none; }\n\n.bx--progress__warning > path {\n fill: #da1e28; }\n\n.bx--progress.bx--skeleton .bx--progress-label {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n height: 0.75rem;\n width: 2.5rem; }\n .bx--progress.bx--skeleton .bx--progress-label:hover, .bx--progress.bx--skeleton .bx--progress-label:focus, .bx--progress.bx--skeleton .bx--progress-label:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--progress.bx--skeleton .bx--progress-label:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--progress--vertical {\n display: block; }\n\n.bx--progress--vertical .bx--progress-step {\n display: list-item;\n min-height: 6rem;\n width: initial;\n min-width: initial; }\n .bx--progress--vertical .bx--progress-step svg {\n display: inline-block;\n margin: 0.1rem 0.5rem; }\n\n.bx--progress--vertical .bx--progress-step--current svg {\n margin-left: 0.563rem; }\n\n.bx--progress--vertical .bx--progress-label {\n display: inline-block;\n width: initial;\n max-width: none;\n vertical-align: top;\n margin: 0; }\n\n.bx--progress--vertical .bx--progress-step .bx--tooltip {\n margin-top: 0.5rem; }\n\n.bx--progress--vertical .bx--progress-optional {\n margin-top: auto;\n position: initial;\n margin-left: 2.25rem; }\n\n.bx--progress--vertical .bx--progress-line {\n top: 0;\n left: 0;\n height: 100%;\n width: 1px; }\n\n.bx--breadcrumb {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: inline; }\n @media (min-width: 42rem) {\n .bx--breadcrumb {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap; } }\n\n.bx--breadcrumb-item {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin-right: 0.5rem; }\n\n.bx--breadcrumb-item::after {\n content: '/';\n color: #171717;\n margin-left: 0.5rem; }\n\n.bx--breadcrumb--no-trailing-slash\n.bx--breadcrumb-item:last-child::after {\n content: ''; }\n\n.bx--breadcrumb-item:last-child,\n.bx--breadcrumb-item:last-child::after {\n margin-right: 0; }\n\n.bx--breadcrumb .bx--link {\n white-space: nowrap; }\n\n.bx--breadcrumb-item [aria-current='page'],\n.bx--breadcrumb-item.bx--breadcrumb-item--current\n.bx--link {\n color: #171717; }\n\n.bx--breadcrumb.bx--skeleton .bx--link {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 6.25rem;\n height: 1rem; }\n .bx--breadcrumb.bx--skeleton .bx--link:hover, .bx--breadcrumb.bx--skeleton .bx--link:focus, .bx--breadcrumb.bx--skeleton .bx--link:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--breadcrumb.bx--skeleton .bx--link:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--toolbar {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: 1rem 0; }\n .bx--toolbar > div {\n margin: 0 0.25rem; }\n .bx--toolbar .bx--search-input {\n height: 2rem;\n background-color: transparent;\n outline: none; }\n .bx--toolbar .bx--search-close {\n display: none; }\n .bx--toolbar .bx--overflow-menu__icon {\n fill: #565656;\n -webkit-transition: fill 50ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: fill 50ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--toolbar .bx--search-magnifier {\n fill: #565656;\n -webkit-transform: scale(1.15);\n transform: scale(1.15);\n -webkit-transition: all 175ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 175ms cubic-bezier(0.2, 0, 0.38, 0.9);\n top: 0.5rem;\n left: 0.375rem;\n cursor: pointer; }\n .bx--toolbar fieldset {\n border: 0;\n padding: 0; }\n .bx--toolbar .bx--toolbar-search--active {\n width: 15.625rem; }\n .bx--toolbar .bx--toolbar-search--active .bx--search-magnifier {\n -webkit-transform: scale(1);\n transform: scale(1);\n top: 0.5625rem; }\n .bx--toolbar .bx--toolbar-search--active .bx--search-input {\n background-color: #ffffff; }\n .bx--toolbar .bx--toolbar-search--active .bx--search-close {\n display: block; }\n .bx--toolbar .bx--checkbox-label {\n margin-bottom: 0; }\n .bx--toolbar .bx--overflow-menu--open > .bx--overflow-menu__icon {\n fill: #0062ff; }\n\n.bx--toolbar-search {\n width: 1.8rem;\n -webkit-transition: all 175ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: all 175ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--toolbar-search__btn {\n position: absolute;\n left: 0;\n top: 0;\n background: transparent;\n border: 0;\n height: 2rem;\n width: 2rem; }\n .bx--toolbar-search__btn:focus {\n outline: 1px solid #0062ff; }\n\n.bx--toolbar-filter-icon {\n padding-left: 0;\n padding-right: 0; }\n\n.bx--toolbar-menu__title {\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n letter-spacing: 0.32px;\n font-weight: 600;\n padding: 0.5rem 1.25rem; }\n\n.bx--toolbar-menu__option {\n padding: 0.5rem 1.25rem; }\n\n.bx--toolbar-menu__divider {\n width: 100%;\n border: 0;\n border-top: 1px solid #dcdcdc; }\n\n.bx--radio-button-group {\n border: none; }\n\n.bx--toolbar-search:not(.bx--toolbar-search--active)\n.bx--search-input {\n border-bottom: none; }\n\n.bx--time-picker {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end; }\n\n.bx--time-picker[data-invalid] .bx--time-picker__input-field {\n outline: 2px solid #da1e28;\n outline-offset: -2px; }\n\n.bx--time-picker__select {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center; }\n .bx--time-picker__select:not(:last-of-type) {\n margin: 0 0.125rem; }\n\n.bx--time-picker__input {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n\n.bx--time-picker .bx--select-input {\n min-width: auto;\n width: auto;\n padding-right: 3rem;\n line-height: 1; }\n\n.bx--time-picker__input-field {\n outline: 2px solid transparent;\n outline-offset: -2px;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.32px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 4.875rem;\n height: 2.5rem;\n -webkit-transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--slider-container {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.bx--slider {\n position: relative;\n width: 100%;\n margin: 0 1rem;\n max-width: 40rem;\n min-width: 12.5rem; }\n\n.bx--slider__range-label {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.25rem;\n letter-spacing: 0.32px;\n color: #171717; }\n .bx--slider__range-label:last-of-type {\n margin-right: 1rem; }\n\n.bx--slider__track {\n position: absolute;\n width: 100%;\n height: 0.125rem;\n background: #dcdcdc;\n cursor: pointer;\n -webkit-transform: translate(0%, -50%);\n transform: translate(0%, -50%); }\n\n.bx--slider__track:before {\n content: '';\n position: absolute;\n display: inline-block;\n height: 0.25rem;\n width: 0.125rem;\n left: 50%;\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0);\n top: -0.3125rem;\n background: #dcdcdc; }\n\n.bx--slider__filled-track {\n position: absolute;\n width: 100%;\n height: 0.125rem;\n background: #171717;\n -webkit-transform-origin: left;\n transform-origin: left;\n pointer-events: none;\n -webkit-transform: translate(0%, -50%);\n transform: translate(0%, -50%);\n -webkit-transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--slider__thumb {\n position: absolute;\n height: 0.875rem;\n width: 0.875rem;\n background: #171717;\n border-radius: 50%;\n -webkit-box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;\n box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;\n top: 0;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n -webkit-transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n cursor: pointer;\n outline: none;\n z-index: 3; }\n .bx--slider__thumb:hover {\n -webkit-transform: translate(-50%, -50%) scale(1.42857);\n transform: translate(-50%, -50%) scale(1.42857); }\n .bx--slider__thumb:focus {\n -webkit-transform: translate(-50%, -50%) scale(1.42857);\n transform: translate(-50%, -50%) scale(1.42857);\n -webkit-box-shadow: inset 0 0 0 2px #0062ff, inset 0 0 0 3px #f3f3f3;\n box-shadow: inset 0 0 0 2px #0062ff, inset 0 0 0 3px #f3f3f3;\n background-color: #0062ff; }\n .bx--slider__thumb:active {\n -webkit-transform: translate(-50%, -50%) scale(1.42857);\n transform: translate(-50%, -50%) scale(1.42857);\n -webkit-box-shadow: inset 0 0 0 2px #0062ff;\n box-shadow: inset 0 0 0 2px #0062ff; }\n\n.bx--slider__input {\n display: none; }\n\n.bx--slider-text-input,\n.bx-slider-text-input {\n width: 4rem;\n height: 2.5rem;\n padding: 0;\n text-align: center;\n -moz-appearance: textfield; }\n .bx--slider-text-input::-webkit-outer-spin-button, .bx--slider-text-input::-webkit-inner-spin-button,\n .bx-slider-text-input::-webkit-outer-spin-button,\n .bx-slider-text-input::-webkit-inner-spin-button {\n display: none; }\n\n.bx--slider__thumb:focus ~ .bx--slider__filled-track {\n background-color: #0062ff; }\n\n.bx--label--disabled\n~ .bx--slider-container\n> .bx--slider__range-label {\n color: #bebebe; }\n\n.bx--slider--disabled .bx--slider__thumb {\n background-color: #dcdcdc; }\n .bx--slider--disabled .bx--slider__thumb:hover {\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n cursor: not-allowed; }\n .bx--slider--disabled .bx--slider__thumb:focus {\n -webkit-box-shadow: none;\n box-shadow: none;\n outline: none;\n background-color: #dcdcdc;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%); }\n .bx--slider--disabled .bx--slider__thumb:active {\n background: #dcdcdc;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%); }\n\n.bx--slider--disabled .bx--slider__track,\n.bx--slider--disabled .bx--slider__filled-track,\n.bx--slider--disabled\n.bx--slider__thumb:focus\n~ .bx--slider__filled-track {\n background-color: #dcdcdc;\n cursor: not-allowed; }\n\n.bx--slider--disabled\n~ .bx--form-item\n.bx--slider-text-input,\n.bx--slider--disabled ~ .bx--slider-text-input {\n background-color: #f3f3f3;\n color: #bebebe;\n -webkit-transition: none;\n transition: none;\n cursor: not-allowed; }\n .bx--slider--disabled\n~ .bx--form-item\n.bx--slider-text-input:active, .bx--slider--disabled\n~ .bx--form-item\n.bx--slider-text-input:focus, .bx--slider--disabled\n~ .bx--form-item\n.bx--slider-text-input:hover,\n .bx--slider--disabled ~ .bx--slider-text-input:active,\n .bx--slider--disabled ~ .bx--slider-text-input:focus,\n .bx--slider--disabled ~ .bx--slider-text-input:hover {\n outline: none;\n color: #bebebe; }\n\n.bx--slider-container.bx--skeleton\n.bx--slider__range-label {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 1.25rem;\n height: 0.75rem; }\n .bx--slider-container.bx--skeleton\n.bx--slider__range-label:hover, .bx--slider-container.bx--skeleton\n.bx--slider__range-label:focus, .bx--slider-container.bx--skeleton\n.bx--slider__range-label:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--slider-container.bx--skeleton\n.bx--slider__range-label:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--slider-container.bx--skeleton\n.bx--slider__track {\n cursor: default;\n pointer-events: none; }\n\n.bx--slider-container.bx--skeleton\n.bx--slider__thumb {\n left: 50%;\n cursor: default;\n pointer-events: none; }\n\n.bx--tile {\n display: block;\n min-width: 8rem;\n min-height: 4rem;\n background-color: #f3f3f3;\n position: relative;\n padding: 1rem;\n outline: 2px solid transparent;\n outline-offset: -2px; }\n .bx--tile:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--tile--clickable,\n.bx--tile--selectable,\n.bx--tile--expandable {\n -webkit-transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n cursor: pointer; }\n .bx--tile--clickable:hover,\n .bx--tile--selectable:hover,\n .bx--tile--expandable:hover {\n background: #e5e5e5; }\n .bx--tile--clickable:hover .bx--tile__checkmark, .bx--tile--clickable:focus .bx--tile__checkmark,\n .bx--tile--selectable:hover .bx--tile__checkmark,\n .bx--tile--selectable:focus .bx--tile__checkmark,\n .bx--tile--expandable:hover .bx--tile__checkmark,\n .bx--tile--expandable:focus .bx--tile__checkmark {\n opacity: 1; }\n\n.bx--tile--clickable:focus,\n.bx--tile--expandable:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--tile--selectable {\n padding-right: 3rem; }\n\n.bx--tile__checkmark,\n.bx--tile__chevron {\n position: absolute;\n -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n border: none;\n background: transparent; }\n\n.bx--tile__checkmark {\n height: 1rem;\n top: 1rem;\n right: 1rem;\n opacity: 0; }\n .bx--tile__checkmark svg {\n border-radius: 50%;\n fill: #565656; }\n .bx--tile__checkmark:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--tile__chevron {\n position: absolute;\n bottom: 0.5rem;\n right: 0.5rem;\n height: 1rem; }\n .bx--tile__chevron svg {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n fill: #171717; }\n .bx--tile__chevron:hover {\n cursor: pointer; }\n .bx--tile__chevron:focus {\n outline: none; }\n\n.bx--tile--expandable {\n overflow: hidden;\n -webkit-transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tile-content__above-the-fold {\n display: block; }\n\n.bx--tile-content__below-the-fold {\n display: block;\n opacity: 0;\n -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tile--is-expanded {\n overflow: visible;\n -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n .bx--tile--is-expanded .bx--tile__chevron svg {\n -webkit-transform: rotate(-180deg);\n transform: rotate(-180deg); }\n .bx--tile--is-expanded .bx--tile-content__below-the-fold {\n opacity: 1;\n -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--tile--is-selected {\n outline: 1px solid #171717;\n outline-offset: -1px; }\n\n.bx--tile--is-selected .bx--tile__checkmark {\n opacity: 1; }\n\n.bx--tile-input:checked\n+ .bx--tile\n> .bx--tile__checkmark\nsvg {\n fill: #171717; }\n\n.bx--tile-content {\n width: 100%;\n height: 100%; }\n\n.bx--tile-input {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--skeleton__text {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n width: 100%;\n height: 1rem;\n margin-bottom: 0.5rem; }\n .bx--skeleton__text:hover, .bx--skeleton__text:focus, .bx--skeleton__text:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--skeleton__text:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--skeleton__heading {\n height: 1.5rem; }\n\n.bx--icon--skeleton {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n display: inline-block;\n width: 1rem;\n height: 1rem; }\n .bx--icon--skeleton:hover, .bx--icon--skeleton:focus, .bx--icon--skeleton:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--icon--skeleton:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n.bx--skeleton__placeholder {\n position: relative;\n border: none;\n padding: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n pointer-events: none;\n background: #e5e5e5;\n height: 6.25rem;\n width: 6.25rem; }\n .bx--skeleton__placeholder:hover, .bx--skeleton__placeholder:focus, .bx--skeleton__placeholder:active {\n border: none;\n outline: none;\n cursor: default; }\n .bx--skeleton__placeholder:before {\n content: '';\n width: 0%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: #bebebe;\n -webkit-animation: 3000ms ease-in-out skeleton infinite;\n animation: 3000ms ease-in-out skeleton infinite; }\n\n@keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes rotate-end-p1 {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes rotate-end-p2 {\n 100% {\n -webkit-transform: rotate(-360deg);\n transform: rotate(-360deg); } }\n\n/* Stroke animations */\n@keyframes init-stroke {\n 0% {\n stroke-dashoffset: 240; }\n 100% {\n stroke-dashoffset: 40; } }\n\n@keyframes stroke-end {\n 0% {\n stroke-dashoffset: 40; }\n 100% {\n stroke-dashoffset: 240; } }\n\n@-webkit-keyframes stroke {\n 100% {\n stroke-dashoffset: 0; } }\n\n@keyframes stroke {\n 100% {\n stroke-dashoffset: 0; } }\n\n.bx--inline-loading {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--inline-loading .bx--loading__svg circle {\n stroke-width: 12; }\n .bx--inline-loading .bx--loading__stroke {\n stroke-dashoffset: 99; }\n\n.bx--inline-loading__text {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: #565656; }\n\n.bx--inline-loading__animation {\n position: relative;\n width: 2rem;\n height: 2rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--inline-loading__checkmark-container {\n width: 0.75rem;\n position: absolute;\n top: 0.75rem; }\n .bx--inline-loading__checkmark-container[hidden] {\n display: none; }\n\n.bx--inline-loading__checkmark {\n fill: none;\n stroke: #0062ff;\n -webkit-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n stroke-width: 1.8;\n stroke-dasharray: 12;\n stroke-dashoffset: 12;\n -webkit-animation-name: stroke;\n animation-name: stroke;\n -webkit-animation-duration: 0.25s;\n animation-duration: 0.25s;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards; }\n\n.bx--loading--small .bx--inline-loading__svg {\n stroke: #0062ff; }\n\n/* If IE11 Don't show check animation */\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n .bx--inline-loading__checkmark-container {\n top: 1px;\n right: 0.5rem; }\n .bx--inline-loading__checkmark {\n -webkit-animation: none;\n animation: none;\n stroke-dashoffset: 0;\n stroke-dasharray: 0; } }\n\n.bx--pagination-nav {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n line-height: 0; }\n\n.bx--pagination-nav__list {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n list-style: none; }\n\n.bx--pagination-nav__list-item {\n padding: 0; }\n .bx--pagination-nav__list-item:first-child {\n padding-left: 0; }\n .bx--pagination-nav__list-item:last-child {\n padding-right: 0; }\n\n.bx--pagination-nav__page {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n border-radius: 0;\n color: #565656;\n display: block;\n font-weight: 400;\n line-height: 1;\n min-width: 3rem;\n outline: 0;\n padding: 1.0625rem 0.25rem;\n position: relative;\n text-align: center;\n text-decoration: none;\n -webkit-transition: background-color, color;\n transition: background-color, color;\n -webkit-transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n .bx--pagination-nav__page::-moz-focus-inner {\n border: 0; }\n .bx--pagination-nav__page:hover {\n background-color: #e5e5e5;\n color: #565656; }\n .bx--pagination-nav__page:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n .bx--pagination-nav__page:disabled, .bx--pagination-nav__page.bx--pagination-nav__page--disabled {\n background: none;\n color: rgba(86, 86, 86, 0.5);\n outline: none;\n pointer-events: none; }\n .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after {\n background-color: #0062ff;\n bottom: 0;\n content: '';\n display: block;\n height: 0.25rem;\n left: 50%;\n position: absolute;\n opacity: 0;\n -webkit-transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n width: 0; }\n .bx--pagination-nav__page--active + .bx--pagination-nav__page::after, .bx--pagination-nav__page.bx--pagination-nav__page--active::after {\n left: calc(50% - 0.5rem);\n opacity: 1;\n width: 1rem; }\n .bx--pagination-nav__page.bx--pagination-nav__page--active {\n background-color: initial;\n color: #565656;\n font-weight: 600;\n outline: none; }\n .bx--pagination-nav__page .bx--pagination-nav__icon {\n fill: currentColor;\n pointer-events: none; }\n\n.bx--pagination-nav__page--direction {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 3rem;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n line-height: 0;\n width: 3rem; }\n\n.bx--pagination-nav__select {\n position: relative; }\n\n.bx--pagination-nav__page--select {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n max-height: 3rem;\n text-indent: calc(50% - 4.5px); }\n\n@-moz-document url-prefix() {\n .bx--pagination-nav__page--select {\n text-indent: 0; } }\n\n.bx--pagination-nav__select-icon-wrapper {\n height: 100%;\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%; }\n .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after {\n background-color: #0062ff;\n bottom: 0;\n content: '';\n display: block;\n height: 0.25rem;\n left: 50%;\n position: absolute;\n opacity: 0;\n -webkit-transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n width: 0; }\n .bx--pagination-nav__page--active + .bx--pagination-nav__select-icon-wrapper::after, .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active::after {\n left: calc(50% - 0.5rem);\n opacity: 1;\n width: 1rem; }\n .bx--pagination-nav__page--active + .bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon {\n display: none; }\n\n.bx--pagination-nav__select-icon {\n left: calc(50% - 0.5rem);\n pointer-events: none;\n position: absolute;\n top: calc(50% - 0.5rem); }\n\n.bx--pagination-nav__accessibility-label {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--header {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 3rem;\n background-color: #171717;\n border-bottom: 1px solid #3d3d3d;\n z-index: 6000; }\n\n.bx--header__action {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n width: 3rem;\n height: 3rem;\n border: 0.125rem solid transparent;\n -webkit-transition: background-color 110ms, border-color 110ms;\n transition: background-color 110ms, border-color 110ms; }\n .bx--header__action::-moz-focus-inner {\n border: 0; }\n\n.bx--header__action\n> svg.bx--navigation-menu-panel-collapse-icon,\n.bx--header__action--active\n> svg.bx--navigation-menu-panel-expand-icon {\n display: none; }\n\n.bx--header__action--active\n> svg.bx--navigation-menu-panel-collapse-icon {\n display: inline; }\n\n.bx--header__action\n> svg.bx--navigation-menu-panel-collapse-icon,\n.bx--header__action--active\n> svg.bx--navigation-menu-panel-expand-icon {\n display: none; }\n\n.bx--header__action--active\n> svg.bx--navigation-menu-panel-collapse-icon {\n display: inline; }\n\n.bx--header__action:hover {\n background-color: #353535; }\n\n.bx--header__action--active {\n border-left: 1px solid #3d3d3d;\n border-right: 1px solid #3d3d3d;\n border-bottom: 1px solid #171717; }\n\n.bx--header__action:focus {\n border-color: #ffffff;\n outline: none; }\n\n.bx--header__action:active {\n background-color: #3d3d3d; }\n\n.bx--header__action > svg {\n fill: #ffffff; }\n\n.bx--header__menu-trigger {\n margin-right: -0.5rem; }\n\n.bx--header__menu-trigger > svg {\n fill: #f3f3f3; }\n\n.bx--header__menu-trigger:hover {\n fill: #2c2c2c; }\n\n.bx--header__menu-toggle {\n display: block; }\n\n@media (min-width: 66rem) {\n .bx--header__menu-toggle__hidden {\n display: none; } }\n\na.bx--header__name {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 100%;\n padding: 0 2rem 0 1rem;\n text-decoration: none;\n font-weight: 600;\n letter-spacing: 0.1px;\n line-height: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 0.125rem solid transparent;\n -webkit-transition: border-color 110ms;\n transition: border-color 110ms;\n outline: none; }\n\na.bx--header__name:focus {\n border-color: #ffffff; }\n\n.bx--header__name--prefix {\n font-weight: 400; }\n\na.bx--header__name,\na.bx--header__name:hover {\n color: #f3f3f3; }\n\n.bx--header__nav {\n height: 100%;\n padding-left: 1rem;\n position: relative;\n display: block; }\n @media (max-width: 66rem) {\n .bx--header__nav {\n display: none; } }\n .bx--header__nav::before {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n height: 1.5rem;\n width: 0.0625rem;\n background-color: #3d3d3d; }\n\n.bx--header__menu-bar[role='menubar'] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 100%; }\n\na.bx--header__menu-item[role='menuitem'] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #bebebe;\n padding: 0 1rem;\n height: 100%;\n font-size: 0.875rem;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 1.125rem;\n text-decoration: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 2px solid transparent;\n -webkit-transition: background-color 110ms, border-color 110ms, color 110ms;\n transition: background-color 110ms, border-color 110ms, color 110ms; }\n\na.bx--header__menu-item[role='menuitem']:hover {\n background-color: #2c2c2c;\n color: #f3f3f3; }\n\n.bx--header__action:active,\na.bx--header__menu-item[role='menuitem']:active {\n background-color: #3d3d3d;\n color: #f3f3f3; }\n\na.bx--header__menu-item[role='menuitem']:focus {\n border-color: #ffffff;\n color: #f3f3f3;\n outline: none; }\n\na.bx--header__menu-item[role='menuitem']:hover > svg,\na.bx--header__menu-item[role='menuitem']:active > svg,\na.bx--header__menu-item[role='menuitem']:focus > svg {\n fill: #f3f3f3; }\n\n.bx--header__submenu {\n position: relative; }\n\n.bx--header__menu-title[role='menuitem'][aria-haspopup='true'] {\n position: relative; }\n\n.bx--header__menu-title[role='menuitem'][aria-expanded='true'] {\n background-color: #282828;\n color: #ffffff;\n z-index: 6001; }\n\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']\n> .bx--header__menu-arrow {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg); }\n\n.bx--header__menu[role='menu'] {\n display: none; }\n\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']\n+ .bx--header__menu {\n position: absolute;\n bottom: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 12.5rem;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n background-color: #282828;\n -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);\n z-index: 6000; }\n\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']\n+ .bx--header__menu\n.bx--header__menu-item:hover {\n background-color: #353535; }\n\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']\n+ .bx--header__menu\n.bx--header__menu-item:active {\n background-color: #3d3d3d; }\n\n.bx--header__menu .bx--header__menu-item[role='menuitem'] {\n height: 3rem; }\n\n.bx--header__menu\n.bx--header__menu-item[role='menuitem']:hover {\n background-color: #282828;\n color: #f3f3f3; }\n\n.bx--header__menu-arrow {\n fill: #bebebe;\n margin-left: 0.5rem;\n -webkit-transition: fill 110ms, -webkit-transform 110ms;\n transition: fill 110ms, -webkit-transform 110ms;\n transition: transform 110ms, fill 110ms;\n transition: transform 110ms, fill 110ms, -webkit-transform 110ms; }\n\n.bx--header__global {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n height: 100%; }\n\n.bx--skip-to-content {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n visibility: visible;\n white-space: nowrap; }\n\n.bx--skip-to-content:focus {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n top: 0;\n left: 0;\n width: auto;\n height: 3rem;\n clip: auto;\n border: 4px solid #0062ff;\n z-index: 9999;\n background-color: #171717;\n color: #f3f3f3;\n outline: none;\n padding: 0 1rem; }\n\n.bx--header-panel {\n -webkit-transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);\n position: fixed;\n top: 3rem;\n bottom: 0;\n right: 0;\n width: 0;\n background-color: #171717;\n border: none;\n will-change: width;\n -webkit-transition: width 0.11s;\n transition: width 0.11s;\n overflow: hidden;\n z-index: 6000;\n color: #bebebe; }\n\n.bx--header-panel--expanded {\n width: 16rem;\n border-left: 1px solid #3d3d3d;\n border-right: 1px solid #3d3d3d; }\n\n.bx--panel--overlay {\n position: fixed;\n top: 3rem;\n right: 0;\n bottom: 0;\n width: 16rem;\n will-change: transform;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n padding: 1rem 0;\n overflow-y: auto;\n z-index: 1000;\n background-color: #171717;\n height: 100%;\n overflow-x: hidden;\n -webkit-transition: -webkit-transform 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: -webkit-transform 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: transform 0.11s cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 0.11s cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n.bx--panel--expanded {\n -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25);\n box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0); }\n\n.bx--product-switcher__search {\n padding: 0 1rem;\n margin-bottom: 1.5rem; }\n\n.bx--search--shell input {\n background-color: #dcdcdc; }\n\n.bx--product-switcher__subheader,\n.bx--product-switcher__all-btn {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n padding: 0.5rem;\n color: #bebebe; }\n\n.bx--product-switcher__subheader {\n padding-left: 3.5rem; }\n\n.bx--product-switcher__all-btn {\n padding-left: 3.5rem; }\n\n.bx--product-switcher__all-btn,\n.bx--product-switcher__back-btn {\n display: inline-block;\n background: transparent;\n width: 100%;\n border: none;\n color: #0062ff;\n cursor: pointer;\n text-align: left; }\n\n.bx--product-switcher__all-btn:hover,\n.bx--product-switcher__back-btn:hover {\n text-decoration: underline; }\n\n.bx--product-switcher__all-btn:focus,\n.bx--product-switcher__back-btn:focus {\n outline: none;\n -webkit-box-shadow: inset 0 0 0 3px #0062ff;\n box-shadow: inset 0 0 0 3px #0062ff; }\n\n.bx--product-switcher__back-btn {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n padding: 0.5rem 1rem; }\n\n.bx--product-switcher__back-arrow {\n fill: #0062ff;\n margin-right: 1rem; }\n\n.bx--product-list__item {\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--product-list__item:hover {\n background: #dcdcdc; }\n\n.bx--product-link {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 100%;\n padding: 0.5rem 1rem;\n text-decoration: none; }\n\n.bx--product-link:focus {\n outline: none;\n -webkit-box-shadow: inset 0 0 0 3px #0062ff;\n box-shadow: inset 0 0 0 3px #0062ff; }\n\n.bx--product-switcher__icon {\n margin-right: 1rem; }\n\n.bx--product-link__name {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n margin-left: 0.25rem;\n font-weight: 400;\n color: #bebebe; }\n\n.bx--product-switcher__product-list .bx--overflow-menu {\n display: none;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 2.5rem; }\n .bx--product-switcher__product-list .bx--overflow-menu.bx--overflow-menu--open {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--product-switcher__product-list .bx--overflow-menu > svg {\n fill: #bebebe; }\n\n.bx--product-switcher__product-list .bx--overflow-menu:hover {\n background: #bebebe; }\n\n.bx--product-switcher__product-list\n.bx--overflow-menu:hover\n> svg {\n fill: #bebebe; }\n\n.bx--product-switcher__product-list .bx--overflow-menu:focus {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n outline: none;\n -webkit-box-shadow: inset 0 0 0 3px #0062ff;\n box-shadow: inset 0 0 0 3px #0062ff; }\n\n.bx--product-switcher__product-list\n.bx--overflow-menu-options__option:hover {\n background: #ffffff; }\n\n.bx--product-list__item:hover .bx--overflow-menu {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.bx--switcher {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #bebebe; }\n\n.bx--switcher__item {\n width: 100%;\n height: 2rem; }\n\n.bx--switcher__item:nth-child(1) {\n margin-top: 1rem; }\n\n.bx--switcher__item--divider {\n display: block;\n width: 14rem;\n height: 1px;\n margin: 0.5rem 1rem;\n background: #3d3d3d;\n border: none; }\n\n.bx--switcher__item-link {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n display: block;\n height: 2rem;\n text-decoration: none;\n padding: 0.375rem 1rem;\n color: #bebebe; }\n .bx--switcher__item-link:hover:not(.bx--switcher__item-link--selected) {\n background: #2c2c2c;\n color: #f3f3f3;\n cursor: pointer; }\n .bx--switcher__item-link:focus {\n outline: 2px solid #ffffff;\n outline-offset: -2px; }\n .bx--switcher__item-link:active {\n background: #3d3d3d;\n color: #f3f3f3; }\n\n.bx--switcher__item-link--selected {\n background: #282828;\n color: #f3f3f3; }\n\n.bx--side-nav {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n width: 3rem;\n max-width: 16rem;\n color: #565656;\n background-color: #ffffff;\n will-change: width;\n -webkit-transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);\n transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);\n overflow: hidden;\n z-index: 6000; }\n\n.bx--side-nav--ux {\n top: 3rem;\n width: 16rem; }\n @media (max-width: 66rem) {\n .bx--side-nav--ux {\n width: 0; } }\n\n.bx--side-nav--rail {\n width: 3rem; }\n\n.bx--side-nav--hidden {\n width: 0; }\n\n.bx--side-nav:not(.bx--side-nav--fixed):hover,\n.bx--side-nav--expanded {\n width: 16rem; }\n\n.bx--side-nav__overlay {\n position: absolute;\n top: 3rem;\n height: 0;\n width: 0;\n background-color: transparent;\n opacity: 0;\n -webkit-transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9); }\n\n@media (max-width: 66rem) {\n .bx--side-nav__overlay-active {\n height: 100vh;\n width: 100%;\n background-color: rgba(23, 23, 23, 0.5);\n opacity: 1;\n -webkit-transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);\n transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9); } }\n\n.bx--header ~ .bx--side-nav {\n top: 3rem;\n height: calc(100% - 48px); }\n\n.bx--side-nav--fixed {\n width: 16rem; }\n\n.bx--side-nav--collapsed {\n width: 16rem;\n -webkit-transform: translateX(-16rem);\n transform: translateX(-16rem); }\n\n.bx--side-nav__navigation {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n height: 100%; }\n\n.bx--side-nav__header {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n border-bottom: 1px solid #3d3d3d;\n width: 100%;\n height: 3rem;\n max-width: 100%; }\n .bx--side-nav:hover .bx--side-nav__header,\n .bx--side-nav--fixed .bx--side-nav__header,\n .bx--side-nav--expanded .bx--side-nav__header {\n height: auto; }\n\n.bx--side-nav--ux .bx--side-nav__header {\n height: auto; }\n\n.bx--side-nav__details {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n padding-right: 1rem;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n min-width: 0;\n opacity: 0;\n visibility: hidden; }\n .bx--side-nav:hover .bx--side-nav__details,\n .bx--side-nav--fixed .bx--side-nav__details,\n .bx--side-nav--expanded .bx--side-nav__details {\n visibility: visible;\n opacity: 1; }\n\n.bx--side-nav--ux .bx--side-nav__details {\n opacity: 1;\n visibility: inherit; }\n\n.bx--side-nav__title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 0.875rem;\n font-weight: 600;\n letter-spacing: 0.1px;\n margin-top: 1rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.bx--side-nav__title,\n.bx--side-nav__select {\n padding-left: 0.5rem; }\n\n.bx--side-nav__switcher {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between; }\n\n.bx--side-nav__switcher-chevron {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n position: absolute;\n top: 0;\n right: 0.5rem;\n bottom: 0;\n fill: #565656; }\n\n.bx--side-nav__select {\n outline: 2px solid transparent;\n outline-offset: -2px;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n background-color: #171717;\n color: #f3f3f3;\n height: 100%;\n border: none;\n border-radius: 0;\n cursor: pointer;\n font-size: 0.75rem;\n height: 2rem;\n min-width: 0;\n padding-right: 2rem;\n -webkit-transition: outline 110ms;\n transition: outline 110ms; }\n\n.bx--side-nav__select:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--side-nav__footer {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 3rem;\n flex: 0 0 3rem;\n width: 100%;\n background-color: #ffffff; }\n\n.bx--side-nav__toggle {\n outline: 2px solid transparent;\n outline-offset: -2px;\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n text-align: left;\n -webkit-transition: outline 110ms;\n transition: outline 110ms; }\n .bx--side-nav__toggle::-moz-focus-inner {\n border: 0; }\n\n.bx--side-nav__toggle:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--side-nav__toggle {\n padding-left: 1rem; }\n\n.bx--side-nav__items {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 0%;\n flex: 1 1 0%;\n overflow: hidden;\n padding: 1rem 0 0; }\n .bx--side-nav:hover .bx--side-nav__items,\n .bx--side-nav--fixed .bx--side-nav__items,\n .bx--side-nav--expanded .bx--side-nav__items {\n overflow-y: auto; }\n\n.bx--side-nav--ux .bx--side-nav__items {\n overflow-y: auto; }\n\n.bx--side-nav__item {\n width: 3rem;\n height: 3rem;\n overflow: hidden; }\n .bx--side-nav:hover .bx--side-nav__item,\n .bx--side-nav--fixed .bx--side-nav__item,\n .bx--side-nav--expanded .bx--side-nav__item {\n width: auto;\n height: auto; }\n\n.bx--side-nav--ux .bx--side-nav__item {\n width: auto;\n height: auto; }\n\n.bx--side-nav__item:not(.bx--side-nav__item--active):hover\n.bx--side-nav__item:not(.bx--side-nav__item--active)\n> .bx--side-nav__submenu:hover,\n.bx--side-nav__item:not(.bx--side-nav__item--active)\n> .bx--side-nav__link:hover,\n.bx--side-nav__menu[role='menu']\na.bx--side-nav__link[role='menuitem']:not(.bx--side-nav__link--current):not([aria-current='page']):hover,\n.bx--side-nav a.bx--header__menu-item[role='menuitem']:hover,\n.bx--side-nav\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']:hover {\n background-color: #e5e5e5;\n color: #171717; }\n\n.bx--side-nav__item:not(.bx--side-nav__item--active)\n> .bx--side-nav__link:hover\n> span,\n.bx--side-nav__item:not(.bx--side-nav__item--active)\n.bx--side-nav__menu-item\n> .bx--side-nav__link:hover\n> span {\n color: #171717; }\n\n.bx--side-nav__submenu[aria-haspopup='true'] {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n outline: 2px solid transparent;\n outline-offset: -2px;\n padding: 0 1rem;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #565656;\n height: 2rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transition: color 110ms, background-color 110ms, outline 110ms;\n transition: color 110ms, background-color 110ms, outline 110ms; }\n .bx--side-nav__submenu[aria-haspopup='true']::-moz-focus-inner {\n border: 0; }\n\n.bx--side-nav__submenu:hover {\n background-color: #e5e5e5;\n color: #171717; }\n\n.bx--side-nav__submenu:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\n.bx--side-nav__submenu-title {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left; }\n\n.bx--side-nav__icon.bx--side-nav__submenu-chevron {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end; }\n\n.bx--side-nav__submenu-chevron > svg {\n -webkit-transition: -webkit-transform 110ms;\n transition: -webkit-transform 110ms;\n transition: transform 110ms;\n transition: transform 110ms, -webkit-transform 110ms;\n height: 1rem;\n width: 1rem; }\n\n.bx--side-nav__submenu[aria-expanded='true']\n.bx--side-nav__submenu-chevron\n> svg {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg); }\n\n.bx--side-nav__item--active .bx--side-nav__submenu:hover {\n background-color: #e5e5e5;\n color: #171717; }\n\n.bx--side-nav__item--active\n.bx--side-nav__submenu[aria-expanded='false'] {\n background-color: #e5e5e5;\n color: #171717;\n position: relative; }\n .bx--side-nav__item--active\n.bx--side-nav__submenu[aria-expanded='false']::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 4px;\n background-color: #0062ff; }\n\n.bx--side-nav__item--active .bx--side-nav__submenu-title {\n font-weight: 600;\n color: #171717; }\n\n.bx--side-nav__menu[role='menu'] {\n display: block;\n visibility: hidden;\n max-height: 0; }\n\n.bx--side-nav__submenu[aria-expanded='true']\n+ .bx--side-nav__menu[role='menu'] {\n max-height: 93.75rem;\n visibility: inherit; }\n\n.bx--side-nav__menu[role='menu']\na.bx--side-nav__link[role='menuitem'] {\n height: 2rem;\n min-height: 2rem;\n padding-left: 2rem;\n font-weight: 400; }\n\n.bx--side-nav__item.bx--side-nav__item--icon\na.bx--side-nav__link[role='menuitem'] {\n padding-left: 4.5rem; }\n\n.bx--side-nav__menu[role='menu']\na.bx--side-nav__link--current,\n.bx--side-nav__menu[role='menu']\na.bx--side-nav__link[aria-current='page'],\na.bx--side-nav__link--current {\n background-color: #dcdcdc; }\n .bx--side-nav__menu[role='menu']\na.bx--side-nav__link--current > span,\n .bx--side-nav__menu[role='menu']\na.bx--side-nav__link[aria-current='page'] > span,\n a.bx--side-nav__link--current > span {\n color: #171717;\n font-weight: 600; }\n\na.bx--side-nav__link--current > span.bx--side-nav__link-text {\n color: #171717;\n font-weight: 600; }\n\na.bx--side-nav__link,\n.bx--side-nav a.bx--header__menu-item[role='menuitem'],\n.bx--side-nav\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']\n+ .bx--header__menu {\n outline: 2px solid transparent;\n outline-offset: -2px;\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n text-decoration: none;\n min-height: 2rem;\n padding: 0 1rem;\n -webkit-transition: color 110ms, background-color 110ms, outline 110ms;\n transition: color 110ms, background-color 110ms, outline 110ms; }\n\na.bx--side-nav__link > .bx--side-nav__link-text,\n.bx--side-nav\na.bx--header__menu-item[role='menuitem']\n.bx--text-truncate-end {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: #565656;\n font-size: 0.875rem;\n letter-spacing: 0.1px;\n line-height: 1.25rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\na.bx--side-nav__link:focus,\n.bx--side-nav a.bx--header__menu-item[role='menuitem']:focus {\n outline: 2px solid #0062ff;\n outline-offset: -2px; }\n\na.bx--side-nav__link[aria-current='page'],\na.bx--side-nav__link--current {\n font-weight: 600; }\n\na.bx--side-nav__link[aria-current='page']::before,\na.bx--side-nav__link--current::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 4px;\n background-color: #0062ff; }\n\n.bx--side-nav__icon {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-flex: 0;\n -ms-flex: 0 0 1rem;\n flex: 0 0 1rem; }\n\n.bx--side-nav__icon:not(.bx--side-nav__submenu-chevron) {\n margin-right: 1.5rem; }\n\n.bx--side-nav__icon > svg {\n fill: #565656;\n width: 1rem;\n height: 1rem; }\n\n.bx--side-nav__icon > svg.bx--side-nav-collapse-icon {\n display: none; }\n\n.bx--side-nav--expanded\n.bx--side-nav__icon\n> svg.bx--side-nav-expand-icon {\n display: none; }\n\n.bx--side-nav--expanded\n.bx--side-nav__icon\n> svg.bx--side-nav-collapse-icon {\n display: block; }\n\n.bx--side-nav--fixed a.bx--side-nav__link,\n.bx--side-nav--fixed\n.bx--side-nav__submenu[aria-haspopup='true'] {\n padding-left: 1rem; }\n\n.bx--side-nav--fixed\n.bx--side-nav__menu[role='menu']\na.bx--side-nav__link {\n padding-left: 2rem; }\n\n@media (max-width: 66rem) {\n .bx--side-nav .bx--header__nav {\n display: block; } }\n\n.bx--side-nav__header-navigation {\n display: none; }\n @media (max-width: 66rem) {\n .bx--side-nav__header-navigation {\n display: block;\n position: relative;\n margin-bottom: 2rem; } }\n\n.bx--side-nav__header-divider::after {\n content: '';\n position: absolute;\n height: 0.0625rem;\n bottom: -1rem;\n left: 1rem;\n width: calc(100% - 32px);\n background: #dcdcdc; }\n\n.bx--side-nav a.bx--header__menu-item[role='menuitem'] {\n color: #565656;\n white-space: nowrap;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between; }\n .bx--side-nav a.bx--header__menu-item[role='menuitem'][aria-expanded='true'] {\n background-color: transparent; }\n\n.bx--side-nav\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']\n+ .bx--header__menu {\n bottom: inherit;\n width: 100%;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-transform: none;\n transform: none;\n background-color: transparent;\n padding: 0; }\n .bx--side-nav\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']\n+ .bx--header__menu li {\n width: 100%; }\n .bx--side-nav\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']\n+ .bx--header__menu a.bx--header__menu-item[role='menuitem'] {\n padding-left: 4.25rem;\n font-weight: 400; }\n .bx--side-nav\n.bx--header__menu-title[role='menuitem'][aria-expanded='true']\n+ .bx--header__menu a.bx--header__menu-item[role='menuitem']:hover {\n background-color: #e5e5e5;\n color: #171717; }\n\n.bx--side-nav\n.bx--header__menu\na.bx--header__menu-item[role='menuitem'] {\n height: inherit; }\n\n.bx--side-nav\na.bx--header__menu-item[role='menuitem']:hover\n.bx--header__menu-arrow,\n.bx--side-nav\na.bx--header__menu-item[role='menuitem']:focus\n.bx--header__menu-arrow,\n.bx--side-nav .bx--header__menu-arrow {\n fill: #565656; }\n\n.bx--navigation {\n position: fixed;\n top: 3rem;\n bottom: 0;\n left: 0;\n background-color: #282828;\n width: 16rem;\n z-index: 9100;\n -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.25);\n box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.25);\n color: #f3f3f3; }\n\n.bx--navigation--right {\n left: auto;\n right: 0; }\n\n.bx--navigation svg {\n fill: #f3f3f3; }\n\n.bx--navigation-section:not(:last-child)::after {\n display: block;\n content: '';\n height: 1px;\n background-color: #3d3d3d;\n margin: 0 1rem; }\n\n.bx--navigation-item {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n\n.bx--navigation-item--active > a.bx--navigation-link {\n color: #ffffff;\n font-weight: 600; }\n\n.bx--navigation-item--active::after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 4px;\n background-color: #0062ff; }\n\na.bx--navigation-link {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: #f3f3f3;\n text-decoration: none;\n font-size: 0.875rem;\n font-weight: 400;\n width: 100%;\n min-height: 2.5rem;\n padding-left: 1rem; }\n\na.bx--navigation-link:hover {\n background-color: #333333;\n color: #ffffff; }\n\na.bx--navigation-link:focus {\n outline: 0.1875rem solid #0062ff;\n outline-offset: -0.1875rem; }\n\n.bx--navigation-item--icon > a.bx--navigation-link {\n padding-left: 0; }\n\n.bx--navigation__category {\n width: 100%; }\n\n.bx--navigation__category-toggle {\n display: inline-block;\n background: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n padding: 0;\n cursor: pointer;\n width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n .bx--navigation__category-toggle::-moz-focus-inner {\n border: 0; }\n\n.bx--navigation__category-toggle:hover {\n background-color: #333333; }\n\n.bx--navigation__category-toggle:focus {\n outline: 0.1875rem solid #0062ff;\n outline-offset: -0.1875rem; }\n\n.bx--navigation__category-title {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding-right: 1rem;\n width: 100%;\n color: #f3f3f3;\n font-size: 0.875rem;\n font-weight: 400;\n min-height: 2.5rem;\n padding-left: 1rem; }\n\n.bx--navigation-item--icon .bx--navigation__category-title {\n padding-left: 0; }\n\n.bx--navigation__category-items {\n display: none;\n visibility: hidden; }\n\n.bx--navigation__category-item > a.bx--navigation-link {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: 2rem;\n padding-left: 2rem; }\n\n.bx--navigation__category-item {\n position: relative; }\n\n.bx--navigation-item--icon\n.bx--navigation__category-item\n> a.bx--navigation-link {\n padding-left: 3.5rem; }\n\n.bx--navigation__category-item--active::after {\n content: '';\n position: absolute;\n display: block;\n top: 0;\n bottom: 0;\n left: 0;\n width: 4px;\n background-color: #0062ff; }\n\n.bx--navigation__category-item--active\n> a.bx--navigation-link {\n font-weight: 600;\n color: #ffffff; }\n\n.bx--navigation__category--expanded\n.bx--navigation__category-title {\n font-weight: 600; }\n\n.bx--navigation__category--expanded\n.bx--navigation__category-title\n> svg {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg); }\n\n.bx--navigation__category--expanded\n.bx--navigation__category-items {\n display: block;\n visibility: inherit; }\n\n.bx--navigation-icon {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 3rem;\n min-width: 3rem;\n height: 2.5rem;\n margin-right: 0.5rem; }\n\n.bx--content {\n background: #ffffff;\n padding: 2rem;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n will-change: margin-left; }\n\n.bx--header ~ .bx--content {\n margin-top: 3rem; }\n\n.bx--side-nav ~ .bx--content {\n margin-left: 3rem; }\n\n.bx--side-nav.bx--side-nav--expanded ~ .bx--content {\n margin-left: 16rem; }\n\n.sb-show-main:not(.full-page) {\n padding: 3em;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n", ""]);
|
|
95
95
|
|
|
96
96
|
|
|
97
97
|
|
|
@@ -701,7 +701,7 @@ var Breadcrumb = /** @class */ (function () {
|
|
|
701
701
|
Breadcrumb = __decorate([
|
|
702
702
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
|
|
703
703
|
selector: "ibm-breadcrumb",
|
|
704
|
-
template: "\n\t<nav #nav class=\"bx--breadcrumb\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--skeleton' : skeleton,\n\t\t\t'bx--breadcrumb--no-trailing-slash' : noTrailingSlash\n\t\t}\"\n\t\t[attr.aria-label]=\"ariaLabel\">\n\t\t<ng-template [ngIf]=\"shouldShowContent\">\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"!shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t[href]=\"item.href\">\n\t\t\t\t{{item.content}}\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item [href]=\"first?.href\">\n\t\t\t\t{{first?.content}}\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item>\n\t\t\t\t<ibm-overflow-menu>\n\t\t\t\t\t<li class=\"bx--overflow-menu-options__option\"\n\t\t\t\t\t\t*ngFor=\"let item of overflowItems\">\n\t\t\t\t\t\t<a class=\"bx--overflow-menu-options__btn\"\n\t\t\t\t\t\t\thref=\"{{item?.href}}\"\n\t\t\t\t\t\t\tstyle=\"text-decoration: none;\">\n\t\t\t\t\t\t\t{{item?.content}}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</ibm-overflow-menu>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"secondLast?.href\">\n\t\t\t\t{{secondLast?.content}}\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"last?.href\">\n\t\t\t\t{{last?.content}}\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t</nav>"
|
|
704
|
+
template: "\n\t<nav #nav class=\"bx--breadcrumb\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--skeleton' : skeleton,\n\t\t\t'bx--breadcrumb--no-trailing-slash' : noTrailingSlash\n\t\t}\"\n\t\t[attr.aria-label]=\"ariaLabel\">\n\t\t<ng-template [ngIf]=\"shouldShowContent\">\n\t\t\t<ng-content></ng-content>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"!shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item\n\t\t\t\t*ngFor=\"let item of items\"\n\t\t\t\t[href]=\"item.href\">\n\t\t\t\t<ng-container *ngIf=\"!item.template\">{{item.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"item.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"item.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t\t<ng-template [ngIf]=\"shouldShowOverflow\">\n\t\t\t<ibm-breadcrumb-item [href]=\"first?.href\">\n\t\t\t\t<ng-container *ngIf=\"!first?.template\">{{first?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"first?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: first }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item>\n\t\t\t\t<ibm-overflow-menu>\n\t\t\t\t\t<li class=\"bx--overflow-menu-options__option\"\n\t\t\t\t\t\t*ngFor=\"let item of overflowItems\">\n\t\t\t\t\t\t<a class=\"bx--overflow-menu-options__btn\"\n\t\t\t\t\t\t\thref=\"{{item?.href}}\"\n\t\t\t\t\t\t\tstyle=\"text-decoration: none;\">\n\t\t\t\t\t\t\t<ng-container *ngIf=\"!item?.template\">{{item?.content}}</ng-container>\n\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t*ngIf=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"item?.template\"\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: item }\">\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</ibm-overflow-menu>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"secondLast?.href\">\n\t\t\t\t<ng-container *ngIf=\"!secondLast?.template\">{{secondLast?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"secondLast?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: secondLast }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t\t<ibm-breadcrumb-item [href]=\"last?.href\">\n\t\t\t\t<ng-container *ngIf=\"!last?.template\">{{last?.content}}</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutlet]=\"last?.template\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: last }\">\n\t\t\t\t</ng-template>\n\t\t\t</ibm-breadcrumb-item>\n\t\t</ng-template>\n\t</nav>"
|
|
705
705
|
})
|
|
706
706
|
], Breadcrumb);
|
|
707
707
|
return Breadcrumb;
|
|
@@ -792,19 +792,24 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
792
792
|
/* harmony import */ var _storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__);
|
|
793
793
|
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ */ "./src/index.ts");
|
|
794
794
|
var withStorySource = __webpack_require__(/*! @storybook/addon-storysource */ "./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource;
|
|
795
|
-
var __STORY__ = "import { storiesOf, moduleMetadata } from '@storybook/angular';\nimport { withKnobs, boolean, number } from '@storybook/addon-knobs/angular';\n\nimport { BreadcrumbModule, DialogModule, DocumentationModule } from '../';\nimport { BreadcrumbItem } from '../breadcrumb/breadcrumb-item.interface';\n\nlet breadcrumbItems;\n\nconst createBreadcrumbItems = (count: number): Array<BreadcrumbItem> => {\n if (breadcrumbItems && count === breadcrumbItems.length) {\n return breadcrumbItems;\n }\n breadcrumbItems = Array(count)\n .fill(0)\n .map((x, i) => ({
|
|
796
|
-
var __ADDS_MAP__ = { "breadcrumb--documentation": { "startLoc": { "col": 7, "line":
|
|
795
|
+
var __STORY__ = "import { storiesOf, moduleMetadata } from '@storybook/angular';\nimport { withKnobs, boolean, number, text } from '@storybook/addon-knobs/angular';\n\nimport { BreadcrumbModule, DialogModule, DocumentationModule } from '../';\nimport { BreadcrumbItem } from '../breadcrumb/breadcrumb-item.interface';\n\nlet breadcrumbItems;\n\nconst createBreadcrumbItems = (count: number, content = 'Breadcrumb'): Array<BreadcrumbItem> => {\n if (breadcrumbItems && count === breadcrumbItems.length) {\n return breadcrumbItems;\n }\n breadcrumbItems = Array(count)\n .fill(0)\n .map((x, i) => ({\n content: `${content} ${i + 1}`,\n href: '#' + (i + 1),\n }));\n return breadcrumbItems;\n};\n\nconst withTemplate = (templateRef, items) =>\n items.map(item => Object.assign(item, { template: templateRef }));\n\nstoriesOf('Breadcrumb', module)\n .addDecorator(\n moduleMetadata({\n imports: [BreadcrumbModule, DialogModule, DocumentationModule],\n })\n )\n .addDecorator(withKnobs)\n .add('Basic', () => ({\n template: `\n\t<ibm-breadcrumb [noTrailingSlash]=\"noTrailingSlash\">\n\t\t<ibm-breadcrumb-item href=\"#1\">\n\t\t\tBreadcrumb 1\n\t\t</ibm-breadcrumb-item>\n\t\t<ibm-breadcrumb-item href=\"#2\">\n\t\t\tBreadcrumb 2\n\t\t</ibm-breadcrumb-item>\n\t\t<ibm-breadcrumb-item href=\"#3\">\n\t\t\tBreadcrumb 3\n\t\t</ibm-breadcrumb-item>\n\t\t<ibm-breadcrumb-item href=\"#4\">\n\t\t\tBreadcrumb 4\n\t\t</ibm-breadcrumb-item>\n\t</ibm-breadcrumb>`,\n props: {\n noTrailingSlash: boolean('noTrailingSlash', true),\n },\n }))\n .add('Model', () => ({\n template: `\n\t<ibm-breadcrumb\n\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t[threshold]=\"threshold\"\n\t\t[items]=\"createBreadcrumbItems(itemCount, content)\">\n\t</ibm-breadcrumb>`,\n props: {\n noTrailingSlash: boolean('noTrailingSlash', true),\n itemCount: number('itemCount', 10),\n threshold: number('threshold', 4),\n content: text('Content for the items', 'Breadcrumb'),\n createBreadcrumbItems,\n },\n }))\n .add('Model with templates', () => ({\n template: `\n\t<ng-template #breadcrumbTemplate let-item>\n\t\t{{ templateContent }}{{ item.content }}\n\t</ng-template>\n\t<ibm-breadcrumb\n\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t[threshold]=\"threshold\"\n\t\t[items]=\"withTemplate(breadcrumbTemplate, createBreadcrumbItems(itemCount, content))\">\n\t</ibm-breadcrumb>\n\t`,\n props: {\n noTrailingSlash: boolean('noTrailingSlash', true),\n itemCount: number('itemCount', 10),\n threshold: number('threshold', 4),\n templateContent: text('Content for the template', 'Hello '),\n content: text('Content for the items', 'breadcrumb'),\n createBreadcrumbItems,\n withTemplate,\n },\n }))\n .add('Skeleton', () => ({\n template: `\n\t<ibm-breadcrumb skeleton=\"true\" [noTrailingSlash]=\"noTrailingSlash\">\n\t\t<ibm-breadcrumb-item></ibm-breadcrumb-item>\n\t\t<ibm-breadcrumb-item></ibm-breadcrumb-item>\n\t\t<ibm-breadcrumb-item></ibm-breadcrumb-item>\n\t\t<ibm-breadcrumb-item></ibm-breadcrumb-item>\n\t</ibm-breadcrumb>`,\n props: {\n noTrailingSlash: boolean('noTrailingSlash', true),\n },\n }))\n .add('Documentation', () => ({\n template: `\n\t\t<ibm-documentation src=\"documentation/components/Breadcrumb.html\"></ibm-documentation>\n\t`,\n }));\n";
|
|
796
|
+
var __ADDS_MAP__ = { "breadcrumb--documentation": { "startLoc": { "col": 7, "line": 100 }, "endLoc": { "col": 4, "line": 104 } }, "breadcrumb--skeleton": { "startLoc": { "col": 7, "line": 88 }, "endLoc": { "col": 4, "line": 99 } }, "breadcrumb--model-with-templates": { "startLoc": { "col": 7, "line": 67 }, "endLoc": { "col": 4, "line": 87 } }, "breadcrumb--model": { "startLoc": { "col": 7, "line": 52 }, "endLoc": { "col": 4, "line": 66 } }, "breadcrumb--basic": { "startLoc": { "col": 7, "line": 32 }, "endLoc": { "col": 4, "line": 51 } } };
|
|
797
797
|
|
|
798
798
|
|
|
799
799
|
|
|
800
800
|
var breadcrumbItems;
|
|
801
|
-
var createBreadcrumbItems = function (count) {
|
|
801
|
+
var createBreadcrumbItems = function (count, content) {
|
|
802
|
+
if (content === void 0) { content = "Breadcrumb"; }
|
|
802
803
|
if (breadcrumbItems && count === breadcrumbItems.length) {
|
|
803
804
|
return breadcrumbItems;
|
|
804
805
|
}
|
|
805
|
-
breadcrumbItems = Array(count).fill(0).map(function (x, i) { return ({
|
|
806
|
+
breadcrumbItems = Array(count).fill(0).map(function (x, i) { return ({
|
|
807
|
+
content: content + " " + (i + 1),
|
|
808
|
+
href: "#" + (i + 1)
|
|
809
|
+
}); });
|
|
806
810
|
return breadcrumbItems;
|
|
807
811
|
};
|
|
812
|
+
var withTemplate = function (templateRef, items) { return items.map(function (item) { return Object.assign(item, { template: templateRef }); }); };
|
|
808
813
|
Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_0__["storiesOf"])("Breadcrumb", module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__))
|
|
809
814
|
.addDecorator(Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_0__["moduleMetadata"])({
|
|
810
815
|
imports: [
|
|
@@ -821,12 +826,25 @@ Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_0__["storiesOf"])("Breadcrumb
|
|
|
821
826
|
}
|
|
822
827
|
}); })
|
|
823
828
|
.add("Model", function () { return ({
|
|
824
|
-
template: "\n\t<ibm-breadcrumb\n\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t[threshold]=\"threshold\"\n\t\t[items]=\"
|
|
829
|
+
template: "\n\t<ibm-breadcrumb\n\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t[threshold]=\"threshold\"\n\t\t[items]=\"createBreadcrumbItems(itemCount, content)\">\n\t</ibm-breadcrumb>",
|
|
825
830
|
props: {
|
|
826
831
|
noTrailingSlash: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["boolean"])("noTrailingSlash", true),
|
|
827
832
|
itemCount: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["number"])("itemCount", 10),
|
|
828
833
|
threshold: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["number"])("threshold", 4),
|
|
829
|
-
|
|
834
|
+
content: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["text"])("Content for the items", "Breadcrumb"),
|
|
835
|
+
createBreadcrumbItems: createBreadcrumbItems
|
|
836
|
+
}
|
|
837
|
+
}); })
|
|
838
|
+
.add("Model with templates", function () { return ({
|
|
839
|
+
template: "\n\t<ng-template #breadcrumbTemplate let-item>\n\t\t{{ templateContent }}{{ item.content }}\n\t</ng-template>\n\t<ibm-breadcrumb\n\t\t[noTrailingSlash]=\"noTrailingSlash\"\n\t\t[threshold]=\"threshold\"\n\t\t[items]=\"withTemplate(breadcrumbTemplate, createBreadcrumbItems(itemCount, content))\">\n\t</ibm-breadcrumb>\n\t",
|
|
840
|
+
props: {
|
|
841
|
+
noTrailingSlash: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["boolean"])("noTrailingSlash", true),
|
|
842
|
+
itemCount: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["number"])("itemCount", 10),
|
|
843
|
+
threshold: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["number"])("threshold", 4),
|
|
844
|
+
templateContent: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["text"])("Content for the template", "Hello "),
|
|
845
|
+
content: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["text"])("Content for the items", "breadcrumb"),
|
|
846
|
+
createBreadcrumbItems: createBreadcrumbItems,
|
|
847
|
+
withTemplate: withTemplate
|
|
830
848
|
}
|
|
831
849
|
}); })
|
|
832
850
|
.add("Skeleton", function () { return ({
|
|
@@ -2442,7 +2460,7 @@ var ComboBox = /** @class */ (function () {
|
|
|
2442
2460
|
ComboBox = ComboBox_1 = __decorate([
|
|
2443
2461
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
|
|
2444
2462
|
selector: "ibm-combo-box",
|
|
2445
|
-
template: "\n\t\t<label [for]=\"id\" class=\"bx--label\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</label>\n\t\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"bx--combo-box bx--list-box\"\n\t\t\t[ngClass]=\"{'bx--multi-select' : type === 'multi'}\">\n\t\t\t<div\n\t\t\t\t[attr.aria-expanded]=\"open\"\n\t\t\t\trole=\"button\"\n\t\t\t\tclass=\"bx--list-box__field\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=\"close menu\"\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t(click)=\"toggleDropdown()\">\n\t\t\t\t<div\n\t\t\t\t\t*ngIf=\"type === 'multi' && pills.length > 0\"\n\t\t\t\t\t(click)=\"clearSelected()\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tclass=\"bx--list-box__selection bx--list-box__selection--multi\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\ttitle=\"Clear all selected items\">\n\t\t\t\t\t{{ pills.length }}\n\t\t\t\t\t<svg\n\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<input\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t(keyup)=\"onSearch($event.target.value)\"\n\t\t\t\t\t[value]=\"selectedValue\"\n\t\t\t\t\tclass=\"bx--text-input\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-label=\"ListBox input field\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t[placeholder]=\"placeholder\"/>\n\t\t\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t\t\t[ngClass]=\"{'bx--list-box__menu-icon--open': open}\"\n\t\t\t\t\t\tclass=\"bx--list-box__menu-icon\"\n\t\t\t\t\t\tariaLabel=\"Close menu\">\n\t\t\t\t\t</ibm-icon-chevron-down16>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t#dropdownMenu\n\t\t\t\t*ngIf=\"open\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t",
|
|
2463
|
+
template: "\n\t\t<label *ngIf=\"label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</label>\n\t\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"bx--combo-box bx--list-box\"\n\t\t\t[ngClass]=\"{'bx--multi-select' : type === 'multi'}\">\n\t\t\t<div\n\t\t\t\t[attr.aria-expanded]=\"open\"\n\t\t\t\trole=\"button\"\n\t\t\t\tclass=\"bx--list-box__field\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=\"close menu\"\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t(click)=\"toggleDropdown()\">\n\t\t\t\t<div\n\t\t\t\t\t*ngIf=\"type === 'multi' && pills.length > 0\"\n\t\t\t\t\t(click)=\"clearSelected()\"\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\tclass=\"bx--list-box__selection bx--list-box__selection--multi\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\ttitle=\"Clear all selected items\">\n\t\t\t\t\t{{ pills.length }}\n\t\t\t\t\t<svg\n\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<input\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t(keyup)=\"onSearch($event.target.value)\"\n\t\t\t\t\t[value]=\"selectedValue\"\n\t\t\t\t\tclass=\"bx--text-input\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-label=\"ListBox input field\"\n\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t[placeholder]=\"placeholder\"/>\n\t\t\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t\t\t[ngClass]=\"{'bx--list-box__menu-icon--open': open}\"\n\t\t\t\t\t\tclass=\"bx--list-box__menu-icon\"\n\t\t\t\t\t\tariaLabel=\"Close menu\">\n\t\t\t\t\t</ibm-icon-chevron-down16>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t#dropdownMenu\n\t\t\t\t*ngIf=\"open\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</div>\n\t\t</div>\n\t",
|
|
2446
2464
|
providers: [
|
|
2447
2465
|
{
|
|
2448
2466
|
provide: _angular_forms__WEBPACK_IMPORTED_MODULE_2__["NG_VALUE_ACCESSOR"],
|
|
@@ -3094,7 +3112,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3094
3112
|
/* harmony import */ var _storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_2__);
|
|
3095
3113
|
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ */ "./src/index.ts");
|
|
3096
3114
|
var withStorySource = __webpack_require__(/*! @storybook/addon-storysource */ "./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource;
|
|
3097
|
-
var __STORY__ = "import { storiesOf, moduleMetadata } from '@storybook/angular';\nimport { action } from '@storybook/addon-actions';\nimport { withKnobs } from '@storybook/addon-knobs/angular';\n\nimport { ContentSwitcherModule, DocumentationModule } from '../';\n\nstoriesOf('Content Switcher', module)\n .addDecorator(\n moduleMetadata({\n imports: [ContentSwitcherModule, DocumentationModule],\n })\n )\n .addDecorator(withKnobs)\n .add('Basic', () => ({\n template: `\n\t\t\t<ibm-content-switcher (selected)=\"selected($event)\">\n\t\t\t\t<button ibmContentOption>First section</button>\n\t\t\t\t<button ibmContentOption>Second section</button>\n\t\t\t\t<button ibmContentOption>Third section</button>\n\t\t\t</ibm-content-switcher>\n\t\t`,\n props: {\n selected: action('selection changed'),\n },\n }))\n .add('Documentation', () => ({\n template: `\n\t\t\t<ibm-documentation src=\"documentation/components/ContentSwitcher.html\"></ibm-documentation>\n\t\t`,\n }));\n";
|
|
3115
|
+
var __STORY__ = "import { storiesOf, moduleMetadata } from '@storybook/angular';\nimport { action } from '@storybook/addon-actions';\nimport { withKnobs } from '@storybook/addon-knobs/angular';\n\nimport { ContentSwitcherModule, DocumentationModule } from '../';\n\nstoriesOf('Content Switcher', module)\n .addDecorator(\n moduleMetadata({\n imports: [ContentSwitcherModule, DocumentationModule],\n })\n )\n .addDecorator(withKnobs)\n .add('Basic', () => ({\n template: `\n\t\t\t<ibm-content-switcher (selected)=\"selected($event)\">\n\t\t\t\t<button ibmContentOption name=\"First\">First section</button>\n\t\t\t\t<button ibmContentOption name=\"Second\">Second section</button>\n\t\t\t\t<button ibmContentOption name=\"Third\">Third section</button>\n\t\t\t</ibm-content-switcher>\n\t\t`,\n props: {\n selected: action('selection changed'),\n },\n }))\n .add('Documentation', () => ({\n template: `\n\t\t\t<ibm-documentation src=\"documentation/components/ContentSwitcher.html\"></ibm-documentation>\n\t\t`,\n }));\n";
|
|
3098
3116
|
var __ADDS_MAP__ = { "content-switcher--documentation": { "startLoc": { "col": 7, "line": 26 }, "endLoc": { "col": 4, "line": 30 } }, "content-switcher--basic": { "startLoc": { "col": 7, "line": 14 }, "endLoc": { "col": 4, "line": 25 } } };
|
|
3099
3117
|
|
|
3100
3118
|
|
|
@@ -3109,7 +3127,7 @@ Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_0__["storiesOf"])("Content Sw
|
|
|
3109
3127
|
}))
|
|
3110
3128
|
.addDecorator(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_2__["withKnobs"])
|
|
3111
3129
|
.add("Basic", function () { return ({
|
|
3112
|
-
template: "\n\t\t\t<ibm-content-switcher (selected)=\"selected($event)\">\n\t\t\t\t<button ibmContentOption>First section</button>\n\t\t\t\t<button ibmContentOption>Second section</button>\n\t\t\t\t<button ibmContentOption>Third section</button>\n\t\t\t</ibm-content-switcher>\n\t\t",
|
|
3130
|
+
template: "\n\t\t\t<ibm-content-switcher (selected)=\"selected($event)\">\n\t\t\t\t<button ibmContentOption name=\"First\">First section</button>\n\t\t\t\t<button ibmContentOption name=\"Second\">Second section</button>\n\t\t\t\t<button ibmContentOption name=\"Third\">Third section</button>\n\t\t\t</ibm-content-switcher>\n\t\t",
|
|
3113
3131
|
props: {
|
|
3114
3132
|
selected: Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__["action"])("selection changed")
|
|
3115
3133
|
}
|
|
@@ -3242,7 +3260,7 @@ var DatePickerInput = /** @class */ (function () {
|
|
|
3242
3260
|
DatePickerInput = DatePickerInput_1 = __decorate([
|
|
3243
3261
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
|
|
3244
3262
|
selector: "ibm-date-picker-input",
|
|
3245
|
-
template: "\n\t<div class=\"bx--form-item\">\n\t\t<div class=\"bx--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--date-picker--single' : type === 'single',\n\t\t\t\t'bx--date-picker--range' : type === 'range',\n\t\t\t\t'bx--date-picker--light' : theme === 'light',\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--date-picker-container\">\n\t\t\t\t<label [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"bx--date-picker-input__wrapper\">\n\t\t\t\t\t<input\n\t\t\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"bx--date-picker__input\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t<ibm-icon-calendar16\n\t\t\t\t\t\t\tclass=\"bx--date-picker__icon\">\n\t\t\t\t\t\t</ibm-icon-calendar16>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t",
|
|
3263
|
+
template: "\n\t<div class=\"bx--form-item\">\n\t\t<div class=\"bx--date-picker\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--date-picker--single' : type === 'single',\n\t\t\t\t'bx--date-picker--range' : type === 'range',\n\t\t\t\t'bx--date-picker--light' : theme === 'light',\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--date-picker-container\">\n\t\t\t\t<label *ngIf=\"label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div class=\"bx--date-picker-input__wrapper\">\n\t\t\t\t\t<input\n\t\t\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tclass=\"bx--date-picker__input\"\n\t\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t\t[id]= \"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"/>\n\t\t\t\t\t\t<ibm-icon-calendar16\n\t\t\t\t\t\t\tclass=\"bx--date-picker__icon\">\n\t\t\t\t\t\t</ibm-icon-calendar16>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t",
|
|
3246
3264
|
providers: [
|
|
3247
3265
|
{
|
|
3248
3266
|
provide: _angular_forms__WEBPACK_IMPORTED_MODULE_1__["NG_VALUE_ACCESSOR"],
|
|
@@ -3862,7 +3880,7 @@ var __metadata = (undefined && undefined.__metadata) || function (k, v) {
|
|
|
3862
3880
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
3863
3881
|
};
|
|
3864
3882
|
var withStorySource = __webpack_require__(/*! @storybook/addon-storysource */ "./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource;
|
|
3865
|
-
var __STORY__ = "import { storiesOf, moduleMetadata } from '@storybook/angular';\nimport { action } from '@storybook/addon-actions';\nimport { withKnobs, array, select, text, boolean } from '@storybook/addon-knobs/angular';\nimport {\n FormBuilder,\n FormGroup,\n Validators,\n FormsModule,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { DatePickerModule, DocumentationModule } from '../';\nimport { ButtonModule } from '../forms/forms.module';\n\n@Component({\n selector: 'app-date-picker',\n template: `\n <form [formGroup]=\"formGroup\">\n <ibm-date-picker\n formControlName=\"single\"\n label=\"Date Picker Label\"\n invalidText=\"Invalid date format\"\n [invalid]=\"invalidSingle\"\n (valueChange)=\"valueChange.emit($event)\"\n >\n </ibm-date-picker>\n <code>{{ formGroup.controls['single'].value | json }}</code>\n <br /><br />\n <ibm-date-picker\n range=\"true\"\n formControlName=\"range\"\n label=\"Date Picker Label\"\n rangeLabel=\"Date Picker Label\"\n invalidText=\"Invalid date format\"\n [pattern]=\"pattern\"\n [invalid]=\"invalidRange\"\n (valueChange)=\"valueChange.emit($event)\"\n >\n </ibm-date-picker>\n <code>{{ formGroup.controls['range'].value | json }}</code>\n </form>\n `,\n})\nclass DatePickerStory {\n @Output() valueChange = new EventEmitter();\n\n get invalidSingle() {\n return this.formGroup.controls['single'].invalid && this.formGroup.controls['single'].touched;\n }\n\n get invalidRange() {\n return this.formGroup.controls['range'].invalid && this.formGroup.controls['range'].touched;\n }\n\n formGroup: FormGroup;\n\n constructor(protected formBuilder: FormBuilder) {\n this.formGroup = this.formBuilder.group({\n single: [[new Date()], Validators.required],\n range: [\n [\n new Date(),\n new Date(new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate()),\n ],\n Validators.required,\n ],\n });\n }\n}\n\nstoriesOf('Date Picker', module)\n .addDecorator(\n moduleMetadata({\n imports: [\n DatePickerModule,\n FormsModule,\n ReactiveFormsModule,\n DocumentationModule,\n ButtonModule,\n ],\n declarations: [DatePickerStory],\n })\n )\n .addDecorator(withKnobs)\n .add('Simple', () => ({\n template: `\n\t\t<ibm-date-picker-input\n\t\t\t[theme]=\"theme\"\n\t\t\t[label]=\"label\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\"\n\t\t\t(valueChange)=\"valueChange($event)\">\n\t\t</ibm-date-picker-input>\n\t\t`,\n props: {\n theme: select('Theme', ['dark', 'light'], 'dark'),\n label: text('Label text', 'Date Picker Label'),\n placeholder: text('Placeholder text', 'mm/dd/yyyy'),\n invalidText: text('Form validation content', 'Invalid date format'),\n invalid: boolean('Show form validation', false),\n disabled: boolean('Disabled', false),\n valueChange: action('Date change fired!'),\n },\n }))\n .add('Single', () => ({\n template: `\n\t\t\t<p>With initial value</p>\n\t\t\t<ibm-date-picker\n\t\t\t\t[label]=\"label\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t[theme]=\"theme\"\n\t\t\t\t[value]=\"value\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[invalidText]=\"invalidText\"\n\t\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t\t(valueChange)=\"valueChange($event)\">\n\t\t\t</ibm-date-picker>\n\t\t\t<p style=\"margin-top: 20px;\">Without initial value</p>\n\t\t\t<ibm-date-picker\n\t\t\t\t[label]=\"label\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t[theme]=\"theme\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[invalidText]=\"invalidText\"\n\t\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t\t(valueChange)=\"valueChange($event)\">\n\t\t\t</ibm-date-picker>\n\t\t`,\n props: {\n valueChange: action('Date change fired!'),\n theme: select('Theme', ['dark', 'light'], 'dark'),\n label: text('Label text', 'Date Picker Label'),\n placeholder: text('Placeholder text', 'mm/dd/yyyy'),\n invalidText: text('Form validation content', 'Invalid date format'),\n invalid: boolean('Show form validation', false),\n disabled: boolean('Disabled', false),\n dateFormat: text('Date format', 'm/d/Y'),\n value: array('Value', ['10/19/2019']),\n },\n }))\n .add('Range', () => ({\n template: `\n\t\t<p>With initial value</p>\n\t\t<ibm-date-picker\n\t\t\t[label]=\"label\"\n\t\t\t[rangeLabel]=\"label\"\n\t\t\trange=\"true\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\"\n\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t[value]=\"value\"\n\t\t\t(valueChange)=\"valueChange($event)\">\n\t\t</ibm-date-picker>\n\t\t<p style=\"margin-top: 20px;\">Without initial value</p>\n\t\t<ibm-date-picker\n\t\t\t[label]=\"label\"\n\t\t\t[rangeLabel]=\"label\"\n\t\t\trange=\"true\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\"\n\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t(valueChange)=\"valueChange($event)\">\n\t\t</ibm-date-picker>\n\t\t`,\n props: {\n valueChange: action('Date change fired!'),\n theme: select('Theme', ['dark', 'light'], 'dark'),\n label: text('Label text', 'Date Picker Label'),\n placeholder: text('Placeholder text', 'mm/dd/yyyy'),\n invalidText: text('Form validation content', 'Invalid date format'),\n invalid: boolean('Show form validation', false),\n disabled: boolean('Disabled', false),\n dateFormat: text('Date format', 'm/d/Y'),\n value: array('Value', ['09/19/2019', '10/19/2019']),\n },\n }))\n .add('With reactive forms', () => ({\n template: `\n\t\t<app-date-picker\n\t\t\t(valueChange)=\"valueChange($event)\">\n\t\t</app-date-picker>\n\t\t`,\n props: {\n valueChange: action('Date change fired!'),\n },\n }))\n .add('With ngModel', () => ({\n template: `\n\t\t\t<div>\n\t\t\t\t<ibm-date-picker\n\t\t\t\t\tlabel=\"Date picker label\"\n\t\t\t\t\t[(ngModel)]=\"single\">\n\t\t\t\t</ibm-date-picker>\n\t\t\t\t<button\n\t\t\t\t\tibmButton\n\t\t\t\t\t(click)=\"single = null\"\n\t\t\t\t\tstyle=\"margin-top: 5px\">\n\t\t\t\t\tSend null\n\t\t\t\t</button>\n\t\t\t\t<button\n\t\t\t\t\tibmButton\n\t\t\t\t\t(click)=\"single = [date]\"\n\t\t\t\t\tstyle=\"margin-left: 5px\">\n\t\t\t\t\tSend date\n\t\t\t\t</button>\n\t\t\t\t<br>\n\t\t\t\t<code>{{ single | json }}</code>\n\t\t\t</div>\n\t\t\t<div style=\"margin-top: 15px;\">\n\t\t\t\t<ibm-date-picker\n\t\t\t\t\tlabel=\"Date picker\"\n\t\t\t\t\trangeLabel=\"Range label\"\n\t\t\t\t\trange=\"true\"\n\t\t\t\t\t[(ngModel)]=\"range\">\n\t\t\t\t</ibm-date-picker>\n\t\t\t\t<button\n\t\t\t\t\tibmButton\n\t\t\t\t\t(click)=\"range = null\"\n\t\t\t\t\tstyle=\"margin-top: 5px\">\n\t\t\t\t\tSend null\n\t\t\t\t</button>\n\t\t\t\t<button\n\t\t\t\t\tibmButton\n\t\t\t\t\t(click)=\"range = rangeDates\"\n\t\t\t\t\tstyle=\"margin-left: 5px\">\n\t\t\t\t\tSend date\n\t\t\t\t</button>\n\t\t\t\t<br>\n\t\t\t\t<code>{{ range | json }}</code>\n\t\t\t</div>\n\t\t`,\n props: {\n date: new Date(new Date().getFullYear(), 5, 15),\n rangeDates: [\n new Date(new Date().getFullYear(), 5, 15),\n new Date(new Date().getFullYear(),
|
|
3883
|
+
var __STORY__ = "import { storiesOf, moduleMetadata } from '@storybook/angular';\nimport { action } from '@storybook/addon-actions';\nimport { withKnobs, array, select, text, boolean } from '@storybook/addon-knobs/angular';\nimport {\n FormBuilder,\n FormGroup,\n Validators,\n FormsModule,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { DatePickerModule, DocumentationModule } from '../';\nimport { ButtonModule } from '../forms/forms.module';\n\n@Component({\n selector: 'app-date-picker',\n template: `\n <form [formGroup]=\"formGroup\">\n <ibm-date-picker\n formControlName=\"single\"\n label=\"Date Picker Label\"\n invalidText=\"Invalid date format\"\n [invalid]=\"invalidSingle\"\n (valueChange)=\"valueChange.emit($event)\"\n >\n </ibm-date-picker>\n <code>{{ formGroup.controls['single'].value | json }}</code>\n <br /><br />\n <ibm-date-picker\n range=\"true\"\n formControlName=\"range\"\n label=\"Date Picker Label\"\n rangeLabel=\"Date Picker Label\"\n invalidText=\"Invalid date format\"\n [pattern]=\"pattern\"\n [invalid]=\"invalidRange\"\n (valueChange)=\"valueChange.emit($event)\"\n >\n </ibm-date-picker>\n <code>{{ formGroup.controls['range'].value | json }}</code>\n </form>\n `,\n})\nclass DatePickerStory {\n @Output() valueChange = new EventEmitter();\n\n get invalidSingle() {\n return this.formGroup.controls['single'].invalid && this.formGroup.controls['single'].touched;\n }\n\n get invalidRange() {\n return this.formGroup.controls['range'].invalid && this.formGroup.controls['range'].touched;\n }\n\n formGroup: FormGroup;\n\n constructor(protected formBuilder: FormBuilder) {\n this.formGroup = this.formBuilder.group({\n single: [[new Date()], Validators.required],\n range: [\n [\n new Date(),\n new Date(new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate()),\n ],\n Validators.required,\n ],\n });\n }\n}\n\nstoriesOf('Date Picker', module)\n .addDecorator(\n moduleMetadata({\n imports: [\n DatePickerModule,\n FormsModule,\n ReactiveFormsModule,\n DocumentationModule,\n ButtonModule,\n ],\n declarations: [DatePickerStory],\n })\n )\n .addDecorator(withKnobs)\n .add('Simple', () => ({\n template: `\n\t\t<ibm-date-picker-input\n\t\t\t[theme]=\"theme\"\n\t\t\t[label]=\"label\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\"\n\t\t\t(valueChange)=\"valueChange($event)\">\n\t\t</ibm-date-picker-input>\n\t\t`,\n props: {\n theme: select('Theme', ['dark', 'light'], 'dark'),\n label: text('Label text', 'Date Picker Label'),\n placeholder: text('Placeholder text', 'mm/dd/yyyy'),\n invalidText: text('Form validation content', 'Invalid date format'),\n invalid: boolean('Show form validation', false),\n disabled: boolean('Disabled', false),\n valueChange: action('Date change fired!'),\n },\n }))\n .add('Single', () => ({\n template: `\n\t\t\t<p>With initial value</p>\n\t\t\t<ibm-date-picker\n\t\t\t\t[label]=\"label\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t[theme]=\"theme\"\n\t\t\t\t[value]=\"value\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[invalidText]=\"invalidText\"\n\t\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t\t(valueChange)=\"valueChange($event)\">\n\t\t\t</ibm-date-picker>\n\t\t\t<p style=\"margin-top: 20px;\">Without initial value</p>\n\t\t\t<ibm-date-picker\n\t\t\t\t[label]=\"label\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t[theme]=\"theme\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[invalidText]=\"invalidText\"\n\t\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t\t(valueChange)=\"valueChange($event)\">\n\t\t\t</ibm-date-picker>\n\t\t`,\n props: {\n valueChange: action('Date change fired!'),\n theme: select('Theme', ['dark', 'light'], 'dark'),\n label: text('Label text', 'Date Picker Label'),\n placeholder: text('Placeholder text', 'mm/dd/yyyy'),\n invalidText: text('Form validation content', 'Invalid date format'),\n invalid: boolean('Show form validation', false),\n disabled: boolean('Disabled', false),\n dateFormat: text('Date format', 'm/d/Y'),\n value: array('Value', ['10/19/2019']),\n },\n }))\n .add('Range', () => ({\n template: `\n\t\t<p>With initial value</p>\n\t\t<ibm-date-picker\n\t\t\t[label]=\"label\"\n\t\t\t[rangeLabel]=\"label\"\n\t\t\trange=\"true\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\"\n\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t[value]=\"value\"\n\t\t\t(valueChange)=\"valueChange($event)\">\n\t\t</ibm-date-picker>\n\t\t<p style=\"margin-top: 20px;\">Without initial value</p>\n\t\t<ibm-date-picker\n\t\t\t[label]=\"label\"\n\t\t\t[rangeLabel]=\"label\"\n\t\t\trange=\"true\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[theme]=\"theme\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\"\n\t\t\t[dateFormat]=\"dateFormat\"\n\t\t\t(valueChange)=\"valueChange($event)\">\n\t\t</ibm-date-picker>\n\t\t`,\n props: {\n valueChange: action('Date change fired!'),\n theme: select('Theme', ['dark', 'light'], 'dark'),\n label: text('Label text', 'Date Picker Label'),\n placeholder: text('Placeholder text', 'mm/dd/yyyy'),\n invalidText: text('Form validation content', 'Invalid date format'),\n invalid: boolean('Show form validation', false),\n disabled: boolean('Disabled', false),\n dateFormat: text('Date format', 'm/d/Y'),\n value: array('Value', ['09/19/2019', '10/19/2019']),\n },\n }))\n .add('With reactive forms', () => ({\n template: `\n\t\t<app-date-picker\n\t\t\t(valueChange)=\"valueChange($event)\">\n\t\t</app-date-picker>\n\t\t`,\n props: {\n valueChange: action('Date change fired!'),\n },\n }))\n .add('With ngModel', () => ({\n template: `\n\t\t\t<div>\n\t\t\t\t<ibm-date-picker\n\t\t\t\t\tlabel=\"Date picker label\"\n\t\t\t\t\t[(ngModel)]=\"single\">\n\t\t\t\t</ibm-date-picker>\n\t\t\t\t<button\n\t\t\t\t\tibmButton\n\t\t\t\t\t(click)=\"single = null\"\n\t\t\t\t\tstyle=\"margin-top: 5px\">\n\t\t\t\t\tSend null\n\t\t\t\t</button>\n\t\t\t\t<button\n\t\t\t\t\tibmButton\n\t\t\t\t\t(click)=\"single = [date]\"\n\t\t\t\t\tstyle=\"margin-left: 5px\">\n\t\t\t\t\tSend date\n\t\t\t\t</button>\n\t\t\t\t<br>\n\t\t\t\t<code>{{ single | json }}</code>\n\t\t\t</div>\n\t\t\t<div style=\"margin-top: 15px;\">\n\t\t\t\t<ibm-date-picker\n\t\t\t\t\tlabel=\"Date picker\"\n\t\t\t\t\trangeLabel=\"Range label\"\n\t\t\t\t\trange=\"true\"\n\t\t\t\t\t[(ngModel)]=\"range\">\n\t\t\t\t</ibm-date-picker>\n\t\t\t\t<button\n\t\t\t\t\tibmButton\n\t\t\t\t\t(click)=\"range = null\"\n\t\t\t\t\tstyle=\"margin-top: 5px\">\n\t\t\t\t\tSend null\n\t\t\t\t</button>\n\t\t\t\t<button\n\t\t\t\t\tibmButton\n\t\t\t\t\t(click)=\"range = rangeDates\"\n\t\t\t\t\tstyle=\"margin-left: 5px\">\n\t\t\t\t\tSend date\n\t\t\t\t</button>\n\t\t\t\t<br>\n\t\t\t\t<code>{{ range | json }}</code>\n\t\t\t</div>\n\t\t`,\n props: {\n date: new Date(new Date().getFullYear(), 5, 15),\n rangeDates: [\n new Date(new Date().getFullYear(), 5, 15),\n new Date(new Date().getFullYear(), 8, 19),\n ],\n },\n }))\n .add('Skeleton', () => ({\n template: `\n\t\t<ibm-date-picker\n\t\t\trange=\"true\"\n\t\t\tskeleton=\"true\">\n\t\t</ibm-date-picker>\n\t\t`,\n }))\n .add('Documentation', () => ({\n template: `\n\t\t\t<ibm-documentation src=\"documentation/components/DatePicker.html\"></ibm-documentation>\n\t\t`,\n }));\n";
|
|
3866
3884
|
var __ADDS_MAP__ = { "date-picker--documentation": { "startLoc": { "col": 7, "line": 258 }, "endLoc": { "col": 4, "line": 262 } }, "date-picker--skeleton": { "startLoc": { "col": 7, "line": 250 }, "endLoc": { "col": 4, "line": 257 } }, "date-picker--with-ngmodel": { "startLoc": { "col": 7, "line": 197 }, "endLoc": { "col": 4, "line": 249 } }, "date-picker--with-reactive-forms": { "startLoc": { "col": 7, "line": 187 }, "endLoc": { "col": 4, "line": 196 } }, "date-picker--range": { "startLoc": { "col": 7, "line": 145 }, "endLoc": { "col": 4, "line": 186 } }, "date-picker--single": { "startLoc": { "col": 7, "line": 107 }, "endLoc": { "col": 4, "line": 144 } }, "date-picker--simple": { "startLoc": { "col": 7, "line": 85 }, "endLoc": { "col": 4, "line": 106 } } };
|
|
3867
3885
|
|
|
3868
3886
|
|
|
@@ -3983,7 +4001,7 @@ Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_0__["storiesOf"])("Date Picke
|
|
|
3983
4001
|
date: new Date(new Date().getFullYear(), 5, 15),
|
|
3984
4002
|
rangeDates: [
|
|
3985
4003
|
new Date(new Date().getFullYear(), 5, 15),
|
|
3986
|
-
new Date(new Date().getFullYear(),
|
|
4004
|
+
new Date(new Date().getFullYear(), 8, 19)
|
|
3987
4005
|
]
|
|
3988
4006
|
}
|
|
3989
4007
|
}); })
|
|
@@ -5866,6 +5884,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
5866
5884
|
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js");
|
|
5867
5885
|
/* harmony import */ var _common_tab_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../common/tab.service */ "./src/common/tab.service.ts");
|
|
5868
5886
|
/* harmony import */ var _dialog_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../dialog.component */ "./src/dialog/dialog.component.ts");
|
|
5887
|
+
/* harmony import */ var _carbon_utils_position__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @carbon/utils-position */ "./node_modules/@carbon/utils-position/index.js");
|
|
5869
5888
|
var __extends = (undefined && undefined.__extends) || (function () {
|
|
5870
5889
|
var extendStatics = Object.setPrototypeOf ||
|
|
5871
5890
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
@@ -5888,6 +5907,7 @@ var __metadata = (undefined && undefined.__metadata) || function (k, v) {
|
|
|
5888
5907
|
|
|
5889
5908
|
|
|
5890
5909
|
|
|
5910
|
+
|
|
5891
5911
|
/**
|
|
5892
5912
|
* Extend the `Dialog` component to create a tooltip for exposing content.
|
|
5893
5913
|
*/
|
|
@@ -5911,6 +5931,18 @@ var Tooltip = /** @class */ (function (_super) {
|
|
|
5911
5931
|
* Check whether there is a template for the `Tooltip` content.
|
|
5912
5932
|
*/
|
|
5913
5933
|
Tooltip.prototype.onDialogInit = function () {
|
|
5934
|
+
this.addGap["bottom"] = function (pos) {
|
|
5935
|
+
return _carbon_utils_position__WEBPACK_IMPORTED_MODULE_3__["position"].addOffset(pos, 3, 0);
|
|
5936
|
+
};
|
|
5937
|
+
this.addGap["top"] = function (pos) {
|
|
5938
|
+
return _carbon_utils_position__WEBPACK_IMPORTED_MODULE_3__["position"].addOffset(pos, -10, 0);
|
|
5939
|
+
};
|
|
5940
|
+
this.addGap["left"] = function (pos) {
|
|
5941
|
+
return _carbon_utils_position__WEBPACK_IMPORTED_MODULE_3__["position"].addOffset(pos, -3, -6);
|
|
5942
|
+
};
|
|
5943
|
+
this.addGap["right"] = function (pos) {
|
|
5944
|
+
return _carbon_utils_position__WEBPACK_IMPORTED_MODULE_3__["position"].addOffset(pos, -3, 6);
|
|
5945
|
+
};
|
|
5914
5946
|
this.hasContentTemplate = this.dialogConfig.content instanceof _angular_core__WEBPACK_IMPORTED_MODULE_0__["TemplateRef"];
|
|
5915
5947
|
};
|
|
5916
5948
|
Tooltip.prototype.afterDialogViewInit = function () {
|
|
@@ -5927,7 +5959,7 @@ var Tooltip = /** @class */ (function (_super) {
|
|
|
5927
5959
|
Tooltip = __decorate([
|
|
5928
5960
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
|
|
5929
5961
|
selector: "ibm-tooltip",
|
|
5930
|
-
template: "\n\t\t<div\n\t\t\t#dialog\n\t\t\t[id]=\"dialogConfig.compID\"\n\t\t\t[attr.role]=\"role\"\n\t\t\tclass=\"bx--tooltip bx--tooltip--shown\">\n\t\t\t<span class=\"bx--tooltip__caret\" aria-hidden=\"true\"></span>\n\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"hasContentTemplate\"\n\t\t\t\t\t[ngTemplateOutlet]=\"dialogConfig.content\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{tooltip: this}\">\n\t\t\t</ng-template>\n\t\t\t<p\n\t\t\t\t*ngIf=\"!hasContentTemplate\">\n\t\t\t\t{{dialogConfig.content}}\n\t\t\t</p>\n\t\t</div>\n\t\t"
|
|
5962
|
+
template: "\n\t\t<div\n\t\t\t#dialog\n\t\t\t[id]=\"dialogConfig.compID\"\n\t\t\t[attr.role]=\"role\"\n\t\t\t[attr.data-floating-menu-direction]=\"placement\"\n\t\t\tclass=\"bx--tooltip bx--tooltip--shown\">\n\t\t\t<span class=\"bx--tooltip__caret\" aria-hidden=\"true\"></span>\n\t\t\t<ng-template\n\t\t\t\t\t*ngIf=\"hasContentTemplate\"\n\t\t\t\t\t[ngTemplateOutlet]=\"dialogConfig.content\"\n\t\t\t\t\t[ngTemplateOutletContext]=\"{tooltip: this}\">\n\t\t\t</ng-template>\n\t\t\t<p\n\t\t\t\t*ngIf=\"!hasContentTemplate\">\n\t\t\t\t{{dialogConfig.content}}\n\t\t\t</p>\n\t\t</div>\n\t\t"
|
|
5931
5963
|
})
|
|
5932
5964
|
], Tooltip);
|
|
5933
5965
|
return Tooltip;
|
|
@@ -6746,6 +6778,8 @@ var Dropdown = /** @class */ (function () {
|
|
|
6746
6778
|
var item = _a[_i];
|
|
6747
6779
|
item.selected = false;
|
|
6748
6780
|
}
|
|
6781
|
+
this.selected.emit([]);
|
|
6782
|
+
this.propagateChange([]);
|
|
6749
6783
|
};
|
|
6750
6784
|
/**
|
|
6751
6785
|
* Returns `true` if there is a value selected.
|
|
@@ -7045,7 +7079,7 @@ var Dropdown = /** @class */ (function () {
|
|
|
7045
7079
|
Dropdown = Dropdown_1 = __decorate([
|
|
7046
7080
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
|
|
7047
7081
|
selector: "ibm-dropdown",
|
|
7048
|
-
template: "\n\t<label [for]=\"id\" class=\"bx--label\">\n\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t</label>\n\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t</div>\n\t<div\n\t\t[id]=\"id\"\n\t\tclass=\"bx--dropdown bx--list-box\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--dropdown--light': theme === 'light',\n\t\t\t'bx--list-box--inline': inline,\n\t\t\t'bx--skeleton': skeleton,\n\t\t\t'bx--dropdown--disabled bx--list-box--disabled': disabled\n\t\t}\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t#dropdownButton\n\t\t\tclass=\"bx--list-box__field\"\n\t\t\t[ngClass]=\"{'a': !menuIsClosed}\"\n\t\t\t[attr.aria-expanded]=\"!menuIsClosed\"\n\t\t\t[attr.aria-disabled]=\"disabled\"\n\t\t\t(click)=\"toggleMenu()\"\n\t\t\t(blur)=\"onBlur()\"\n\t\t\t[disabled]=\"disabled\">\n\t\t\t<div\n\t\t\t\t(click)=\"clearSelected()\"\n\t\t\t\t*ngIf=\"type === 'multi' && getSelectedCount() > 0\"\n\t\t\t\tclass=\"bx--list-box__selection--multi\"\n\t\t\t\ttitle=\"Clear all selected items\">\n\t\t\t\t{{getSelectedCount()}}\n\t\t\t\t<svg\n\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\trole=\"img\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\twidth=\"16\"\n\t\t\t\t\theight=\"16\"\n\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<span *ngIf=\"isRenderString()\" class=\"bx--list-box__label\">{{getDisplayStringValue() | async}}</span>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"!isRenderString()\"\n\t\t\t\t[ngTemplateOutletContext]=\"getRenderTemplateContext()\"\n\t\t\t\t[ngTemplateOutlet]=\"displayValue\">\n\t\t\t</ng-template>\n\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\tclass=\"bx--list-box__menu-icon\"\n\t\t\t\t[attr.aria-label]=\"menuButtonLabel\"\n\t\t\t\t[ngClass]=\"{'bx--list-box__menu-icon--open': !menuIsClosed }\">\n\t\t\t</ibm-icon-chevron-down16>\n\t\t</button>\n\t\t<div\n\t\t\t#dropdownMenu\n\t\t\t[ngClass]=\"{\n\t\t\t\t'drop-up': dropUp\n\t\t\t}\">\n\t\t\t<ng-content *ngIf=\"!menuIsClosed\"></ng-content>\n\t\t</div>\n\t</div>\n\t",
|
|
7082
|
+
template: "\n\t<label *ngIf=\"label\" [for]=\"id\" class=\"bx--label\">\n\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t</label>\n\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t</div>\n\t<div\n\t\t[id]=\"id\"\n\t\tclass=\"bx--dropdown bx--list-box\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--dropdown--light': theme === 'light',\n\t\t\t'bx--list-box--inline': inline,\n\t\t\t'bx--skeleton': skeleton,\n\t\t\t'bx--dropdown--disabled bx--list-box--disabled': disabled\n\t\t}\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t#dropdownButton\n\t\t\tclass=\"bx--list-box__field\"\n\t\t\t[ngClass]=\"{'a': !menuIsClosed}\"\n\t\t\t[attr.aria-expanded]=\"!menuIsClosed\"\n\t\t\t[attr.aria-disabled]=\"disabled\"\n\t\t\t(click)=\"toggleMenu()\"\n\t\t\t(blur)=\"onBlur()\"\n\t\t\t[disabled]=\"disabled\">\n\t\t\t<div\n\t\t\t\t(click)=\"clearSelected()\"\n\t\t\t\t*ngIf=\"type === 'multi' && getSelectedCount() > 0\"\n\t\t\t\tclass=\"bx--list-box__selection--multi\"\n\t\t\t\ttitle=\"Clear all selected items\">\n\t\t\t\t{{getSelectedCount()}}\n\t\t\t\t<svg\n\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\tstyle=\"will-change: transform;\"\n\t\t\t\t\trole=\"img\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\twidth=\"16\"\n\t\t\t\t\theight=\"16\"\n\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t<path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<span *ngIf=\"isRenderString()\" class=\"bx--list-box__label\">{{getDisplayStringValue() | async}}</span>\n\t\t\t<ng-template\n\t\t\t\t*ngIf=\"!isRenderString()\"\n\t\t\t\t[ngTemplateOutletContext]=\"getRenderTemplateContext()\"\n\t\t\t\t[ngTemplateOutlet]=\"displayValue\">\n\t\t\t</ng-template>\n\t\t\t<ibm-icon-chevron-down16\n\t\t\t\t*ngIf=\"!skeleton\"\n\t\t\t\tclass=\"bx--list-box__menu-icon\"\n\t\t\t\t[attr.aria-label]=\"menuButtonLabel\"\n\t\t\t\t[ngClass]=\"{'bx--list-box__menu-icon--open': !menuIsClosed }\">\n\t\t\t</ibm-icon-chevron-down16>\n\t\t</button>\n\t\t<div\n\t\t\t#dropdownMenu\n\t\t\t[ngClass]=\"{\n\t\t\t\t'drop-up': dropUp\n\t\t\t}\">\n\t\t\t<ng-content *ngIf=\"!menuIsClosed\"></ng-content>\n\t\t</div>\n\t</div>\n\t",
|
|
7049
7083
|
providers: [
|
|
7050
7084
|
{
|
|
7051
7085
|
provide: _angular_forms__WEBPACK_IMPORTED_MODULE_1__["NG_VALUE_ACCESSOR"],
|
|
@@ -7872,6 +7906,7 @@ var DropdownList = /** @class */ (function () {
|
|
|
7872
7906
|
* Emits the selected item or items after a mouse click event has occurred.
|
|
7873
7907
|
*/
|
|
7874
7908
|
DropdownList.prototype.doClick = function (event, item) {
|
|
7909
|
+
event.preventDefault();
|
|
7875
7910
|
if (!item.disabled) {
|
|
7876
7911
|
if (this.type === "single") {
|
|
7877
7912
|
item.selected = true;
|
|
@@ -7939,7 +7974,7 @@ var DropdownList = /** @class */ (function () {
|
|
|
7939
7974
|
DropdownList = DropdownList_1 = __decorate([
|
|
7940
7975
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
|
|
7941
7976
|
selector: "ibm-dropdown-list",
|
|
7942
|
-
template: "\n\t\t<ul\n\t\t\t#list\n\t\t\trole=\"listbox\"\n\t\t\tclass=\"bx--list-box__menu bx--multi-select\"\n\t\t\t[attr.aria-label]=\"ariaLabel\">\n\t\t\t<li\n\t\t\t\trole=\"option\"\n\t\t\t\t*ngFor=\"let item of displayItems; let i = index\"\n\t\t\t\t(click)=\"doClick($event, item)\"\n\t\t\t\t(keydown)=\"doKeyDown($event, item)\"\n\t\t\t\t(focus)=\"onItemFocus(i)\"\n\t\t\t\t(blur)=\"onItemBlur(i)\"\n\t\t\t\tclass=\"bx--list-box__menu-item\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--list-box__menu-item--active': item.selected,\n\t\t\t\t\tdisabled: item.disabled\n\t\t\t\t}\">\n\t\t\t\t<div\n\t\t\t\t\t#listItem\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tclass=\"bx--list-box__menu-item__option\">\n\t\t\t\t\t<div\n\t\t\t\t\t\t*ngIf=\"!listTpl && type === 'multi'\"\n\t\t\t\t\t\tclass=\"bx--form-item bx--checkbox-wrapper\">\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[attr.data-contained-checkbox-state]=\"item.selected\"\n\t\t\t\t\t\t\tclass=\"bx--checkbox-label\">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tclass=\"bx--checkbox\"\n\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t[checked]=\"item.selected\"\n\t\t\t\t\t\t\t\t[disabled]=\"item.disabled\"\n\t\t\t\t\t\t\t\
|
|
7977
|
+
template: "\n\t\t<ul\n\t\t\t#list\n\t\t\trole=\"listbox\"\n\t\t\tclass=\"bx--list-box__menu bx--multi-select\"\n\t\t\t[attr.aria-label]=\"ariaLabel\">\n\t\t\t<li\n\t\t\t\trole=\"option\"\n\t\t\t\t*ngFor=\"let item of displayItems; let i = index\"\n\t\t\t\t(click)=\"doClick($event, item)\"\n\t\t\t\t(keydown)=\"doKeyDown($event, item)\"\n\t\t\t\t(focus)=\"onItemFocus(i)\"\n\t\t\t\t(blur)=\"onItemBlur(i)\"\n\t\t\t\tclass=\"bx--list-box__menu-item\"\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--list-box__menu-item--active': item.selected,\n\t\t\t\t\tdisabled: item.disabled\n\t\t\t\t}\">\n\t\t\t\t<div\n\t\t\t\t\t#listItem\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\tclass=\"bx--list-box__menu-item__option\">\n\t\t\t\t\t<div\n\t\t\t\t\t\t*ngIf=\"!listTpl && type === 'multi'\"\n\t\t\t\t\t\tclass=\"bx--form-item bx--checkbox-wrapper\">\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[attr.data-contained-checkbox-state]=\"item.selected\"\n\t\t\t\t\t\t\tclass=\"bx--checkbox-label\">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tclass=\"bx--checkbox\"\n\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t[checked]=\"item.selected\"\n\t\t\t\t\t\t\t\t[disabled]=\"item.disabled\"\n\t\t\t\t\t\t\t\ttabindex=\"-1\">\n\t\t\t\t\t\t\t<span class=\"bx--checkbox-appearance\"></span>\n\t\t\t\t\t\t\t<span class=\"bx--checkbox-label-text\">{{item.content}}</span>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ng-container *ngIf=\"!listTpl && type === 'single'\">{{item.content}}</ng-container>\n\t\t\t\t\t<ng-template\n\t\t\t\t\t\t*ngIf=\"listTpl\"\n\t\t\t\t\t\t[ngTemplateOutletContext]=\"{item: item}\"\n\t\t\t\t\t\t[ngTemplateOutlet]=\"listTpl\">\n\t\t\t\t\t</ng-template>\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t</ul>",
|
|
7943
7978
|
providers: [
|
|
7944
7979
|
{
|
|
7945
7980
|
provide: _abstract_dropdown_view_class__WEBPACK_IMPORTED_MODULE_2__["AbstractDropdownView"],
|
|
@@ -9205,7 +9240,7 @@ Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_0__["storiesOf"])("Grid", mod
|
|
|
9205
9240
|
/*! exports provided: BANNER, CALENDAR, CODE_SNIPPET, DIALOG, DROPDOWN, DROPDOWN_LIST, FILE_UPLOADER, LOADING, MODAL, NOTIFICATION, OVERFLOW_MENU, SEARCH, PAGINATION, TABLE, TABLE_TOOLBAR, TABS, TILES, TOGGLE, UI_SHELL, default */
|
|
9206
9241
|
/***/ (function(module) {
|
|
9207
9242
|
|
|
9208
|
-
module.exports = {"BANNER":{"CLOSE_BUTTON"
|
|
9243
|
+
module.exports = JSON.parse("{\"BANNER\":{\"CLOSE_BUTTON\":\"Close alert banner\"},\"CALENDAR\":{\"MONTHS\":{\"JANUARY\":\"January\",\"FEBRUARY\":\"February\",\"MARCH\":\"March\",\"APRIL\":\"April\",\"MAY\":\"May\",\"JUNE\":\"June\",\"JULY\":\"July\",\"AUGUST\":\"August\",\"SEPTEMBER\":\"September\",\"OCTOBER\":\"October\",\"NOVEMBER\":\"November\",\"DECEMBER\":\"December\"},\"SHORTWEEKDAYS\":{\"SUNDAY\":\"Sun\",\"MONDAY\":\"Mon\",\"TUESDAY\":\"Tue\",\"WEDNESDAY\":\"Wed\",\"THURSDAY\":\"Thu\",\"FRIDAY\":\"Fri\",\"SATURDAY\":\"Sat\"},\"QUARTERS\":[{\"name\":\"Q1\",\"months\":\"January-March\"},{\"name\":\"Q2\",\"months\":\"April-June\"},{\"name\":\"Q3\",\"months\":\"July-September\"},{\"name\":\"Q4\",\"months\":\"October-December\"}]},\"CODE_SNIPPET\":{\"CODE_SNIPPET_TEXT\":\"Code Snippet Text\",\"SHOW_MORE\":\"Show more\",\"SHOW_LESS\":\"Show less\",\"SHOW_MORE_ICON\":\"Show more icon\",\"COPY_CODE\":\"Copy code\",\"COPIED\":\"Copied!\"},\"DIALOG\":{\"POPOVER\":{\"CLOSE\":\"Close popover\"}},\"DROPDOWN\":{\"OPEN\":\"Open menu\",\"SELECTED\":\"selected\",\"CLEAR\":\"Clear selection\",\"FILTER\":{\"SELECTED_ONLY\":\"Show selected only\",\"SEARCH\":\"Search\",\"NO_RESULTS\":\"No search results\",\"RESET_SEARCH\":\"Reset search\"}},\"DROPDOWN_LIST\":{\"LABEL\":\"Listbox\"},\"FILE_UPLOADER\":{\"CHECKMARK\":\"Checkmark\",\"CHECKMARK_TITLE\":\"File uploaded!\",\"OPEN\":\"Add file\",\"REMOVE_BUTTON\":\"Close button\",\"REMOVE_TITLE\":\"Delete File\"},\"LOADING\":{\"TITLE\":\"Loading\"},\"MODAL\":{\"CLOSE\":\"Close modal\"},\"NOTIFICATION\":{\"CLOSE_BUTTON\":\"Close alert notification\"},\"OVERFLOW_MENU\":{\"OVERFLOW\":\"Overflow\"},\"SEARCH\":{\"LABEL\":\"Search\",\"PLACEHOLDER\":\"Search\",\"CLEAR_BUTTON\":\"Clear search input\",\"TOOLBAR_SEARCH\":\"Toolbar search\"},\"PAGINATION\":{\"ITEMS_PER_PAGE\":\"Items per page:\",\"OPEN_LIST_OF_OPTIONS\":\"Open list of options\",\"BACKWARD\":\"Backward\",\"FORWARD\":\"Forward\",\"TOTAL_ITEMS_UNKNOWN\":\"{{start}}-{{end}} items\",\"TOTAL_ITEMS\":\"{{start}}-{{end}} of {{total}} items\",\"TOTAL_PAGES\":\"{{current}} of {{last}} pages\",\"PAGE\":\"page\",\"OF_LAST_PAGES\":\"of {{last}} pages\"},\"TABLE\":{\"GO_TO_PAGE\":\"Go to page\",\"PREVIOUS_PAGE\":\"Previous page\",\"NEXT_PAGE\":\"Next page\",\"PREVIOUS_3\":\"Scroll to previous 3 pages\",\"NEXT_3\":\"Scroll to next 3 pages\",\"FILTER\":\"Filter\",\"END_OF_DATA\":\"You've reached the end of your content\",\"SCROLL_TOP\":\"Scroll to top\",\"CHECKBOX_HEADER\":\"Select all rows\",\"CHECKBOX_ROW\":\"Select {{value}}\",\"EXPAND_BUTTON\":\"Expand row\",\"SORT_DESCENDING\":\"Sort rows by this header in descending order\",\"SORT_ASCENDING\":\"Sort rows by this header in ascending order\",\"ROW\":\"row\"},\"TABLE_TOOLBAR\":{\"ACTION_BAR\":\"Table Action Bar\",\"CANCEL\":\"Cancel\"},\"TABS\":{\"BUTTON_ARIA_LEFT\":\"Go to the previous tab\",\"BUTTON_ARIA_RIGHT\":\"Go to the next tab\"},\"TILES\":{\"TILE\":\"tile\",\"EXPAND\":\"Expand\",\"COLLAPSE\":\"Collapse\"},\"TOGGLE\":{\"OFF\":\"Off\",\"ON\":\"On\"},\"UI_SHELL\":{\"SKIP_TO\":\"Skip to content\",\"HEADER\":{\"MENU\":\"Open menu\"},\"SIDE_NAV\":{\"LABEL\":\"Side navigation\",\"SWITCHER\":\"Switcher\",\"TOGGLE_OPEN\":\"Open\",\"TOGGLE_CLOSE\":\"Close\"}}}");
|
|
9209
9244
|
|
|
9210
9245
|
/***/ }),
|
|
9211
9246
|
|
|
@@ -10305,8 +10340,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
10305
10340
|
/* harmony import */ var _storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__);
|
|
10306
10341
|
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ */ "./src/index.ts");
|
|
10307
10342
|
var withStorySource = __webpack_require__(/*! @storybook/addon-storysource */ "./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource;
|
|
10308
|
-
var __STORY__ = "import { storiesOf, moduleMetadata } from '@storybook/angular';\nimport { action } from '@storybook/addon-actions';\nimport { withKnobs, text, boolean, select, number } from '@storybook/addon-knobs/angular';\n\nimport { InputModule, DocumentationModule } from '../';\n\nstoriesOf('Input', module)\n .addDecorator(\n moduleMetadata({\n imports: [InputModule, DocumentationModule],\n })\n )\n .addDecorator(withKnobs)\n .add('Label', () => ({\n template: `\n\t\t<ibm-label\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\">\n\t\t\t{{label}}\n\t\t\t<input\n\t\t\t\tibmText\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[theme]=\"theme\"\n\t\t\t\t[placeholder]=\"placeholder\">\n\t\t</ibm-label>\n\t`,\n props: {\n theme: select('Theme', ['dark', 'light'], 'dark'),\n disabled: boolean('Disabled', false),\n invalid: boolean('Show form validation', false),\n invalidText: text('Form validation content', 'Validation message here'),\n label: text('Label', 'Text Input label'),\n helperText: text('Helper text', 'Optional helper text.'),\n placeholder: text('Placeholder text', 'Placeholder text'),\n },\n }))\n .add('TextArea', () => ({\n template: `\n\t\t<ibm-label\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\">\n\t\t\t{{label}}\n\t\t\t<textarea\n\t\t\t\tibmTextArea\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[theme]=\"theme\"\n\t\t\t\t[rows]=\"rows\"\n\t\t\t\t[cols]=\"cols\"\n\t\t\t\taria-label=\"textarea\"></textarea>\n\t\t</ibm-label>\n\t`,\n props: {\n theme: select('Theme', ['dark', 'light'], 'dark'),\n disabled: boolean('Disabled', false),\n invalid: boolean('Show form validation', false),\n invalidText: text('Form validation content', 'Validation message here'),\n label: text('Label', 'Text area label'),\n helperText: text('Helper text', 'Optional helper text.'),\n placeholder: text('Placeholder text', 'Placeholder text'),\n cols: number('cols', 50),\n rows: number('rows', 4),\n },\n }))\n .add('Skeleton', () => ({\n template: `\n\t\t<ibm-label skeleton=\"true\">\n\t\t\t<input ibmText skeleton=\"true\">\n\t\t</ibm-label>\n\t\t<br>\n\t\t<input ibmText skeleton=\"true\">\n\t\t<br><br>\n\t\t<ibm-label skeleton=\"true\">\n\t\t\t<div ibmTextArea skeleton=\"true\"></div>\n\t\t</ibm-label>\n\t\t`,\n }))\n .add('Documentation', () => ({\n template: `\n\t\t\t<ibm-documentation src=\"documentation/components/Label.html\"></ibm-documentation>\n\t\t`,\n }));\n";
|
|
10309
|
-
var __ADDS_MAP__ = { "input--documentation": { "startLoc": { "col": 7, "line":
|
|
10343
|
+
var __STORY__ = "import { storiesOf, moduleMetadata } from '@storybook/angular';\nimport { action } from '@storybook/addon-actions';\nimport { withKnobs, text, boolean, select, number } from '@storybook/addon-knobs/angular';\n\nimport { InputModule, DocumentationModule } from '../';\n\nstoriesOf('Input', module)\n .addDecorator(\n moduleMetadata({\n imports: [InputModule, DocumentationModule],\n })\n )\n .addDecorator(withKnobs)\n .add('Label', () => ({\n template: `\n\t\t<ibm-label\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\">\n\t\t\t{{label}}\n\t\t\t<input\n\t\t\t\tibmText\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[theme]=\"theme\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t[autocomplete]=\"autocomplete\">\n\t\t</ibm-label>\n\t`,\n props: {\n theme: select('Theme', ['dark', 'light'], 'dark'),\n disabled: boolean('Disabled', false),\n invalid: boolean('Show form validation', false),\n invalidText: text('Form validation content', 'Validation message here'),\n label: text('Label', 'Text Input label'),\n helperText: text('Helper text', 'Optional helper text.'),\n placeholder: text('Placeholder text', 'Placeholder text'),\n autocomplete: text('autocomplete', 'on'),\n },\n }))\n .add('TextArea', () => ({\n template: `\n\t\t<ibm-label\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\">\n\t\t\t{{label}}\n\t\t\t<textarea\n\t\t\t\tibmTextArea\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[theme]=\"theme\"\n\t\t\t\t[rows]=\"rows\"\n\t\t\t\t[cols]=\"cols\"\n\t\t\t\taria-label=\"textarea\"></textarea>\n\t\t</ibm-label>\n\t`,\n props: {\n theme: select('Theme', ['dark', 'light'], 'dark'),\n disabled: boolean('Disabled', false),\n invalid: boolean('Show form validation', false),\n invalidText: text('Form validation content', 'Validation message here'),\n label: text('Label', 'Text area label'),\n helperText: text('Helper text', 'Optional helper text.'),\n placeholder: text('Placeholder text', 'Placeholder text'),\n cols: number('cols', 50),\n rows: number('rows', 4),\n },\n }))\n .add('Skeleton', () => ({\n template: `\n\t\t<ibm-label skeleton=\"true\">\n\t\t\t<input ibmText skeleton=\"true\">\n\t\t</ibm-label>\n\t\t<br>\n\t\t<input ibmText skeleton=\"true\">\n\t\t<br><br>\n\t\t<ibm-label skeleton=\"true\">\n\t\t\t<div ibmTextArea skeleton=\"true\"></div>\n\t\t</ibm-label>\n\t\t`,\n }))\n .add('Documentation', () => ({\n template: `\n\t\t\t<ibm-documentation src=\"documentation/components/Label.html\"></ibm-documentation>\n\t\t`,\n }));\n";
|
|
10344
|
+
var __ADDS_MAP__ = { "input--documentation": { "startLoc": { "col": 7, "line": 84 }, "endLoc": { "col": 4, "line": 88 } }, "input--skeleton": { "startLoc": { "col": 7, "line": 71 }, "endLoc": { "col": 4, "line": 83 } }, "input--textarea": { "startLoc": { "col": 7, "line": 41 }, "endLoc": { "col": 4, "line": 70 } }, "input--label": { "startLoc": { "col": 7, "line": 14 }, "endLoc": { "col": 4, "line": 40 } } };
|
|
10310
10345
|
|
|
10311
10346
|
|
|
10312
10347
|
|
|
@@ -10315,7 +10350,7 @@ Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_0__["storiesOf"])("Input", mo
|
|
|
10315
10350
|
}))
|
|
10316
10351
|
.addDecorator(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["withKnobs"])
|
|
10317
10352
|
.add("Label", function () { return ({
|
|
10318
|
-
template: "\n\t\t<ibm-label\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\">\n\t\t\t{{label}}\n\t\t\t<input\n\t\t\t\tibmText\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[theme]=\"theme\"\n\t\t\t\t[placeholder]=\"placeholder\">\n\t\t</ibm-label>\n\t",
|
|
10353
|
+
template: "\n\t\t<ibm-label\n\t\t\t[helperText]=\"helperText\"\n\t\t\t[invalid]=\"invalid\"\n\t\t\t[invalidText]=\"invalidText\">\n\t\t\t{{label}}\n\t\t\t<input\n\t\t\t\tibmText\n\t\t\t\t[invalid]=\"invalid\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[theme]=\"theme\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t[autocomplete]=\"autocomplete\">\n\t\t</ibm-label>\n\t",
|
|
10319
10354
|
props: {
|
|
10320
10355
|
theme: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["select"])("Theme", ["dark", "light"], "dark"),
|
|
10321
10356
|
disabled: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["boolean"])("Disabled", false),
|
|
@@ -10323,7 +10358,8 @@ Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_0__["storiesOf"])("Input", mo
|
|
|
10323
10358
|
invalidText: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["text"])("Form validation content", "Validation message here"),
|
|
10324
10359
|
label: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["text"])("Label", "Text Input label"),
|
|
10325
10360
|
helperText: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["text"])("Helper text", "Optional helper text."),
|
|
10326
|
-
placeholder: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["text"])("Placeholder text", "Placeholder text")
|
|
10361
|
+
placeholder: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["text"])("Placeholder text", "Placeholder text"),
|
|
10362
|
+
autocomplete: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["text"])("autocomplete", "on")
|
|
10327
10363
|
}
|
|
10328
10364
|
}); })
|
|
10329
10365
|
.add("TextArea", function () { return ({
|
|
@@ -13198,7 +13234,7 @@ var Toast = /** @class */ (function (_super) {
|
|
|
13198
13234
|
Toast = __decorate([
|
|
13199
13235
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
|
|
13200
13236
|
selector: "ibm-toast",
|
|
13201
|
-
template: "\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-
|
|
13237
|
+
template: "\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"
|
|
13202
13238
|
}),
|
|
13203
13239
|
__metadata("design:paramtypes", [typeof (_b = typeof _notification_display_service__WEBPACK_IMPORTED_MODULE_4__["NotificationDisplayService"] !== "undefined" && _notification_display_service__WEBPACK_IMPORTED_MODULE_4__["NotificationDisplayService"]) === "function" && _b || Object, typeof (_c = typeof _i18n_i18n_module__WEBPACK_IMPORTED_MODULE_5__["I18n"] !== "undefined" && _i18n_i18n_module__WEBPACK_IMPORTED_MODULE_5__["I18n"]) === "function" && _c || Object, typeof (_d = typeof _experimental_module__WEBPACK_IMPORTED_MODULE_3__["ExperimentalService"] !== "undefined" && _experimental_module__WEBPACK_IMPORTED_MODULE_3__["ExperimentalService"]) === "function" && _d || Object])
|
|
13204
13240
|
], Toast);
|
|
@@ -15300,7 +15336,7 @@ Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_0__["storiesOf"])("Radio", mo
|
|
|
15300
15336
|
/*! no static exports found */
|
|
15301
15337
|
/***/ (function(module, exports) {
|
|
15302
15338
|
|
|
15303
|
-
module.exports = "<div\n\tclass=\"bx--search\"\n\t[ngClass]=\"{\n\t\t'bx--search--sm': size === 'sm',\n\t\t'bx--search--xl': size === 'xl',\n\t\t'bx--search--light': theme === 'light',\n\t\t'bx--skeleton': skeleton,\n\t\t'bx--toolbar-search': toolbar,\n\t\t'bx--toolbar-search--active': toolbar && active\n\t}\"\n\trole=\"search\">\n\t<label class=\"bx--label\" [for]=\"id\">{{label}}</label>\n\n\t<div *ngIf=\"skeleton; else enableInput\" class=\"bx--search-input\"></div>\n\t<ng-template #enableInput>\n\t\t<input\n\t\t\t#input\n\t\t\t*ngIf=\"!toolbar || active || value !== ''\"\n\t\t\tclass=\"bx--search-input\"\n\t\t\t[type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\n\t\t\trole=\"search\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[required]=\"required\"\n\t\t\t(input)=\"onSearch($event.target.value)\"/>\n\t\t<button *ngIf=\"!tableSearch && toolbar\" class=\"bx--toolbar-search__btn\" (click)=\"openSearch()\">\n\t\t\t<ibm-icon-search16 class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t\t</button>\n\t\t<ibm-icon-search16 *ngIf=\"tableSearch || !toolbar\" (click)=\"openSearch()\" class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t</ng-template>\n\n\t<button\n\t\t*ngIf=\"tableSearch || !toolbar\"\n\t\tclass=\"bx--search-close\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--search-close--hidden': !value || value.length === 0\n\t\t}\"\n\t\t[title]=\"clearButtonTitle\"\n\t\t[attr.aria-label]=\"clearButtonTitle\"\n\t\t(click)=\"clearSearch()\">\n\t\t<ibm-icon-close16></ibm-icon-close16>\n\t</button>\n</div>\n"
|
|
15339
|
+
module.exports = "<div\n\tclass=\"bx--search\"\n\t[ngClass]=\"{\n\t\t'bx--search--sm': size === 'sm',\n\t\t'bx--search--xl': size === 'xl',\n\t\t'bx--search--light': theme === 'light',\n\t\t'bx--skeleton': skeleton,\n\t\t'bx--toolbar-search': toolbar,\n\t\t'bx--toolbar-search--active': toolbar && active\n\t}\"\n\trole=\"search\">\n\t<label class=\"bx--label\" [for]=\"id\">{{label}}</label>\n\n\t<div *ngIf=\"skeleton; else enableInput\" class=\"bx--search-input\"></div>\n\t<ng-template #enableInput>\n\t\t<input\n\t\t\t#input\n\t\t\t*ngIf=\"!toolbar || active || value !== ''\"\n\t\t\tclass=\"bx--search-input\"\n\t\t\t[type]=\"tableSearch || !toolbar ? 'text' : 'search'\"\n\t\t\trole=\"search\"\n\t\t\t[id]=\"id\"\n\t\t\t[value]=\"value\"\n\t\t\t[autocomplete]=\"autocomplete\"\n\t\t\t[placeholder]=\"placeholder\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[required]=\"required\"\n\t\t\t(input)=\"onSearch($event.target.value)\"/>\n\t\t<button *ngIf=\"!tableSearch && toolbar\" class=\"bx--toolbar-search__btn\" (click)=\"openSearch()\">\n\t\t\t<ibm-icon-search16 class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t\t</button>\n\t\t<ibm-icon-search16 *ngIf=\"tableSearch || !toolbar\" (click)=\"openSearch()\" class=\"bx--search-magnifier\"></ibm-icon-search16>\n\t</ng-template>\n\n\t<button\n\t\t*ngIf=\"tableSearch || !toolbar\"\n\t\tclass=\"bx--search-close\"\n\t\t[ngClass]=\"{\n\t\t\t'bx--search-close--hidden': !value || value.length === 0\n\t\t}\"\n\t\t[title]=\"clearButtonTitle\"\n\t\t[attr.aria-label]=\"clearButtonTitle\"\n\t\t(click)=\"clearSearch()\">\n\t\t<ibm-icon-close16></ibm-icon-close16>\n\t</button>\n</div>\n"
|
|
15304
15340
|
|
|
15305
15341
|
/***/ }),
|
|
15306
15342
|
|
|
@@ -15388,6 +15424,11 @@ var Search = /** @class */ (function () {
|
|
|
15388
15424
|
* Sets the value attribute on the `input` element.
|
|
15389
15425
|
*/
|
|
15390
15426
|
this.value = "";
|
|
15427
|
+
/**
|
|
15428
|
+
* Sets the autocomplete attribute on the `input` element.
|
|
15429
|
+
* For refernece: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#Values
|
|
15430
|
+
*/
|
|
15431
|
+
this.autocomplete = "on";
|
|
15391
15432
|
/**
|
|
15392
15433
|
* Sets the text inside the `label` tag.
|
|
15393
15434
|
*/
|
|
@@ -15560,6 +15601,10 @@ var Search = /** @class */ (function () {
|
|
|
15560
15601
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
|
|
15561
15602
|
__metadata("design:type", Object)
|
|
15562
15603
|
], Search.prototype, "value", void 0);
|
|
15604
|
+
__decorate([
|
|
15605
|
+
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
|
|
15606
|
+
__metadata("design:type", Object)
|
|
15607
|
+
], Search.prototype, "autocomplete", void 0);
|
|
15563
15608
|
__decorate([
|
|
15564
15609
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
|
|
15565
15610
|
__metadata("design:type", Object)
|
|
@@ -15693,8 +15738,8 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
15693
15738
|
/* harmony import */ var _storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__);
|
|
15694
15739
|
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ */ "./src/index.ts");
|
|
15695
15740
|
var withStorySource = __webpack_require__(/*! @storybook/addon-storysource */ "./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource;
|
|
15696
|
-
var __STORY__ = "import { storiesOf, moduleMetadata } from '@storybook/angular';\nimport { withKnobs, boolean, select, text } from '@storybook/addon-knobs/angular';\n\nimport { SearchModule, DocumentationModule } from '../';\n\nstoriesOf('Search', module)\n .addDecorator(\n moduleMetadata({\n imports: [SearchModule, DocumentationModule],\n })\n )\n .addDecorator(withKnobs)\n .add('Basic', () => ({\n template: `\n\t\t\t<ibm-search
|
|
15697
|
-
var __ADDS_MAP__ = { "search--documentation": { "startLoc": { "col": 7, "line":
|
|
15741
|
+
var __STORY__ = "import { storiesOf, moduleMetadata } from '@storybook/angular';\nimport { withKnobs, boolean, select, text } from '@storybook/addon-knobs/angular';\n\nimport { SearchModule, DocumentationModule } from '../';\n\nstoriesOf('Search', module)\n .addDecorator(\n moduleMetadata({\n imports: [SearchModule, DocumentationModule],\n })\n )\n .addDecorator(withKnobs)\n .add('Basic', () => ({\n template: `\n\t\t\t<ibm-search\n\t\t\t\t[theme]=\"theme\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t[autocomplete]=\"autocomplete\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[size]=\"size\">\n\t\t\t</ibm-search>\n\t\t`,\n props: {\n size: select('size', ['lg', 'sm'], 'lg'),\n theme: select('theme', ['dark', 'light'], 'dark'),\n disabled: boolean('disabled', false),\n autocomplete: text('autocomplete', 'on'),\n placeholder: text('placeholder', 'Search'),\n },\n }))\n .add('Toolbar search', () => ({\n template: `\n\t\t<div class=\"bx--toolbar\">\n\t\t\t<ibm-search placeholder=\"search\" size=\"sm\" toolbar=\"true\"></ibm-search>\n\t\t</div>\n\t\t`,\n }))\n .add('Skeleton', () => ({\n template: `\n\t\t<div style=\"width: 200px;\">\n\t\t\t<ibm-search skeleton=\"true\"></ibm-search>\n\t\t\t \n\t\t\t<ibm-search skeleton=\"true\" size=\"sm\"></ibm-search>\n\t\t</div>\n\t\t`,\n }))\n .add('Documentation', () => ({\n template: `\n\t\t\t<ibm-documentation src=\"documentation/components/Search.html\"></ibm-documentation>\n\t\t`,\n }));\n";
|
|
15742
|
+
var __ADDS_MAP__ = { "search--documentation": { "startLoc": { "col": 7, "line": 47 }, "endLoc": { "col": 4, "line": 51 } }, "search--skeleton": { "startLoc": { "col": 7, "line": 38 }, "endLoc": { "col": 4, "line": 46 } }, "search--toolbar-search": { "startLoc": { "col": 7, "line": 31 }, "endLoc": { "col": 4, "line": 37 } }, "search--basic": { "startLoc": { "col": 7, "line": 13 }, "endLoc": { "col": 4, "line": 30 } } };
|
|
15698
15743
|
|
|
15699
15744
|
|
|
15700
15745
|
|
|
@@ -15703,11 +15748,12 @@ Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_0__["storiesOf"])("Search", m
|
|
|
15703
15748
|
}))
|
|
15704
15749
|
.addDecorator(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["withKnobs"])
|
|
15705
15750
|
.add("Basic", function () { return ({
|
|
15706
|
-
template: "\n\t\t\t<ibm-search
|
|
15751
|
+
template: "\n\t\t\t<ibm-search\n\t\t\t\t[theme]=\"theme\"\n\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t[autocomplete]=\"autocomplete\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t[size]=\"size\">\n\t\t\t</ibm-search>\n\t\t",
|
|
15707
15752
|
props: {
|
|
15708
15753
|
size: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["select"])("size", ["lg", "sm"], "lg"),
|
|
15709
15754
|
theme: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["select"])("theme", ["dark", "light"], "dark"),
|
|
15710
15755
|
disabled: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["boolean"])("disabled", false),
|
|
15756
|
+
autocomplete: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["text"])("autocomplete", "on"),
|
|
15711
15757
|
placeholder: Object(_storybook_addon_knobs_angular__WEBPACK_IMPORTED_MODULE_1__["text"])("placeholder", "Search")
|
|
15712
15758
|
}
|
|
15713
15759
|
}); })
|
|
@@ -16000,7 +16046,7 @@ var Select = /** @class */ (function () {
|
|
|
16000
16046
|
Select = Select_1 = __decorate([
|
|
16001
16047
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
|
|
16002
16048
|
selector: "ibm-select",
|
|
16003
|
-
template: "\n\t\t<div class=\"bx--form-item\">\n\t\t\t<div\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--select--inline': display === 'inline',\n\t\t\t\t\t'bx--select--light': theme === 'light',\n\t\t\t\t\t'bx--skeleton': skeleton\n\t\t\t\t}\"\n\t\t\t\tclass=\"bx--select\"\n\t\t\t\tstyle=\"width: 100%\">\n\t\t\t\t<label *ngIf=\"skeleton\" [for]=\"id\" class=\"bx--label bx--skeleton\"></label>\n\t\t\t\t<label *ngIf=\"!skeleton\" [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"bx--select-input__wrapper\" [attr.data-invalid]=\"(invalid ? true : null)\">\n\t\t\t\t\t<select\n\t\t\t\t\t\t#select\n\t\t\t\t\t\t[attr.id]=\"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"\n\t\t\t\t\t\tclass=\"bx--select-input\">\n\t\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t\t</select>\n\t\t\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t\t\t*ngIf=\"!skeleton && invalid\"\n\t\t\t\t\t\tclass=\"bx--select__invalid-icon\"\n\t\t\t\t\t\tstyle=\"display: inherit;\">\n\t\t\t\t\t</ibm-icon-warning-filled16>\n\t\t\t\t\t<ibm-icon-chevron-down16 *ngIf=\"!skeleton\" class=\"bx--select__arrow\" style=\"display: inherit;\"></ibm-icon-chevron-down16>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t",
|
|
16049
|
+
template: "\n\t\t<div class=\"bx--form-item\">\n\t\t\t<div\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--select--inline': display === 'inline',\n\t\t\t\t\t'bx--select--light': theme === 'light',\n\t\t\t\t\t'bx--skeleton': skeleton\n\t\t\t\t}\"\n\t\t\t\tclass=\"bx--select\"\n\t\t\t\tstyle=\"width: 100%\">\n\t\t\t\t<label *ngIf=\"skeleton && label\" [for]=\"id\" class=\"bx--label bx--skeleton\"></label>\n\t\t\t\t<label *ngIf=\"!skeleton && label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"bx--select-input__wrapper\" [attr.data-invalid]=\"(invalid ? true : null)\">\n\t\t\t\t\t<select\n\t\t\t\t\t\t#select\n\t\t\t\t\t\t[attr.id]=\"id\"\n\t\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t\t(change)=\"onChange($event)\"\n\t\t\t\t\t\tclass=\"bx--select-input\">\n\t\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t\t</select>\n\t\t\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t\t\t*ngIf=\"!skeleton && invalid\"\n\t\t\t\t\t\tclass=\"bx--select__invalid-icon\"\n\t\t\t\t\t\tstyle=\"display: inherit;\">\n\t\t\t\t\t</ibm-icon-warning-filled16>\n\t\t\t\t\t<ibm-icon-chevron-down16 *ngIf=\"!skeleton\" class=\"bx--select__arrow\" style=\"display: inherit;\"></ibm-icon-chevron-down16>\n\t\t\t\t</div>\n\t\t\t\t<div *ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t",
|
|
16004
16050
|
styles: ["\n\t\t[data-invalid] ~ .bx--select__arrow {\n\t\t\tbottom: 2.25rem;\n\t\t}\n\t"],
|
|
16005
16051
|
providers: [
|
|
16006
16052
|
{
|
|
@@ -16227,9 +16273,9 @@ var Slider = /** @class */ (function () {
|
|
|
16227
16273
|
this.isMouseDown = false;
|
|
16228
16274
|
/** Array of event subscriptions so we can batch unsubscribe in `ngOnDestroy` */
|
|
16229
16275
|
this.eventSubscriptions = [];
|
|
16230
|
-
this._value = this.min;
|
|
16231
16276
|
this._min = 0;
|
|
16232
16277
|
this._max = 100;
|
|
16278
|
+
this._value = this.min;
|
|
16233
16279
|
this._disabled = false;
|
|
16234
16280
|
/** Send changes back to the model */
|
|
16235
16281
|
this.propagateChange = function (_) { };
|
|
@@ -16243,6 +16289,9 @@ var Slider = /** @class */ (function () {
|
|
|
16243
16289
|
},
|
|
16244
16290
|
/** The lower bound of our range */
|
|
16245
16291
|
set: function (v) {
|
|
16292
|
+
if (!v) {
|
|
16293
|
+
return;
|
|
16294
|
+
}
|
|
16246
16295
|
this._min = v;
|
|
16247
16296
|
// force the component to update
|
|
16248
16297
|
this.value = this.value;
|
|
@@ -16256,6 +16305,9 @@ var Slider = /** @class */ (function () {
|
|
|
16256
16305
|
},
|
|
16257
16306
|
/** The upper bound of our range */
|
|
16258
16307
|
set: function (v) {
|
|
16308
|
+
if (!v) {
|
|
16309
|
+
return;
|
|
16310
|
+
}
|
|
16259
16311
|
this._max = v;
|
|
16260
16312
|
// force the component to update
|
|
16261
16313
|
this.value = this.value;
|
|
@@ -16545,7 +16597,7 @@ var Slider = /** @class */ (function () {
|
|
|
16545
16597
|
Slider = Slider_1 = __decorate([
|
|
16546
16598
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
|
|
16547
16599
|
selector: "ibm-slider",
|
|
16548
|
-
template: "\n\t\t<ng-container *ngIf=\"!skeleton; else skeletonTemplate\">\n\t\t\t<label for=\"slider\" class=\"bx--label\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t</label>\n\t\t\t<div class=\"bx--slider-container\">\n\t\t\t\t<label [id]=\"bottomRangeId\" class=\"bx--slider__range-label\">\n\t\t\t\t\t<ng-content select=\"[minLabel]\"></ng-content>\n\t\t\t\t</label>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"bx--slider\"\n\t\t\t\t\t[ngClass]=\"{'bx--slider--disabled': disabled}\">\n\t\t\t\t\t<div\n\t\t\t\t\t\t#thumb\n\t\t\t\t\t\tclass=\"bx--slider__thumb\"\n\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t(mousedown)=\"onMouseDown($event)\"\n\t\t\t\t\t\t(keydown)=\"onKeyDown($event)\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\t#track\n\t\t\t\t\t\tclass=\"bx--slider__track\"\n\t\t\t\t\t\t(click)=\"onClick($event)\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\t#filledTrack\n\t\t\t\t\t\tclass=\"bx--slider__filled-track\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\t#range\n\t\t\t\t\t\taria-label=\"slider\"\n\t\t\t\t\t\tclass=\"bx--slider__input\"\n\t\t\t\t\t\ttype=\"range\"\n\t\t\t\t\t\t[step]=\"step\"\n\t\t\t\t\t\t[min]=\"min\"\n\t\t\t\t\t\t[max]=\"max\"\n\t\t\t\t\t\t[value]=\"value.toString()\">\n\t\t\t\t</div>\n\t\t\t\t<label [id]=\"topRangeId\" class=\"bx--slider__range-label\">\n\t\t\t\t\t<ng-content select=\"[maxLabel]\"></ng-content>\n\t\t\t\t</label>\n\t\t\t\t<ng-content select=\"input\"></ng-content>\n\t\t\t</div>\n\t\t</ng-container>\n\n\t\t<ng-template #skeletonTemplate>\n\t\t\t<label class=\"bx--label bx--skeleton\"></label>\n\t\t\t<div class=\"bx--slider-container bx--skeleton\">\n\t\t\t\t<span class=\"bx--slider__range-label\"></span>\n\t\t\t\t<div class=\"bx--slider\">\n\t\t\t\t\t<div class=\"bx--slider__thumb\"></div>\n\t\t\t\t\t<div class=\"bx--slider__track\"></div>\n\t\t\t\t\t<div class=\"bx--slider__filled-track\"></div>\n\t\t\t\t</div>\n\t\t\t\t<span class=\"bx--slider__range-label\"></span>\n\t\t\t</div>\n\t\t</ng-template>\n\t",
|
|
16600
|
+
template: "\n\t\t<ng-container *ngIf=\"!skeleton; else skeletonTemplate\">\n\t\t\t<label *ngIf=\"label\" for=\"slider\" class=\"bx--label\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t</label>\n\t\t\t<div class=\"bx--slider-container\">\n\t\t\t\t<label [id]=\"bottomRangeId\" class=\"bx--slider__range-label\">\n\t\t\t\t\t<ng-content select=\"[minLabel]\"></ng-content>\n\t\t\t\t</label>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"bx--slider\"\n\t\t\t\t\t[ngClass]=\"{'bx--slider--disabled': disabled}\">\n\t\t\t\t\t<div\n\t\t\t\t\t\t#thumb\n\t\t\t\t\t\tclass=\"bx--slider__thumb\"\n\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t(mousedown)=\"onMouseDown($event)\"\n\t\t\t\t\t\t(keydown)=\"onKeyDown($event)\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\t#track\n\t\t\t\t\t\tclass=\"bx--slider__track\"\n\t\t\t\t\t\t(click)=\"onClick($event)\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\t#filledTrack\n\t\t\t\t\t\tclass=\"bx--slider__filled-track\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\t#range\n\t\t\t\t\t\taria-label=\"slider\"\n\t\t\t\t\t\tclass=\"bx--slider__input\"\n\t\t\t\t\t\ttype=\"range\"\n\t\t\t\t\t\t[step]=\"step\"\n\t\t\t\t\t\t[min]=\"min\"\n\t\t\t\t\t\t[max]=\"max\"\n\t\t\t\t\t\t[value]=\"value.toString()\">\n\t\t\t\t</div>\n\t\t\t\t<label [id]=\"topRangeId\" class=\"bx--slider__range-label\">\n\t\t\t\t\t<ng-content select=\"[maxLabel]\"></ng-content>\n\t\t\t\t</label>\n\t\t\t\t<ng-content select=\"input\"></ng-content>\n\t\t\t</div>\n\t\t</ng-container>\n\n\t\t<ng-template #skeletonTemplate>\n\t\t\t<label *ngIf=\"label\" class=\"bx--label bx--skeleton\"></label>\n\t\t\t<div class=\"bx--slider-container bx--skeleton\">\n\t\t\t\t<span class=\"bx--slider__range-label\"></span>\n\t\t\t\t<div class=\"bx--slider\">\n\t\t\t\t\t<div class=\"bx--slider__thumb\"></div>\n\t\t\t\t\t<div class=\"bx--slider__track\"></div>\n\t\t\t\t\t<div class=\"bx--slider__filled-track\"></div>\n\t\t\t\t</div>\n\t\t\t\t<span class=\"bx--slider__range-label\"></span>\n\t\t\t</div>\n\t\t</ng-template>\n\t",
|
|
16549
16601
|
providers: [
|
|
16550
16602
|
{
|
|
16551
16603
|
provide: _angular_forms__WEBPACK_IMPORTED_MODULE_2__["NG_VALUE_ACCESSOR"],
|
|
@@ -20504,6 +20556,11 @@ var TabHeaders = /** @class */ (function () {
|
|
|
20504
20556
|
this.selectTab(event.target, tabsArray[this.currentSelectedTab], this.currentSelectedTab);
|
|
20505
20557
|
}
|
|
20506
20558
|
};
|
|
20559
|
+
TabHeaders.prototype.focusOut = function (event) {
|
|
20560
|
+
if (this.tabListVisible && event.relatedTarget === null) {
|
|
20561
|
+
this.tabListVisible = false;
|
|
20562
|
+
}
|
|
20563
|
+
};
|
|
20507
20564
|
TabHeaders.prototype.ngAfterContentInit = function () {
|
|
20508
20565
|
var _this = this;
|
|
20509
20566
|
if (!this.tabInput) {
|
|
@@ -20583,6 +20640,14 @@ var TabHeaders = /** @class */ (function () {
|
|
|
20583
20640
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
|
|
20584
20641
|
__metadata("design:type", Object)
|
|
20585
20642
|
], TabHeaders.prototype, "skeleton", void 0);
|
|
20643
|
+
__decorate([
|
|
20644
|
+
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
|
|
20645
|
+
__metadata("design:type", String)
|
|
20646
|
+
], TabHeaders.prototype, "ariaLabel", void 0);
|
|
20647
|
+
__decorate([
|
|
20648
|
+
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
|
|
20649
|
+
__metadata("design:type", String)
|
|
20650
|
+
], TabHeaders.prototype, "ariaLabelledby", void 0);
|
|
20586
20651
|
__decorate([
|
|
20587
20652
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
|
|
20588
20653
|
__metadata("design:type", Object)
|
|
@@ -20609,10 +20674,16 @@ var TabHeaders = /** @class */ (function () {
|
|
|
20609
20674
|
__metadata("design:paramtypes", [Object]),
|
|
20610
20675
|
__metadata("design:returntype", void 0)
|
|
20611
20676
|
], TabHeaders.prototype, "keyboardInput", null);
|
|
20677
|
+
__decorate([
|
|
20678
|
+
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["HostListener"])("focusout", ["$event"]),
|
|
20679
|
+
__metadata("design:type", Function),
|
|
20680
|
+
__metadata("design:paramtypes", [Object]),
|
|
20681
|
+
__metadata("design:returntype", void 0)
|
|
20682
|
+
], TabHeaders.prototype, "focusOut", null);
|
|
20612
20683
|
TabHeaders = __decorate([
|
|
20613
20684
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
|
|
20614
20685
|
selector: "ibm-tab-headers",
|
|
20615
|
-
template: "\n\t\t<nav\n\t\t\tclass=\"bx--tabs\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--skeleton': skeleton\n\t\t\t}\"\n\t\t\trole=\"navigation\">\n\t\t\t<div class=\"bx--tabs-trigger\" tabindex=\"0\" (click)=\"showTabList()\">\n\t\t\t\t<a href=\"javascript:void(0)\" class=\"bx--tabs-trigger-text\" tabindex=\"-1\">\n\t\t\t\t\t<ng-container *ngIf=\"!getSelectedTab().headingIsTemplate\">\n\t\t\t\t\t\t{{ getSelectedTab().heading }}\n\t\t\t\t\t</ng-container>\n\t\t\t\t\t<ng-template\n\t\t\t\t\t\t*ngIf=\"getSelectedTab().headingIsTemplate\"\n\t\t\t\t\t\t[ngTemplateOutlet]=\"getSelectedTab().heading\">\n\t\t\t\t\t</ng-template>\n\t\t\t\t</a>\n\t\t\t\t<svg width=\"10\" height=\"5\" viewBox=\"0 0 10 5\">\n\t\t\t\t\t<path d=\"M0 0l5 4.998L10 0z\" fill-rule=\"evenodd\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<ul\n\t\t\t\t#tabList\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--tabs__nav--hidden': !tabListVisible\n\t\t\t\t}\"\n\t\t\t\tclass=\"bx--tabs__nav\"\n\t\t\t\trole=\"tablist\">\n\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t<ng-container *ngIf=\"contentBefore\" [ngTemplateOutlet]=\"contentBefore\"></ng-container>\n\t\t\t\t</li>\n\t\t\t\t<li\n\t\t\t\t\t*ngFor=\"let tab of tabs; let i = index;\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'bx--tabs__nav-item--selected': tab.active,\n\t\t\t\t\t\t'bx--tabs__nav-item--disabled': tab.disabled\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"bx--tabs__nav-item\"\n\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t(click)=\"selectTab(tabref, tab, i)\">\n\t\t\t\t\t<a\n\t\t\t\t\t\t#tabItem\n\t\t\t\t\t\t[attr.aria-selected]=\"tab.active\"\n\t\t\t\t\t\t[attr.tabindex]=\"(tab.active?0:-1)\"\n\t\t\t\t\t\t[attr.aria-controls]=\"tab.id\"\n\t\t\t\t\t\t(focus)=\"onTabFocus(tabref, i)\"\n\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\tid=\"{{tab.id}}-header\"\n\t\t\t\t\t\tclass=\"bx--tabs__nav-link\"\n\t\t\t\t\t\thref=\"javascript:void(0)\"\n\t\t\t\t\t\trole=\"tab\">\n\t\t\t\t\t\t<ng-container *ngIf=\"!tab.headingIsTemplate\">\n\t\t\t\t\t\t\t{{ tab.heading }}\n\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t*ngIf=\"tab.headingIsTemplate\"\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"tab.heading\"\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{$implicit: tab.context}\">\n\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t<ng-container *ngIf=\"contentAfter\" [ngTemplateOutlet]=\"contentAfter\"></ng-container>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</nav>\n\t "
|
|
20686
|
+
template: "\n\t\t<nav\n\t\t\tclass=\"bx--tabs\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--skeleton': skeleton\n\t\t\t}\"\n\t\t\trole=\"navigation\"\n\t\t\t[attr.aria-label]=\"ariaLabel\"\n\t\t\t[attr.aria-labelledby]=\"ariaLabelledby\">\n\t\t\t<div class=\"bx--tabs-trigger\" tabindex=\"0\" (click)=\"showTabList()\">\n\t\t\t\t<a href=\"javascript:void(0)\" class=\"bx--tabs-trigger-text\" tabindex=\"-1\">\n\t\t\t\t\t<ng-container *ngIf=\"!getSelectedTab().headingIsTemplate\">\n\t\t\t\t\t\t{{ getSelectedTab().heading }}\n\t\t\t\t\t</ng-container>\n\t\t\t\t\t<ng-template\n\t\t\t\t\t\t*ngIf=\"getSelectedTab().headingIsTemplate\"\n\t\t\t\t\t\t[ngTemplateOutlet]=\"getSelectedTab().heading\">\n\t\t\t\t\t</ng-template>\n\t\t\t\t</a>\n\t\t\t\t<svg width=\"10\" height=\"5\" viewBox=\"0 0 10 5\">\n\t\t\t\t\t<path d=\"M0 0l5 4.998L10 0z\" fill-rule=\"evenodd\"></path>\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t\t<ul\n\t\t\t\t#tabList\n\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t'bx--tabs__nav--hidden': !tabListVisible\n\t\t\t\t}\"\n\t\t\t\tclass=\"bx--tabs__nav\"\n\t\t\t\trole=\"tablist\">\n\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t<ng-container *ngIf=\"contentBefore\" [ngTemplateOutlet]=\"contentBefore\"></ng-container>\n\t\t\t\t</li>\n\t\t\t\t<li\n\t\t\t\t\t*ngFor=\"let tab of tabs; let i = index;\"\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'bx--tabs__nav-item--selected': tab.active,\n\t\t\t\t\t\t'bx--tabs__nav-item--disabled': tab.disabled\n\t\t\t\t\t}\"\n\t\t\t\t\tclass=\"bx--tabs__nav-item\"\n\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t(click)=\"selectTab(tabref, tab, i)\">\n\t\t\t\t\t<a\n\t\t\t\t\t\t#tabItem\n\t\t\t\t\t\t[attr.aria-selected]=\"tab.active\"\n\t\t\t\t\t\t[attr.tabindex]=\"(tab.active?0:-1)\"\n\t\t\t\t\t\t[attr.aria-controls]=\"tab.id\"\n\t\t\t\t\t\t(focus)=\"onTabFocus(tabref, i)\"\n\t\t\t\t\t\tdraggable=\"false\"\n\t\t\t\t\t\tid=\"{{tab.id}}-header\"\n\t\t\t\t\t\tclass=\"bx--tabs__nav-link\"\n\t\t\t\t\t\thref=\"javascript:void(0)\"\n\t\t\t\t\t\trole=\"tab\">\n\t\t\t\t\t\t<ng-container *ngIf=\"!tab.headingIsTemplate\">\n\t\t\t\t\t\t\t{{ tab.heading }}\n\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t*ngIf=\"tab.headingIsTemplate\"\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"tab.heading\"\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{$implicit: tab.context}\">\n\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t<ng-container *ngIf=\"contentAfter\" [ngTemplateOutlet]=\"contentAfter\"></ng-container>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</nav>\n\t "
|
|
20616
20687
|
})
|
|
20617
20688
|
], TabHeaders);
|
|
20618
20689
|
return TabHeaders;
|
|
@@ -20920,6 +20991,14 @@ var Tabs = /** @class */ (function () {
|
|
|
20920
20991
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
|
|
20921
20992
|
__metadata("design:type", Object)
|
|
20922
20993
|
], Tabs.prototype, "isNavigation", void 0);
|
|
20994
|
+
__decorate([
|
|
20995
|
+
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
|
|
20996
|
+
__metadata("design:type", String)
|
|
20997
|
+
], Tabs.prototype, "ariaLabel", void 0);
|
|
20998
|
+
__decorate([
|
|
20999
|
+
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(),
|
|
21000
|
+
__metadata("design:type", String)
|
|
21001
|
+
], Tabs.prototype, "ariaLabelledby", void 0);
|
|
20923
21002
|
__decorate([
|
|
20924
21003
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ContentChildren"])(_tab_component__WEBPACK_IMPORTED_MODULE_1__["Tab"], { descendants: false }),
|
|
20925
21004
|
__metadata("design:type", typeof (_a = typeof _angular_core__WEBPACK_IMPORTED_MODULE_0__["QueryList"] !== "undefined" && _angular_core__WEBPACK_IMPORTED_MODULE_0__["QueryList"]) === "function" && _a || Object)
|
|
@@ -20931,7 +21010,7 @@ var Tabs = /** @class */ (function () {
|
|
|
20931
21010
|
Tabs = __decorate([
|
|
20932
21011
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
|
|
20933
21012
|
selector: "ibm-tabs",
|
|
20934
|
-
template: "\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'top'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[followFocus]=\"followFocus\"\n\t\t\t\t[cacheActive]=\"cacheActive\"\n\t\t\t\t[contentBefore]=\"before\"\n\t\t\t\t[contentAfter]=\"after\">\n\t\t\t</ibm-tab-headers>\n\t\t\t<ng-content></ng-content>\n\t\t\t<ng-template #before>\n\t\t\t\t<ng-content select=\"[before]\"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ng-template #after>\n\t\t\t\t<ng-content select=\"[after]\"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'bottom'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[cacheActive]=\"cacheActive\">\n\t\t\t</ibm-tab-headers>\n\t "
|
|
21013
|
+
template: "\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'top'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[followFocus]=\"followFocus\"\n\t\t\t\t[cacheActive]=\"cacheActive\"\n\t\t\t\t[contentBefore]=\"before\"\n\t\t\t\t[contentAfter]=\"after\"\n\t\t\t\t[ariaLabel]=\"ariaLabel\"\n\t\t\t\t[ariaLabelledby]=\"ariaLabelledby\">\n\t\t\t</ibm-tab-headers>\n\t\t\t<ng-content></ng-content>\n\t\t\t<ng-template #before>\n\t\t\t\t<ng-content select=\"[before]\"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ng-template #after>\n\t\t\t\t<ng-content select=\"[after]\"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ibm-tab-headers\n\t\t\t\t*ngIf=\"hasTabHeaders() && position === 'bottom'\"\n\t\t\t\t[skeleton]=\"skeleton\"\n\t\t\t\t[tabs]=\"tabs\"\n\t\t\t\t[cacheActive]=\"cacheActive\">\n\t\t\t</ibm-tab-headers>\n\t "
|
|
20935
21014
|
})
|
|
20936
21015
|
], Tabs);
|
|
20937
21016
|
return Tabs;
|
|
@@ -21901,7 +21980,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
21901
21980
|
/* harmony import */ var _storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_2__);
|
|
21902
21981
|
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ */ "./src/index.ts");
|
|
21903
21982
|
var withStorySource = __webpack_require__(/*! @storybook/addon-storysource */ "./node_modules/@storybook/addon-storysource/dist/index.js").withStorySource;
|
|
21904
|
-
var __STORY__ = "import { storiesOf, moduleMetadata } from '@storybook/angular';\nimport { withKnobs } from '@storybook/addon-knobs/angular';\nimport { action } from '@storybook/addon-actions';\n\nimport { TilesModule, DocumentationModule } from '../';\n\nstoriesOf('Tiles', module)\n .addDecorator(\n moduleMetadata({\n imports: [TilesModule, DocumentationModule],\n })\n )\n .addDecorator(withKnobs)\n .add('Basic', () => ({\n template: `\n\t\t<ibm-tile>\n\t\t\ttile content goes here...\n\t\t</ibm-tile>\n\t\t`,\n }))\n .add('Multiple', () => ({\n template: `\n\t\t<div style=\"display: flex; flex-flow: row wrap; justify-content: space-around;\">\n\t\t\t<ibm-tile>\n\t\t\t\tTile 1\n\t\t\t</ibm-tile>\n\t\t\t<ibm-tile>\n\t\t\t\tTile 2\n\t\t\t</ibm-tile>\n\t\t\t<ibm-tile>\n\t\t\t\tTile 3\n\t\t\t</ibm-tile>\n\t\t</div>\n\t\t`,\n }))\n .add('Clickable', () => ({\n template: `\n\t\t<ibm-clickable-tile href=\"https://www.carbondesignsystem.com/\" target=\"_blank\">\n\t\t\tClick the tile to open the Carbon Design System\n\t\t</ibm-clickable-tile>\n\t\t`,\n }))\n .add('Selectable', () => ({\n template: `\n\t\t\t<ibm-tile-group (selected)=\"selected($event)\">\n\t\t\t\t<ibm-selection-tile value=\"tile1\" [selected]=\"true\">Selectable Tile</ibm-selection-tile>\n\t\t\t\t<ibm-selection-tile value=\"tile2\">Selectable Tile</ibm-selection-tile>\n\t\t\t\t<ibm-selection-tile value=\"tile3\">Selectable Tile</ibm-selection-tile>\n\t\t\t</ibm-tile-group>\n\t\t`,\n props: {\n selected: action('tile selected'),\n },\n }))\n .add('Multi-select', () => ({\n template: `\n\t\t\t<ibm-tile-group (selected)=\"selected($event)\" [multiple]=\"true\">\n\t\t\t\t<ibm-selection-tile value=\"tile1\" [selected]=\"true\">Selectable Tile</ibm-selection-tile>\n\t\t\t\t<ibm-selection-tile value=\"tile2\">Selectable Tile</ibm-selection-tile>\n\t\t\t\t<ibm-selection-tile value=\"tile3\">Selectable Tile</ibm-selection-tile>\n\t\t\t</ibm-tile-group>\n\t\t`,\n props: {\n selected: action('tile selected'),\n },\n }))\n .add('Expandable', () => ({\n template: `\n\t\t<ibm-expandable-tile>\n\t\t\t<span class=\"bx--tile-content__above-the-fold\" style=\"height: 200px\">Above the fold content here</span>\n\t\t\t<span class=\"bx--tile-content__below-the-fold\" style=\"height: 400px\">Below the fold content here</span>\n\t\t</ibm-expandable-tile>\n\t\t`,\n }))\n .add('Documentation', () => ({\n template: `\n\t\t\t<ibm-documentation src=\"documentation/components/
|
|
21983
|
+
var __STORY__ = "import { storiesOf, moduleMetadata } from '@storybook/angular';\nimport { withKnobs } from '@storybook/addon-knobs/angular';\nimport { action } from '@storybook/addon-actions';\n\nimport { TilesModule, DocumentationModule } from '../';\n\nstoriesOf('Tiles', module)\n .addDecorator(\n moduleMetadata({\n imports: [TilesModule, DocumentationModule],\n })\n )\n .addDecorator(withKnobs)\n .add('Basic', () => ({\n template: `\n\t\t<ibm-tile>\n\t\t\ttile content goes here...\n\t\t</ibm-tile>\n\t\t`,\n }))\n .add('Multiple', () => ({\n template: `\n\t\t<div style=\"display: flex; flex-flow: row wrap; justify-content: space-around;\">\n\t\t\t<ibm-tile>\n\t\t\t\tTile 1\n\t\t\t</ibm-tile>\n\t\t\t<ibm-tile>\n\t\t\t\tTile 2\n\t\t\t</ibm-tile>\n\t\t\t<ibm-tile>\n\t\t\t\tTile 3\n\t\t\t</ibm-tile>\n\t\t</div>\n\t\t`,\n }))\n .add('Clickable', () => ({\n template: `\n\t\t<ibm-clickable-tile href=\"https://www.carbondesignsystem.com/\" target=\"_blank\">\n\t\t\tClick the tile to open the Carbon Design System\n\t\t</ibm-clickable-tile>\n\t\t`,\n }))\n .add('Selectable', () => ({\n template: `\n\t\t\t<ibm-tile-group (selected)=\"selected($event)\">\n\t\t\t\t<ibm-selection-tile value=\"tile1\" [selected]=\"true\">Selectable Tile</ibm-selection-tile>\n\t\t\t\t<ibm-selection-tile value=\"tile2\">Selectable Tile</ibm-selection-tile>\n\t\t\t\t<ibm-selection-tile value=\"tile3\">Selectable Tile</ibm-selection-tile>\n\t\t\t</ibm-tile-group>\n\t\t`,\n props: {\n selected: action('tile selected'),\n },\n }))\n .add('Multi-select', () => ({\n template: `\n\t\t\t<ibm-tile-group (selected)=\"selected($event)\" [multiple]=\"true\">\n\t\t\t\t<ibm-selection-tile value=\"tile1\" [selected]=\"true\">Selectable Tile</ibm-selection-tile>\n\t\t\t\t<ibm-selection-tile value=\"tile2\">Selectable Tile</ibm-selection-tile>\n\t\t\t\t<ibm-selection-tile value=\"tile3\">Selectable Tile</ibm-selection-tile>\n\t\t\t</ibm-tile-group>\n\t\t`,\n props: {\n selected: action('tile selected'),\n },\n }))\n .add('Expandable', () => ({\n template: `\n\t\t<ibm-expandable-tile>\n\t\t\t<span class=\"bx--tile-content__above-the-fold\" style=\"height: 200px\">Above the fold content here</span>\n\t\t\t<span class=\"bx--tile-content__below-the-fold\" style=\"height: 400px\">Below the fold content here</span>\n\t\t</ibm-expandable-tile>\n\t\t`,\n }))\n .add('Documentation', () => ({\n template: `\n\t\t\t<ibm-documentation src=\"documentation/components/Tile.html\"></ibm-documentation>\n\t\t`,\n }));\n";
|
|
21905
21984
|
var __ADDS_MAP__ = { "tiles--documentation": { "startLoc": { "col": 7, "line": 75 }, "endLoc": { "col": 4, "line": 79 } }, "tiles--expandable": { "startLoc": { "col": 7, "line": 67 }, "endLoc": { "col": 4, "line": 74 } }, "tiles--multi-select": { "startLoc": { "col": 7, "line": 55 }, "endLoc": { "col": 4, "line": 66 } }, "tiles--selectable": { "startLoc": { "col": 7, "line": 43 }, "endLoc": { "col": 4, "line": 54 } }, "tiles--clickable": { "startLoc": { "col": 7, "line": 36 }, "endLoc": { "col": 4, "line": 42 } }, "tiles--multiple": { "startLoc": { "col": 7, "line": 21 }, "endLoc": { "col": 4, "line": 35 } }, "tiles--basic": { "startLoc": { "col": 7, "line": 14 }, "endLoc": { "col": 4, "line": 20 } } };
|
|
21906
21985
|
|
|
21907
21986
|
|
|
@@ -21940,7 +22019,7 @@ Object(_storybook_angular__WEBPACK_IMPORTED_MODULE_0__["storiesOf"])("Tiles", mo
|
|
|
21940
22019
|
template: "\n\t\t<ibm-expandable-tile>\n\t\t\t<span class=\"bx--tile-content__above-the-fold\" style=\"height: 200px\">Above the fold content here</span>\n\t\t\t<span class=\"bx--tile-content__below-the-fold\" style=\"height: 400px\">Below the fold content here</span>\n\t\t</ibm-expandable-tile>\n\t\t"
|
|
21941
22020
|
}); })
|
|
21942
22021
|
.add("Documentation", function () { return ({
|
|
21943
|
-
template: "\n\t\t\t<ibm-documentation src=\"documentation/components/
|
|
22022
|
+
template: "\n\t\t\t<ibm-documentation src=\"documentation/components/Tile.html\"></ibm-documentation>\n\t\t"
|
|
21944
22023
|
}); });
|
|
21945
22024
|
|
|
21946
22025
|
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../node_modules/@storybook/core/node_modules/webpack/buildin/harmony-module.js */ "./node_modules/@storybook/core/node_modules/webpack/buildin/harmony-module.js")(module)))
|
|
@@ -22060,7 +22139,7 @@ var TimePickerSelect = /** @class */ (function (_super) {
|
|
|
22060
22139
|
TimePickerSelect = TimePickerSelect_1 = __decorate([
|
|
22061
22140
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
|
|
22062
22141
|
selector: "ibm-timepicker-select",
|
|
22063
|
-
template: "\n\t\t\t<label *ngIf=\"!skeleton\" [attr.for]=\"id\" class=\"bx--label bx--visually-hidden\">{{label}}</label>\n\t\t\t<select\n\t\t\t\t#select\n\t\t\t\t[attr.id]=\"id\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t(change)=\"onChange($event)\"\n\t\t\t\tclass=\"bx--select-input\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</select>\n\t\t\t<ibm-icon-chevron-down16 *ngIf=\"!skeleton\" class=\"bx--select__arrow\"></ibm-icon-chevron-down16>\n\t"
|
|
22142
|
+
template: "\n\t\t\t<label *ngIf=\"!skeleton && label\" [attr.for]=\"id\" class=\"bx--label bx--visually-hidden\">{{label}}</label>\n\t\t\t<select\n\t\t\t\t#select\n\t\t\t\t[attr.id]=\"id\"\n\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t(change)=\"onChange($event)\"\n\t\t\t\tclass=\"bx--select-input\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</select>\n\t\t\t<ibm-icon-chevron-down16 *ngIf=\"!skeleton\" class=\"bx--select__arrow\"></ibm-icon-chevron-down16>\n\t"
|
|
22064
22143
|
})
|
|
22065
22144
|
], TimePickerSelect);
|
|
22066
22145
|
return TimePickerSelect;
|
|
@@ -22267,7 +22346,7 @@ var TimePicker = /** @class */ (function () {
|
|
|
22267
22346
|
TimePicker = TimePicker_1 = __decorate([
|
|
22268
22347
|
Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"])({
|
|
22269
22348
|
selector: "ibm-timepicker",
|
|
22270
|
-
template: "\n\t\t\t<div class=\"bx--time-picker__input\">\n\t\t\t\t<label *ngIf=\"!skeleton\" [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<input\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'bx--text-input--light': theme === 'light',\n\t\t\t\t\t\t'bx--skeleton': skeleton\n\t\t\t\t\t}\"\n\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t[attr.id]=\"id\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\tmaxlength=\"5\"\n\t\t\t\t\t(change)=\"onChange($event)\"\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tclass=\"bx--time-picker__input-field bx--text-input\">\n\t\t\t</div>\n\t\t\t<ng-content></ng-content>\n\t"
|
|
22349
|
+
template: "\n\t\t\t<div class=\"bx--time-picker__input\">\n\t\t\t\t<label *ngIf=\"!skeleton && label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t\t\t</label>\n\t\t\t\t<input\n\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t'bx--text-input--light': theme === 'light',\n\t\t\t\t\t\t'bx--skeleton': skeleton\n\t\t\t\t\t}\"\n\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t[placeholder]=\"placeholder\"\n\t\t\t\t\t[pattern]=\"pattern\"\n\t\t\t\t\t[attr.id]=\"id\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\tmaxlength=\"5\"\n\t\t\t\t\t(change)=\"onChange($event)\"\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tclass=\"bx--time-picker__input-field bx--text-input\">\n\t\t\t</div>\n\t\t\t<ng-content></ng-content>\n\t"
|
|
22271
22350
|
})
|
|
22272
22351
|
], TimePicker);
|
|
22273
22352
|
return TimePicker;
|
|
@@ -24087,4 +24166,4 @@ module.exports = __webpack_require__(/*! /home/travis/build/IBM/carbon-component
|
|
|
24087
24166
|
/***/ })
|
|
24088
24167
|
|
|
24089
24168
|
},[[0,"runtime~main","vendors~main"]]]);
|
|
24090
|
-
//# sourceMappingURL=main.
|
|
24169
|
+
//# sourceMappingURL=main.a309b5fd3379fd894c7e.bundle.js.map
|